/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Title box wrap
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
 
.vb-tbox-wrap{
	display:flex;
	flex-wrap:  wrap;
	align-items: center;
	position:relative;
	z-index:1;
	justify-content: var(--vb-tbox-wrap-ag,space-between);
	gap:var(--vb-tbox-wrap-gap,20px);
  	margin-bottom:var(--vb-tbox-wrap-sp,20px);
	float:inline-start;
	width:100%;
	
}
.vb-tbox-wrap{
	padding: var(--vb-tbox-wrap-pd,0px)!important;
}
.vb-tbox-wrap::before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	inset-inline-start:0px;
	top:0px;
	z-index: -1;	
	box-sizing: border-box;
 
	background: var(--vb-tbox-wrap-bg,none)!important;
	border-width: var(--vb-tbox-wrap-br-wt,0px)!important;
	border-color: var(--vb-tbox-wrap-br-cr,var(--vb-global-br-cr))!important;
	border-style: var(--vb-tbox-wrap-br-st,solid)!important;
	box-shadow: var(--vb-tbox-wrap-sd,initial)!important;
	border-radius: var(--vb-tbox-wrap-rd,0px)!important;

}


 .vb-tbox-list{
	display:none;
	flex-wrap: wrap;
	height:100%;
	align-items: center;
	gap:var(--vb-tbox-wrap-gap,20px);
	
 }
  .vb-tbox-list:has(>*){
	  display:flex !important;
  }
 .vb-tbox-start,
  .vb-tbox-center,
   .vb-tbox-end{
 
 	border-width:  var(--vb-tbox-wrap-mid-br-wt,0px) 0px 0px 0px;
	border-color: var(--vb-tbox-wrap-mid-br-cr,var(--vb-global-br-cr));
	border-style: var(--vb-tbox-wrap-mid-br-st,solid);
 	 width:0px;
 	flex-grow: 1;

 }
   .vb-tbox-start{
	  display:var(--vb-tbox-wrap-start,none);  
  }
    .vb-tbox-center{
	  display:var(--vb-tbox-wrap-center,inline-block);  
  }
    .vb-tbox-end{
	  display:var(--vb-tbox-wrap-end,none);  
  }
 /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Title box Main
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-tbox-wrap .vb-tl-tbox {
  	float: inline-start!important;
	position: relative!important;
 	list-style: none!important;
 	display: flex!important;
	z-index:1;
	--tl-cr: var(--vb-tbox-cr,var(--vb-global-tl-cr));  
	--tl-fn-fm: var(--vb-tbox-fn-fm,inherit);
	--tl-fn-sz: var(--vb-tbox-fn-sz,20px);
	--tl-fn-wt: var(--vb-tbox-fn-wt,700);
	--tl-li-ht: var(--vb-tbox-li-ht,1.5em);
	--tl-txt-dec: var(--vb-tbox-txt-dec,none);
	--tl-txt-tf: var(--vb-tbox-txt-tf,none);
	--tl-lt-sp: var(--vb-tbox-lt-sp,none);
	--tl-wd-sp: var(--vb-tbox-wd-sp,none);
	--tl-fn-st: var(--vb-tbox-fn-st,none);
	--tl-icn-cr: var(--vb-tbox-icn-cr,inherit);
	--tl-icn-hv-cr: var(--vb-tbox-icn-cr,inherit);
	--tl-icn-sz: var(--vb-tbox-icn-sz,1.25em);
	--tl-icn-sp: var(--vb-tbox-icn-sp,7px);
	
	--tl-box: '';
	--tl-pd: var(--vb-tbox-pd,0px);
	--tl-bg: var(--vb-tbox-bg,transparent);
	--tl-br-wt: var(--vb-tbox-br-wt,0px);
	--tl-br-cr: var(--vb-tbox-br-cr,var(--vb-global-br-cr));
	--tl-br-st: var(--vb-tbox-br-st,solid);
	--tl-sd: var(--vb-tbox-sd,initial); 
	--tl-rd: var(--vb-tbox-rd,0px); 
  }
 .vb-tbox-wrap span{
   font-weight: inherit !important;
  color: var(--vb-global-hl-cr) !important;
  margin-inline-start: 0px !important;
 
 }
  


   /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Title box Tab List
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/
.vb-tabs {
 
	float:inline-end;
	position: relative;
 	list-style: none;
	margin:0px !important;
	display: flex;
  flex-wrap:  wrap;
  gap: var(--vb-tab-gap,20px);	
  
}
  
