body .vb-nav-list .vb-side-heading,
 body .vb-nav-sub-side .vb-side-content,
  body .vb-nav-sub-side .vb-drop-box{
	 display:none !important;
 }

.vb-side-box {
	--side-box-wt: var(--vb-side-box-wt,350px);
	--side-box-sp: 0px;
	--side-box-pd: var(--vb-side-box-pd,8px 00px);
	--side-box-bg: var(--vb-side-box-bg,var(--vb-global-box-bg));
	--side-box-br-wt: var(--vb-side-box-br-wt,0px);
	--side-box-br-st: var(--vb-side-box-br-st,solid);
	--side-box-br-cr: var(--vb-side-box-br-cr,rgba(138,148,158,0.15));
	--side-box-sd: var(--vb-side-box-sd,0px 0px 15px 0px rgba(0,0,0,0.50));
	--side-box-rd: var(--vb-side-box-rd,var(--vb-global-rd));
	--side-box-in-st: 0px;
	--side-box-in-en: 0px;
	--side-box-op: 1;
	
	
	--side-head-ht: var(--vb-side-head-ht,60px);
	
	--side-head-bg: var(--vb-side-head-bg,var(--vb-global-primary-bg)); 
	--side-head-br-wt: var(--vb-side-head-br-wt,0px);
	--side-head-br-st: var(--vb-side-head-br-st,solid);
	--side-head-br-cr: var(--vb-side-head-br-cr,rgba(138,148,158,0.15));


	--side-head-cr:var(--vb-side-head-cr,var(--vb-global-primary-cr));
 	--side-head-fn-sz:var(--vb-side-head-fn-sz,18px);
  	--side-head-li-ht:var(--vb-side-head-li-ht,1.5em);
	--side-head-fn-wt:var(--vb-side-head-fn-wt,500);

	--side-head-fn-fm: var(--vb-side-head-fn-fm,inherit);
	--side-head-txt-dec: var(--vb-side-head-txt-dec,none);
	--side-head-txt-tf: var(--vb-side-head-txt-ft,none);
	--side-head-lt-sp: var(--vb-side-head-lt-sp,none);
	--side-head-wd-sp: var(--vb-side-head-wd-sp,none);
	--side-head-fn-st: var(--vb-side-head-fn-st,none);
	
	
  	--side-head-icn-cr:var(--vb-side-head-icn-cr,var(--side-head-cr));
 	--side-head-icn-sz:var(--vb-side-head-icn-sz,1.5em);
 	 
	--side-close-cr:var(--vb-side-close-cr,var(--side-head-cr));
 	--side-close-sz:var(--vb-side-close-sz,1.5em);
	
	 
	position: fixed;
	width: 100%;
	height: 100%;
	inset-inline-start: 0px;
	top: 0px;
	overflow: hidden;
 	transition: all 0.0s;
	transition-delay: 300ms;
	z-index: 999999999;
	display: flex;
	transition: background 300ms;
}

.vb-side-box.vb-side-active {
	background: rgba(0, 5, 10, 0.7);
	inset-inline-start: 00%;
	transition-delay: 0ms;
}



.vb-side-box.vb-side-active > .vb-side-middle {
	transform: translateX(0%) !important;
}

.vb-side-box > .vb-side-middle {
	transform: translateX(-100%);
	width: min(var(--side-box-wt),100vw);
	height: 100%;
	position: relative;
	padding: 00px;
	z-index: 0;
	margin-top: 0px;
	inset-inline-start: 0;
	transition: transform 300ms;
	padding: 0px !important;
	background: var(--side-box-bg) !important;
	border-width: var(--side-box-br-wt)!important;
	border-color: var(--side-box-br-cr)!important;
	border-style: var(--side-box-br-st)!important;
	box-shadow: var(--side-box-sd)!important;
	display: flex;
	flex-direction: column;
}

.rtl .vb-side-box > .vb-side-middle {
		transform: translateX(100%);
}

.vb-side-box.vb-side-active .vb-side-close,
 .vb-side-box.vb-side-active .vb-side-wrap {
	transition: all 0.3s;
}

.vb-side-wrap {
	width: 100% !important;
	float: inline-start;
	padding: var(--side-box-pd) !important;
}

 
 
