/* Shade gradient via CSS variables (UX Builder live preview + frontend). */
.portfolio-element-wrapper {
	--ht-shade-color: rgba(6, 66, 104, 1);
	--ht-shade-fade: 50%;
}
.portfolio-box{border-radius:  0 20px 20px 20px; overflow: hidden}
.box-shade .shade.ht-function-shade,
.portfolio-element-wrapper .shade.ht-function-shade {
	background: linear-gradient(
		0deg,
		#000 var(--ht-shade-fade, 50%),
		transparent 100%
	) !important;
	opacity: .5 !important; transition: .4s; height: 80%; top: unset !important;
}
.box-shade:hover .shade.ht-function-shade,
.portfolio-element-wrapper .portfolio-box:hover .shade.ht-function-shade {
	background: linear-gradient(
		0deg,
		var(--ht-shade-color, rgba(6, 66, 104, 1)) var(--ht-shade-fade, 50%),
		transparent 100%
	) !important;
	opacity: 1 !important;
	height: 100% !important;
}