.vb-menu {
	--menu-gap: 0px;
	--menu-main-gap: calc(var(--menu-gap) * var(--menu-bw-gap));
	--menu-bw-br-cr: var(--vb-global-br-cr);
	--menu-bw-br-st: solid;
	--menu-bw-br-wt: 0px;
	--menu-bw-gap: 1;
	--menu-item-wt: auto;
	--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-item-bg: transparent;
	--menu-item-br-wt: 0px;
	--menu-item-br-st: solid;
	--menu-item-br-cr: var(--vb-global-br-cr);
	--menu-item-sd: initial;
	--menu-item-rd: var(--vb-global-rd);
	--menu-item-hv-bg: var(--menu-item-bg);
	--menu-item-hv-br-wt: var(--menu-item-br-wt);
	--menu-item-hv-br-cr: var(--menu-item-br-cr);
	--menu-item-hv-br-st: var(--menu-item-br-st);
	--menu-item-hv-sd: var(--menu-item-sd);
	--menu-ti: 300ms;
	--menu-lab-cr: var(--vb-global-lk-cr);
	--menu-lab-hv-cr: var(--vb-global-lk-hv-cr);
	--menu-lab-fn-sz: 16px;
	--menu-lab-fn-wt: 700;
	--menu-lab-li-ht: 1.5em;
	--menu-lab-fn-fm: inherit;
	--menu-lab-txt-dec: none;
	--menu-lab-txt-tf: none;
	--menu-lab-lt-sp: none;
	--menu-lab-wd-sp: none;
	--menu-lab-fn-st: none;
	--menu-des-sp: 7px;
	--menu-des-cr: var(--vb-global-cr);
	--menu-des-hv-cr: var(--vb-global-lk-hv-cr);
	--menu-des-fn-sz: 13px;
	--menu-des-fn-wt: 400;
	--menu-des-li-ht: 1.5em;
	--menu-des-fn-fm: inherit;
	--menu-des-txt-dec: none;
	--menu-des-txt-tf: none;
	--menu-des-lt-sp: none;
	--menu-des-wd-sp: none;
	--menu-des-fn-st: none;
	--menu-pot-cr: inherit;
	--menu-pot-hv-cr: inherit;
	--menu-pot-sz: 1em;
	--menu-icn-cr: inherit;
	--menu-icn-hv-cr: inherit;
	--menu-icn-sz: 1em;
	--menu-icn-sp: 7px;
	--menu-icn-wt: auto;
	--menu-icn-ht: auto;
	--menu-icn-pd: 0em;
	--menu-icn-bg: transparent;
	--menu-icn-br-wt: 0px;
	--menu-icn-br-cr: initial;
	--menu-icn-br-st: solid;
	--menu-icn-sd: none;
	--menu-icn-rd: var(--vb-global-rd);
	--menu-icn-hv-bg: var(--menu-icn-bg);
	--menu-icn-hv-br-wt: var(--menu-icn-br-wt);
	--menu-icn-hv-br-cr: var(--menu-icn-br-cr);
	--menu-icn-hv-br-st: var(--menu-icn-br-st);
	--menu-icn-hv-sd: var(--menu-icn-sd);
	--menu-primary-bg: var(--vb-global-primary-bg);
	--menu-primary-bg-cr: var(--vb-global-primary-bg-cr);
	--menu-primary-cr: var(--vb-global-primary-cr);
	--menu-primary-hv-bg: var(--vb-global-primary-hv-bg);
	--menu-primary-hv-bg-cr: var(--vb-global-primary-hv-bg-cr);
	--menu-primary-hv-cr: var(--vb-global-primary-hv-cr);
	 
}

.vb-element-nav_menu {
	--menu-mg-in-st: 20px;
	--menu-mg-in-en: 20px;
}

.vb-menu {
	float: inline-start;
	display: var(--menu-display)!important;
	gap: var(--menu-main-gap)!important;
	width: auto;
	padding: 0px;
	min-height: var(--menu-ht);
	align-items: center;
}

.vb-menu > li {
	list-style: none !important;
	position: relative !important;
	float: inline-start !important;
	list-style: none;
	margin:0px;
	width: var(--menu-item-wt)!important;
}

.vb-menu > li:after {
	content: "";
	display: inline-block;
	position: absolute;
	border-style: var(--menu-bw-br-st)  !important;
	border-color: var(--menu-bw-br-cr) !important;
}

.vb-menu > li:first-child::after {
	content: none;
}

.vb-nav-boxed > li > a::before {
	content: "";
}

.vb-sub-heading {
	display: none !important;
}

.vb-menu > li > *:is(a,span) {
	font-style: normal;
	display: inline-block;
	margin: 0;
	padding: 0px;
	float: inline-start;
	cursor: pointer;
	position: relative;
	text-align: start;
	height: var(--menu-ht)!important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: var(--menu-icn-sp,10px);
	align-items: center;
	--pd-in-st: var(--menu-item-pd-in-st);
	--pd-in-en: var(--menu-item-pd-in-en);
	padding-block-start: var(--menu-item-pd-bl-st)!important;
	padding-block-end: var(--menu-item-pd-bl-en)!important;
	padding-inline-start: var(--pd-in-st)!important;
	padding-inline-end: var(--pd-in-en) !important;
	width: var(--menu-item-wt)!important;
}