body .vb-side-box .vb-side-heading {
  	width:100% !important;
	padding-inline-start:0px ;
	padding-inline-end: 0px ;
	padding-top: 0px ;
	padding-bottom: 0px ;
	display:inline-flex;
	gap:7px;
	align-items:center;
	padding-inline-start: 20px;
	position:relative;
	height:var(--side-head-ht);
 
	color: var(--side-head-cr); 
	
}
body .vb-side-box .vb-side-heading::before {
	content: "";
	width: 100% !important;
	position: absolute;
	z-index: -1;
	height: 100% !important;
	background:var(--side-head-bg);
	inset-inline-start: 0px;
	background-repeat: no-repeat;
	top: 0px; 
	border-width: var(--side-head-br-wt)!important;
	border-color: var(--side-head-br-cr)!important;
	border-style: var(--side-head-br-st)!important;
	box-sizing: border-box;
}
body .vb-side-heading-icon{
	color: var(--side-head-icn-cr);
	font-size: max(var(--side-head-icn-sz),11px);
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	position:relative;
	z-index:1;
}
 body .vb-side-heading-icon::before{
	font-size: inherit !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-align: center !important;
	display: inline-element !important;
	vertical-align: top !important;
	height: 1.25em !important;
	width: 1.25em !important;
	line-height: 1.25em !important;
	position:relative;
}
body .vb-side-heading-image::before {
	content: "";
	position: relative;
	width: 1.25em!important;
	height: 1.25em!important;
	font-size: 1.25em!important;
	background-image: var(--vb-side-head-img,none)!important;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
} 
body .vb-side-heading-text{
	flex-grow: 1;
	width: 0px;
	line-height:var(--side-head-ht);
	color: var(--side-head-cr);
	font-family: var(--side-head-fn-fm,inherit) !important;
	font-size: max(var(--side-head-fn-sz),11px);
	font-weight: var(--side-head-fn-wt)!important;
	line-height: var(--side-head-li-ht)!important;
	text-decoration: var(--side-head-txt-dec,none);
	text-transform: var(--side-head-txt-tf,none);
	letter-spacing: var(--side-head-lt-sp,none);
	word-spacing: var(--side-head-wd-sp,none);
	font-style: var(--side-head-fn-st,none);
}
body .vb-side-box  .vb-side-close {
	align-items: center!important;
	justify-content: center!important;
	cursor: pointer !important;
	display: flex!important;
	align-self: end!important;
	height: var(--side-head-ht)!important;
	width: var(--side-head-ht)!important;
	font-size: var(--side-close-sz)!important;
	color: var(--side-close-cr) !important;
}

.vb-side-box  .vb-side-close::before {
	width: 1.25em!important;
	height: 1.25em!important;
	line-height: 1.25em!important;
}
 

.vb-side-box  .vb-side-close:hover {
	opacity: 0.6 !important;
}

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

.vb-side-list.vb-menu > li::after,
.vb-mobile-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;
	top: auto;
	bottom: calc((var(--menu-main-gap,0px) / -2) - (var(--menu-bw-br-wt,0px) / 2 ));
	border-width: 0 0px  var(--menu-bw-br-wt,0px) 0;
}
.vb-side-list.vb-menu > li:first-child::after,
.vb-mobile-list.vb-menu > li:first-child::after{
	content:"";
}
.vb-side-list.vb-menu > li:last-child::after,
.vb-mobile-list.vb-menu > li:last-child::after{
	content:none;
}

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

	body .vb-side-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-side-list > li.vb-side-full-height > .vb-drop-box {
		--drop-box-tp: var(--vb-drop-box-tp,0px) !important;

	}

	body .vb-side-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-side-list > li > .vb-drop-box.vb-drop-box-inverse {
		--vb-drop-box-in-en: 100% !important;
		--vb-drop-box-in-st: auto !important;
	}
	
	body:not(.rtl)  .vb-side-list.vb-menu > li > .vb-drop-box,
	body:not(.rtl) .vb-side-list.vb-menu > li > .vb-drop-box:before {
		border-top-left-radius: 0px!important;
		border-bottom-left-radius: 0px!important;
	}
	.rtl .vb-side-list.vb-menu > li > .vb-drop-box,
	.rtl .vb-side-list.vb-menu > li > .vb-drop-box:before {
		border-top-right-radius: 0px!important;
		border-bottom-right-radius: 0px!important;
	}	
}
 
 
@media (max-width: 1024px) {
	.vb-side-box {
		--vb-side-box-wt: 450px;
		--vb-side-box-pd: 10px 00px;
		--vb-side-box-sd: 0px 0px 0px 0px;
	}

	.vb-side-box .vb-side-wrap {
		float: inline-start;
		overflow-y: auto;
		flex-grow: 1;
		max-height: 100%;
	}
}