.vb-box-wrap {
	float: start;
	width: 100%;
}

body .vb-boxed,
body .vb-boxed-content {
	--box-pd: var(--vb-box-pd,var(--vb-sp-xl,20px));
	--box-bg: var(--vb-box-bg,var(--vb-global-box-bg));
	--box-br-wt: var(--vb-box-br-wt,var(--vb-global-box-br-wt));
	--box-br-cr: var(--vb-box-br-cr,var(--vb-global-box-br-cr));
	--box-br-st: var(--vb-box-br-st,var(--vb-global-box-br-st));
	--box-sd: var(--vb-box-sd,var(--vb-global-box-sd));
	--box-rd: var(--vb-box-rd,var(--vb-global-rd));
 
}
@media (max-width: 1024px) {
body{
	--box-pd: var(--vb-box-pd,var(--vb-sp-l,20px));
}
}
@media (max-width: 768px) { 
body{
	--box-pd: var(--vb-box-pd,var(--vb-sp-m,20px));
}
}
body .vb-boxed,
body .vb-boxed-content > .widget-container,
body .vb-boxed-content .vb-item-content {
	position: relative;
	padding: var(--box-pd) !important;
}

body .vb-boxed::before,
body .vb-boxed[class*="vb-el-"]:before,
body .vb-boxed-content > .widget-container:before,
body .vb-boxed-content .vb-item-content:before  {
	position: absolute!important;
	width: 100%!important;
	height: 100%!important;
	inset-inline-start: 0px!important;
	top: 0px!important;
	z-index: -1!important;
	box-sizing: border-box!important;
	content: ""!important;
	background: var(--box-bg) !important;
	border-width: var(--box-br-wt) !important;
	border-color: var(--box-br-cr) !important;
	border-style: var(--box-br-st) !important;
	box-shadow: var(--box-sd) !important;
	opacity:1  !important;
	border-radius: var(--box-rd) !important;
}
body .vb-boxed::after{
	
}

body [class*="vb-item-boxed"] [class*="vb-post"] {
	--item-pd: var(--vb-item-pd,var(--vb-item-pd-sp,var(--vb-sp-xl,20px)));
	--item-bg: var(--vb-item-bg,var(--vb-global-box-bg));
	--item-br-wt: var(--vb-item-br-wt,var(--vb-global-box-br-wt));
	--item-br-cr: var(--vb-item-br-cr,var(--vb-global-box-br-cr));
	--item-br-st: var(--vb-item-br-st,var(--vb-global-box-br-st));
	--item-sd: var(--vb-item-sd,var(--vb-global-box-sd));
	--item-rd: var(--vb-item-rd,var(--vb-global-rd));
	--item-hv-bg: var(--vb-item-hv-bg,var(--item-bg));
	--item-hv-br-wt: var(--vb-item-hv-br-wt,var(--item-br-wt));
	--item-hv-br-cr: var(--vb-item-hv-br-cr,var(--item-br-cr));
	--item-hv-br-st: var(--vb-item-hv-br-st,var(--item-br-st));
	--item-hv-sd: var(--vb-item-hv-sd,var(--item-sd));
	--item-ti: var(--vb-item-ti,var(--vb-global-ti-duration));
	padding: var(--item-pd) !important;
}
 body [class*="vb-item-boxed-2"] [class*="vb-post"]{
	padding: 0px !important;
	gap:0px !important;
 }
  body [class*="vb-item-boxed-2"] .vb-details {
		padding: var(--item-pd) !important;
	--item-pd: var(--vb-item-pd,var(--vb-item-pd-sp,var(--vb-sp-l,20px)))!important;
		
 }
 body [class*="vb-item-boxed-3"] [class*="vb-post"]{
	padding: 5px !important;
	gap:5px !important;
 }

  body [class*="vb-item-boxed-3"] .vb-details{
		padding: var(--item-pd) !important;
	--item-pd: var(--vb-item-pd,var(--vb-item-pd-sp,var(--vb-sp-m,20px)))!important;
		
 }
body [class*="vb-item-boxed"]  [class*="vb-post"]:has(a),
body [class*="vb-item-boxed"]  a[class*="vb-post"] {
	--item-hv-bg: var(--vb-item-hv-bg,var(--vb-global-box-hv-bg));
	--item-hv-br-wt: var(--vb-item-hv-br-wt,var(--vb-global-box-hv-br-wt));
	--item-hv-br-cr: var(--vb-item-hv-br-cr,var(--vb-global-box-hv-br-cr));
	--item-hv-br-st: var(--vb-item-hv-br-st,var(--vb-global-box-hv-br-st));
	--item-hv-sd: var(--vb-item-hv-sd,var(--vb-global-box-hv-sd));
}
 

body [class*="vb-item-boxed"] [class*="vb-post"]::before {
	position: absolute!important;
	width: 100%!important;
	height: 100%!important;
	inset-inline-start: 0px!important;
	top: 0px!important;
	z-index: -1!important;
	box-sizing: border-box!important;
	content: ""!important;
	background: var(--item-bg) !important;
	border-width: var(--item-br-wt) !important;
	border-color: var(--item-br-cr) !important;
	border-style: var(--item-br-st) !important;
	box-shadow: var(--item-sd-ofw,var(--item-sd)) !important;
	border-radius: var(--item-rd) !important;
	transition-duration: var(--item-ti) !important;
	transition-property: var(--vb-global-ti-property) !important;
}

body [class*="vb-item-boxed"]   [class*="vb-post"]:hover::before {
	background: var(--item-hv-bg) !important;
	border-width: var(--item-hv-br-wt) !important;
	border-color: var(--item-hv-br-cr) !important;
	border-style: var(--item-hv-br-st) !important;
	box-shadow: var(--item-hv-sd-ofw,var(--item-hv-sd)) !important;
}


body .vb-boxed-all{
	--box-br-wt: var(--vb-box-br-wt,0px) !important;	
}
body .vb-boxed-item [class*="vb-post"] {
	--item-br-wt: var(--vb-item-br-wt,0px) !important;	
}
body .vb-boxed-item .vb-details {
  container: none  !important;	
}
body{
	--vb-author-img-wt:100px;
	
}

@media (max-width: 1024px) {
body .vb-boxed {
	--box-pd: var(--vb-box-pd,var(--vb-sp-x,20px));
}
}
@media (max-width: 768px) { 
body .vb-boxed {
	--box-pd: var(--vb-box-pd,var(--vb-sp-m,20px));
}
}