.vb-menu > li > span {
	cursor: text!important;
}

.vb-menu.vb-flex-center > li > *:is(a,span) {
	justify-content: center;
	--menu-pd-bl-en: 0px !important;
}

.vb-menu.vb-flex-center > li::before,
.vb-menu.vb-flex-center > li::after {
	display: none !important;
}

.vb-menu.vb-flex-center > li > *:is(a,span)::before {
	display: none !important;
}

.vb-menu > li > *:is(a,span) > span.vb-twoline {
	display: flex!important;
	flex-direction: column!important;
	justify-content: center!important;
	gap: var(--menu-des-sp,5px) !important;
}

.vb-menu > li > *:is(a,span) > span.vb-twoline > span,
.vb-menu > li > *:is(a,span) > span.vb-twoline > .vb-des {
	margin: 0px !important;
	padding: 0px !important;
}
 
 
 
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Nav Layout
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/  
 
 
.vb-menu-layout-top > li > a:has(i) {
	flex-direction: column!important;
	align-items: center!important;
	height: auto !important;
	text-align: center!important;
	justify-items: center!important;
}

.vb-menu-layout-end > li > a {
	flex-direction: row-reverse !important;
}
 
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Nav Boxed
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
 
 
.vb-menu > li > *:is(a,span)::before {
	content: "";
	box-sizing: border-box;
	z-index: -1;
	position: absolute !important;
	inset-inline-start: 0px;
	top: 0px !important;
	height: 100% !important;
	width: 100% !important;
	background: var(--menu-item-bg)!important;
	border-width: var(--menu-item-br-wt)!important;
	border-color: var(--menu-item-br-cr)!important;
	border-style: var(--menu-item-br-st)!important;
	box-shadow: var(--menu-item-sd)!important;
	border-radius: var(--menu-item-rd)!important;
	transition-duration: var(--vb-global-ti-duration)!important;
	transition-property: var(--vb-global-ti-property)!important;
}

.vb-menu > li > *:is(a,span):hover::before,
.vb-menu > li.vb-menu-current > *:is(a,span)::before,
.vb-menu > li.vb-menu-hover > *:is(a,span)::before,
.vb-menu > li.vb-menu-active > *:is(a,span)::before {
	background: var(--menu-item-hv-bg)!important;
	border-width: var(--menu-item-hv-br-wt)!important;
	border-color: var(--menu-item-hv-br-cr)!important;
	border-style: var(--menu-item-hv-br-st)!important;
	box-shadow: var(--menu-item-hv-sd)!important;
}  
 
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Nav Title
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-menu > li > *:is(a,span) {
	color: var(--menu-lab-cr)!important;
	font-family: var(--menu-lab-fn-fm,inherit) !important;
	font-size: max(var(--menu-lab-fn-sz),11px);
	font-weight: var(--menu-lab-fn-wt)!important;
	line-height: var(--menu-lab-li-ht)!important;
	text-decoration: var(--menu-lab-txt-dec,none);
	text-transform: var(--menu-lab-txt-tf,none);
	letter-spacing: var(--menu-lab-lt-sp,none);
	word-spacing: var(--menu-lab-wd-sp,none);
	font-style: var(--menu-lab-fn-st,none);
}

.vb-menu > li  > *:is(a,span):hover,
.vb-menu > li.vb-menu-current > *:is(a,span),
.vb-menu > li.vb-menu-hover > *:is(a,span),
.vb-menu > li.vb-menu-active > *:is(a,span) {
	color: var(--menu-lab-hv-cr)!important;
}

.vb-menu > li > *:is(a,span) > span:not(.vb-twoline) *,
.vb-menu > li > *:is(a,span) > span > span *,
 .vb-menu > li > *:is(a,span) .vb-des * {
	display: contents !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: inherit !important;
	text-transform: inherit !important;
	letter-spacing: inherit !important;
	word-spacing: inherit !important;
	font-style: inherit !important;
	box-shadow: inherit !important;
	border: inherit !important;
	background: inherit !important;
}
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Nav Description
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-menu > li > *:is(a,span) .vb-des {
	display: inline-block;
	color: var(--menu-des-cr);
	font-family: var(--menu-des-fn-fm,inherit);
	font-size: max(var(--menu-des-fn-sz),11px);
	font-weight: var(--menu-des-fn-wt);
	line-height: var(--menu-des-li-ht);
	text-decoration: var(--menu-des-txt-dec,none);
	text-transform: var(--menu-des-txt-tf,none);
	letter-spacing: var(--menu-des-lt-sp,none);
	word-spacing: var(--menu-des-wd-sp,none);
	font-style: var(--menu-des-fn-st,none);
	margin: 0px !important;
	padding: 0px !important;
	transition-duration: var(--vb-global-ti-duration) !important;
	transition-property: var(--vb-global-ti-property) !important;
}

