body .vb-sub-popup .vb-popup-heading,
 body .vb-sub-popup .vb-popup-content {
	 display:none !important;
 }

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


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

	--popup-head-fn-fm: var(--vb-popup-head-fn-fm,inherit);
	--popup-head-txt-dec: var(--vb-popup-head-txt-dec,none);
	--popup-head-txt-tf: var(--vb-popup-head-txt-ft,none);
	--popup-head-lt-sp: var(--vb-popup-head-lt-sp,none);
	--popup-head-wd-sp: var(--vb-popup-head-wd-sp,none);
	--popup-head-fn-st: var(--vb-popup-head-fn-st,none);
	
	
  	--popup-head-icn-cr:var(--vb-popup-head-icn-cr,var(--popup-head-cr));
 	--popup-head-icn-sz:var(--vb-popup-head-icn-sz,1.5em);
 	 
	--popup-close-cr:var(--vb-popup-close-cr,var(--popup-head-cr));
 	--popup-close-sz:var(--vb-popup-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,opacity 300ms;
	align-items: center;
  justify-content: center;
  	opacity:0;

}

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

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

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

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

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

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

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

.vb-popup-box  .vb-popup-content{
	  width: 100% !important;
	  float:inline-start!important;	
}