@keyframes vb_opacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

body .vb-drop-box {
	--drop-box-wt:var(--vb-drop-box-wt,250px);
	--drop-box-ht:var(--vb-drop-box-ht,auto);
	--drop-box-sp: 0px;
	--drop-box-pd:var(--vb-drop-box-pd,13px 00px);
	--drop-box-bg:var(--vb-drop-box-bg,var(--vb-global-box-bg));
	--drop-box-sd:var(--vb-drop-box-sd,none);
	--drop-box-br-wt:var(--vb-drop-box-br-wt,1px);
	--drop-box-br-st:var(--vb-drop-box-br-st,solid);
	--drop-box-br-cr:var(--vb-drop-box-br-st,var(--vb-global-br-cr));
	--drop-box-rd:var(--vb-drop-box-rd,var(--vb-global-rd));
	--drop-box-tp: 0px;
	--drop-box-in-st: var(--vb-drop-box-in-st,0px);
	--drop-box-in-en:  var(--vb-drop-box-in-en,0px);
	--drop-box-op: var(--vb-drop-box-op,1);	
 	z-index: 999999;
	width: var(--drop-box-wt)!important;
	height: var(--drop-box-ht)!important;
	padding: var(--drop-box-pd)!important;
	margin:0px!important;
	background: var(--drop-box-bg)!important;
	box-shadow: var(--drop-box-sd)!important;
	border-radius: var(--drop-box-rd)!important;
 	top: var(--drop-box-tp)!important;
	inset-inline-end: var(--drop-box-in-en)!important;
	inset-inline-start: var(--drop-box-in-st)!important;
	opacity: var(--drop-box-op) !important;
	flex-wrap: wrap!important;
	display:inline-flex !important;
 
}
 
body .vb-drop-box::before {
	content: "";
	width: 100% !important;
	position: absolute;
	z-index: -1;
	height: 100% !important;
 
	inset-inline-start: 0px;
	background-repeat: no-repeat;
	top: 0px;
	border-radius: var(--drop-box-rd)!important;
	border-width: var(--drop-box-br-wt)!important;
	border-color: var(--drop-box-br-cr)!important;
	border-style: var(--drop-box-br-st)!important;
	box-sizing: border-box;
}
@media (min-width: 1025px) {
 
	body .vb-drop-box {
		position: absolute !important;
		z-index: 9999999999 !important;
		transition: margin 300ms,opacity 300ms,transform 0ms ease 300ms !important;
		transform: rotateX(-90deg) !important;
		
		--vb-drop-box-in-st: 0px;
		--vb-drop-box-in-en: auto;
		--vb-drop-box-op: 0!important;
	}
 
}
@media (max-width: 1024px) {
	body .vb-drop-box,body .vb-drop-list{
		display:none !important;	
	}
}

/* =====================================================================================================================================================
																drop List
 ===================================================================================================================================================== */ 