.vb-tbox-wrap .vb-tl-tab {
	
 	cursor:pointer!important; 
	
	
	
	--tl-cr: var(--vb-tab-cr,var(--vb-global-cr));
	--tl-hv-cr: var(--vb-tab-hv-cr,var(--vb-global-hl-cr));
	  
	--tl-fn-fm: var(--vb-tab-fn-fm,inherit);
	--tl-fn-sz: var(--vb-tab-fn-sz,15px);
	--tl-fn-wt: var(--vb-tab-fn-wt,400);
	--tl-li-ht: var(--vb-tab-li-ht,1.5em);
	--tl-txt-dec: var(--vb-tab-txt-dec,none);
	--tl-txt-tf: var(--vb-tab-txt-tf,none);
	--tl-lt-sp: var(--vb-tab-lt-sp,none);
	--tl-wd-sp: var(--vb-tab-wd-sp,none);
	--tl-fn-st: var(--vb-tab-fn-st,none);
	--tl-icn-cr: var(--vb-tab-icn-cr,inherit);
	--tl-icn-hv-cr: var(--vb-tab-icn-cr,inherit);
	--tl-icn-sz: var(--vb-tab-icn-sz,1.25em);
	--tl-icn-sp: var(--vb-tab-icn-sp,7px);
	 


 	--tl-box: '';
	--tl-pd: var(--vb-tab-pd,0px);
	--tl-bg: var(--vb-tab-bg,transparent);
	--tl-br-wt: var(--vb-tab-br-wt,0px);
	--tl-br-cr: var(--vb-tab-br-cr,var(--vb-global-br-cr));
	--tl-br-st: var(--vb-tab-br-st,solid);
	--tl-sd: var(--vb-tab-sd,initial);
	--tl-rd: var(--vb-tab-rd,0px);
	
	--tl-hv-bg: var(--vb-tab-hv-bg,var(--tl-bg));
	--tl-hv-br-wt: var(--vb-tab-hv-br-wt,var(--tl-br-wt));
	--tl-hv-br-cr: var(--vb-tab-hv-br-cr,var(--tl-br-cr));
	--tl-hv-br-st: var(--vb-tab-hv-br-st,var(--tl-br-st));
	--tl-hv-sd: var(--vb-tab-hv-sd,var(--tl-sd));

}

 
 
  
   /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Title box View All
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/
.vb-tbox-wrap .vb-btn-view-all {
	  flex-direction: row-reverse !important;
	--btn-cr: var(--vb-view-cr,var(--vb-global-cr));
	--btn-hv-cr: var(--vb-view-hv-cr,var(--vb-global-lk-cr));
	  
	--btn-fn-fm: var(--vb-view-fn-fm,inherit);
	--btn-fn-sz: var(--vb-view-fn-sz,13px);
	--btn-fn-wt: var(--vb-view-fn-wt,400);
	--btn-li-ht: var(--vb-view-li-ht,1.5em);
	--btn-txt-dec: var(--vb-view-txt-dec,none);
	--btn-txt-tf: var(--vb-view-txt-tf,none);
	--btn-lt-sp: var(--vb-view-lt-sp,none);
	--btn-wd-sp: var(--vb-view-wd-sp,none);
	--btn-fn-st: var(--vb-view-fn-st,none);
	--btn-icn-cr: var(--vb-view-icn-cr,inherit);
	--btn-icn-hv-cr: var(--vb-view-icn-cr,inherit);
	--btn-icn-sz: var(--vb-view-icn-sz,0.65em);
	--btn-icn-sp: var(--vb-view-icn-sp,7px);
	 


 	--btn-box: '';
	--btn-pd: var(--vb-view-pd,0px);
	--btn-bg: var(--vb-view-bg,transparent);
	--btn-br-wt: var(--vb-view-br-wt,0px);
	--btn-br-cr: var(--vb-view-br-cr,var(--vb-global-br-cr));
	--btn-br-st: var(--vb-view-br-st,solid);
	--btn-sd: var(--vb-view-sd,initial);
	--btn-rd: var(--vb-view-rd,0px);
	
	--btn-hv-bg: var(--vb-view-hv-bg,var(--btn-bg));
	--btn-hv-br-wt: var(--vb-view-hv-br-wt,var(--btn-br-wt));
	--btn-hv-br-cr: var(--vb-view-hv-br-cr,var(--btn-br-cr));
	--btn-hv-br-st: var(--vb-view-hv-br-st,var(--btn-br-st));
	--btn-hv-sd: var(--vb-view-hv-sd,var(--btn-sd));
 }

 
.vb-tbox-wrap  .vb-arrow-wrap{
	 position:relative !important;
	 height:auto !important;
	 inset-inline-start:0px !important;
	 float:inline-end !important;
	 opacity:1  !important;
	 inset-inline-end:0px !important;
	 width:auto  !important;
	 display:flex !important;
	 gap:10px  !important;
	 padding:0px !important;
	 
 }
 .vb-slider:has( .vb-tbox-wrap  .vb-arrows-wrap){
 
 	--aw-pd: var(--vb-aw-pd,0px);
 	--aw-gap: var(--vb-aw-gap,10px);
	--aw-sp: var(--vb-aw-sp,0px);
	--aw-sz: var(--vb-aw-sz,15px);
	--aw-cr: var(--vb-aw-cr,var(--vb-global-lk-cr));
	--aw-bg: var(--vb-aw-bg,transparent);
	--aw-br-wt: var(--vb-aw-br-wt,0px);
	--aw-br-cr: var(--vb-aw-br-cr,var(--vb-global-br-cr));
	--aw-br-st: var(--vb-aw-br-st,solid);
	--aw-sd: var(--vb-aw-sd,initial);
	--aw-rd: var(--vb-aw-rd,var(--vb-global-btn-rd));
	--aw-hv-cr: var(--vb-aw-hv-cr,var(--vb-global-lk-hv-cr));
	--aw-hv-bg: var(--vb-aw-hv-bg,var(--aw-bg));
	
	--aw-hv-br-wt: var(--vb-aw-hv-br-wt,var(--aw-br-wt));
	--aw-hv-br-cr: var(--vb-aw-hv-br-cr,var(--aw-br-cr));
	--aw-hv-br-st: var(--vb-aw-hv-br-st,var(--aw-br-st));
	--aw-hv-sd: var(--vb-aw-hv-sd,var(--aw-sd));
	
 }
  .vb-tbox-wrap .vb-arrows-wrap {
	  position:relative !important;
	  height:auto !important;
	  width:auto !important;
	  opacity:1  !important;
	    gap: var(--aw-gap)!important; 
  }
   .vb-tbox-wrap .vb-arrows-wrap a{
 transform:none !important;
   }