.vb-menu > li  > *:is(a,span):hover .vb-des,
 .vb-menu > li.vb-menu-current > *:is(a,span) .vb-des,
 .vb-menu > li.vb-menu-hover > *:is(a,span) .vb-des,
  .vb-menu > li.vb-menu-active > *:is(a,span) .vb-des {
	color: var(--menu-des-hv-cr)!important;
	transition-duration: var(--vb-global-ti-duration) !important;
	transition-property: var(--vb-global-ti-property) !important;
}

/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Nav Pointer
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
 
 
.vb-menu > li > a:has(.vb-pointer) {
	--pot-sz: max(var(--menu-pot-sz,1em),11px);
	--pot-sp: 10px;
	--pot-wt: calc(var(--pot-sz) + var(--pot-sp));
	--pd-in-en: calc(var(--menu-item-pd-in-en) + var(--pot-wt)) !important;
}

.vb-menu > li > a > .vb-pointer {
	color: var(--menu-pot-cr);
	font-style: normal;
	font-size: var(--pot-sz) !important;
	vertical-align: middle;
	font-weight: 400;
	display: flex;
	width: var(--pd-in-en)!important;
	position: absolute;
	height: 100%;
	z-index: 1;
	top: 0px;
	align-items: center;
	inset-inline-end: 0;
}

.vb-menu > li > a > .vb-pointer::before {
	color: inherit !important;
	justify-content: start;
	margin-inline-start: var(--pot-sp);
	margin-inline-end: 0xp;
	position: relative;
	font-family: 'vbicon';
	content: "\F005";
}

.vb-menu > li.vb-menu-active > a > .vb-pointer::before,
 .vb-menu > li.vb-menu-hover > a > .vb-pointer::before {
	transform: rotate(180deg) !important;
	float:inline-start;
	transition: all 300ms!important;
}

.vb-menu > li > a:hover .vb-pointer,
 .vb-menu > .vb-menu-current > a .vb-pointer,
 .vb-menu > .vb-menu-hover > a .vb-pointer,
  .vb-menu > .vb-menu-active > a .vb-pointer {
	color: var(--menu-pot-hv-cr);
}

.vb-menu-layout-end > li > a:has(.vb-pointer) {
	--pd-in-st: calc(var(--pot-wt,0px) + var(--menu-item-pd-in-st)) !important;
	--pd-in-en: var(--menu-item-pd-in-en)!important;
}

.vb-menu-layout-end > li > a > .vb-pointer {
	width: var(--pd-in-st)!important;
	inset-inline-end: auto;
	inset-inline-start: 0;
	justify-content: end;
}

.vb-menu-layout-end > li > a > .vb-pointer::before {
	margin-inline-end: var(--pot-sp);
	margin-inline-start: 0px;
}
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Nav Icon
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/
 
 
.vb-menu > li > *:is(a,span) > i {
	color: var(--menu-icn-cr);
	font-size: max(var(--menu-icn-sz),11px);
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--menu-icn-pd)!important;
	width: var(--menu-icn-wt)!important;
	height: var(--menu-icn-wt)!important;
}

.vb-menu > li > *:is(a,span):hover > i,
.vb-menu > li.vb-menu-current > *:is(a,span) > i,
.vb-menu > li.vb-menu-hover > *:is(a,span) > i,
.vb-menu > li.vb-menu-active > *:is(a,span) > i {
	color: var(--menu-icn-hv-cr);
}

.vb-menu > li > a > i.vb-menu-icon-image::before {
	content: "";
	position: relative;
	width: 1.25em!important;
	height: 1.25em!important;
	font-size: 1.25em!important;
	background-image: var(--menu-icn-img,none)!important;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.vb-menu > li > *:is(a,span) > i::before {
	font-size: inherit !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-align: center !important;
	display: inline-block !important;
	vertical-align: top !important;
	height: 1.25em !important;
	width: 1.25em !important;
	line-height: 1.25em !important;
}

.vb-menu  > li > *:is(a,span) > i {
	text-align: center;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vb-menu  > li > *:is(a,span) > i::after {
	content: "";
	position: absolute;
	inset-inline-start: 0px;
	z-index: -1;
	top: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: var(--menu-icn-bg);
	border-width: var(--menu-icn-br-wt);
	border-color: var(--menu-icn-br-cr);
	border-style: var(--menu-icn-br-st);
	box-shadow: var(--menu-icn-sd);
	border-radius: var(--menu-icn-rd);
	transition-duration: var(--vb-global-ti-duration);
	transition-property: var(--vb-global-ti-property);
}

.vb-menu > li:hover > *:is(a,span) > i::after,
.vb-menu > li.vb-menu-current > *:is(a,span) > i::after,
.vb-menu > li.vb-menu-hover > *:is(a,span) > i::after,
.vb-menu > li.vb-menu-active > *:is(a,span) > i::after {
	background: var(--menu-icn-hv-bg);
	border-width: var(--menu-icn-hv-br-wt);
	border-color: var(--menu-icn-hv-br-cr);
	border-style: var(--menu-icn-hv-br-st);
	box-shadow: var(--menu-icn-hv-sd);
}