.vb-drop-list.vb-menu {
	--menu-display: flex;
	--menu-ht: auto;
	--menu-item-wt: 100%;
	--menu-item-pd-bl-st: max(calc(var(--vb-drop-item-pd-bl-st,7px) -  var(--vb-dv-pd,0px)),0px);
	--menu-item-pd-bl-en: max(calc(var(--vb-drop-item-pd-bl-en,7px) -  var(--vb-dv-pd,0px)),0px);
	--menu-item-pd-in-st: var(--vb-drop-item-pd-in-st,20px);
	--menu-item-pd-in-en: var(--vb-drop-item-pd-in-en,20px);
	--menu-gap: max(calc(var(--vb-drop-gap,0px) - var(--vb-dv-pd,0px)),0px);
	--menu-bw-br-cr: var(--vb-drop-bw-br-cr,var(--vb-global-br-cr));
	--menu-bw-br-st: var(--vb-drop-bw-br-st,solid);
	--menu-bw-br-wt: var(--vb-drop-bw-br-wt,0px);
	--menu-bw-gap: 1;
	--menu-item-bg: var(--vb-drop-item-bg,transparent);
	--menu-item-br-wt: var(--vb-drop-item-br-wt,0px);
	--menu-item-br-st: var(--vb-drop-item-br-st,solid);
	--menu-item-br-cr: var(--vb-drop-item-br-cr,var(--vb-global-br-cr));
	--menu-item-sd: var(--vb-drop-item-sd,initial);
	--menu-item-rd: var(--vb-drop-item-rd,var(--vb-global-rd));
	--menu-item-hv-bg: var(--vb-drop-item-hv-bg,var(--menu-item-bg));
	--menu-item-hv-br-wt: var(--vb-drop-item-hv-br-wt,var(--menu-item-br-wt));
	--menu-item-hv-br-cr: var(--vb-drop-item-hv-br-cr,var(--menu-item-br-cr));
	--menu-item-hv-br-st: var(--vb-drop-item-hv-br-st,var(--menu-item-br-st));
	--menu-item-hv-sd: var(--vb-drop-item-hv-sd,var(--menu-item-sd));
	--menu-lab-cr: var(--vb-drop-lab-cr,var(--vb-global-lk-cr));
	--menu-lab-hv-cr: var(--vb-drop-lab-hv-cr, var(--vb-global-lk-hv-cr));
	--menu-lab-fn-sz: calc( var(--vb-drop-lab-fn-sz,15px)  - var(--vb-dv-sz,0px));
	--menu-lab-fn-wt: var(--vb-drop-lab-fn-wt,400);
	--menu-lab-li-ht: var(--vb-drop-lab-li-ht,1.5em);
	--menu-lab-fn-fm: var(--vb-drop-lab-fn-fm,inherit);
	--menu-lab-txt-dec: var(--vb-drop-lab-txt-dec,none);
	--menu-lab-txt-tf: var(--vb-drop-lab-txt-ft,none);
	--menu-lab-lt-sp: var(--vb-drop-lab-lt-sp,none);
	--menu-lab-wd-sp: var(--vb-drop-lab-wd-sp,none);
	--menu-lab-fn-st: var(--vb-drop-lab-fn-st,none);
	--menu-des-sp: var(--vb-drop-des-sp,0px);
	--menu-des-cr: var(--vb-drop-des-cr,var(--vb-global-gry-cr));
	--menu-des-hv-cr: var(--vb-drop-des-hv-cr,var(--menu-lab-hv-cr));
	--menu-des-fn-sz: calc(var(--vb-drop-des-fn-sz,13px)  - var(--vb-dv-sz,0px));
	--menu-des-fn-wt: var(--vb-drop-des-fn-wt,400);
	--menu-des-li-ht: var(--vb-drop-des-li-ht,1.5em);
	--menu-des-fn-fm: var(--vb-drop-des-fn-fm,inherit);
	--menu-des-txt-dec: var(--vb-drop-des-txt-dec,none);
	--menu-des-txt-tf: var(--vb-drop-des-txt-tf,none);
	--menu-des-lt-sp: var(--vb-drop-des-lt-sp,none);
	--menu-des-wd-sp: var(--vb-drop-des-wd-sp,none);
	--menu-des-fn-st: var(--vb-drop-des-fn-st,none);
	--menu-pot-cr: var(--vb-drop-pot-cr,var(--menu-lab-cr));
	--menu-pot-hv-cr: var(--vb-drop-pot-hv-cr, var(--menu-lab-hv-cr));
	--menu-pot-sz: calc(var(--vb-drop-pot-sz, 1em) - var(--vb-dv-sz,0px));
	--menu-icn-sz: calc(var(--vb-drop-icn-sz,1.25em) - var(--vb-dv-sz,0px));
	--menu-icn-sp: var(--vb-drop-icn-sp,7px);
	--menu-icn-cr: var(--vb-drop-icn-cr,var(--menu-lab-cr));
	--menu-icn-hv-cr: var(--vb-drop-icn-hv-cr,var(--menu-lab-hv-cr));
	--menu-primary-bg: var(--vb-drop-primary-bg,var(--vb-global-primary-bg));
	--menu-primary-cr: var(--vb-drop-primary-cr,var(--vb-global-primary-cr));
	--menu-primary-hv-bg: var(--vb-drop-primary-hv-bg,var(--vb-global-primary-hv-bg));
	--menu-primary-hv-cr: var(--vb-drop-primary-hv-cr,var(--vb-global-primary-hv-cr));
	flex-wrap: wrap;  
  height:100%;
      align-items: start;
}



.vb-drop-list.vb-menu > li::after {
	width: calc(100% - var(--menu-item-pd-in-en) - var(--menu-item-pd-in-st));
	inset-inline-start: var(--menu-item-pd-in-st);
	inset-inline-end: var(--menu-item-pd-in-en);
	height: 1px;
	bottom: auto;
	top: calc((var(--menu-main-gap,0px) / -2) - (var(--menu-bw-br-wt,0px) / 2 ));
	border-width: var(--menu-bw-br-wt,0px) 0px 0 0;
}

.vb-drop-list.vb-menu > li > *:is(a,span) > .vb-pointer::before {
	content: "\F003";
}
.rtl .vb-drop-list.vb-menu > li > *:is(a,span) > .vb-pointer::before {
	content: "\F002";
}
@media (min-width: 1025px) {

	body .vb-drop-list > li > .vb-drop-box {
		--vb-drop-box-in-st: 100%!important;
		--vb-drop-box-in-en: auto!important;
		--vb-drop-box-tp: 0px ;
		z-index: 99999 !important;
	}

	body .vb-drop-list > li:hover > .vb-drop-box {
		transition: margin 300ms,opacity 300ms,transform 0ms!important;
		transform: rotateX(0deg)!important;
		--vb-drop-box-op: 1!important;
	}
body .vb-drop-list > li.vb-drop-full-height > .vb-drop-box {
		--drop-box-tp: var(--vb-drop-box-tp,0px) !important;
		
	}
	
 
	body .vb-drop-list > li > .vb-drop-box.vb-drop-box-inverse {
		--vb-drop-box-in-en: 100% !important;
		--vb-drop-box-in-st: auto !important;
	}
	
	
}


body .vb-drop-box.vb-drop-not-transition,
body .vb-drop-box.vb-drop-not-transition * ,
body .vb-drop-box.vb-drop-not-transition li * {
	pointer-events: none !important;
	z-index: -999;
}