.themestek-boxes-element-staticbox-style-3 .themestek-boxes-row-wrapper{
	display:flex;
	gap:10px;
	flex-wrap:nowrap;
	overflow:hidden;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper{
	flex:2;
	min-width:90px;
	transition:all .5s ease;
	position:relative;
	padding:0;
	margin-bottom: 20px !important;
}
.themestek-boxes-element-staticbox-style-3 .ts-post-item{
	height:690px;
	border-radius:15px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.themestek-boxes-element-staticbox-style-3 .themestek-static-box-image,
.themestek-boxes-element-staticbox-style-3 .themestek-static-box-image img{
	width:100%;
	height:100%;
}
.themestek-boxes-element-staticbox-style-3 .themestek-static-box-image img{
	object-fit:cover;
	display:block;
	transition:all .5s ease;
}
.themestek-boxes-element-staticbox-style-3 .themestek-static-box-content{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:40px;
	z-index:2;
	color:#fff;
	opacity:0;
	visibility:hidden;
	transition:all .4s ease;
	width: min(40vw, 530px);
}
.themestek-boxes-element-staticbox-style-3 .themestek-box-title h2{
	color:#fff;
	margin:0 0 20px;
	font-weight:600;
	font-size:26px;
	line-height:32px;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper.tste-active{
	flex:3;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper.tste-active .themestek-static-box-content{
	opacity:1;
	visibility:visible;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper:hover{
	flex:3;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper:hover .themestek-static-box-content{
	opacity:1;
	visibility:visible;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper:not(.tste-active){
	flex:.8;
}
.themestek-boxes-element-staticbox-style-3 .ts-post-item{
	position:relative;
	overflow:hidden;
	border-radius:15px;
}
.themestek-boxes-element-staticbox-style-3 .ts-post-item:before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.35) 20%,rgba(0,0,0,0) 40%);
	opacity:0;
	transition:opacity .4s ease;
	z-index:1;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper.tste-active .ts-post-item:before,
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper:hover .ts-post-item:before{
	opacity:1;
}
.themestek-boxes-element-staticbox-style-3 .themestek-static-box-content{
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	padding:40px;
	color:#fff;
	width:min(40vw,530px);
	opacity:0;
	visibility:hidden;
	transform:translateY(30px);
	transition:opacity .4s ease, transform .4s ease;
	will-change:transform, opacity;
}
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper.tste-active .themestek-static-box-content,
.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper:hover .themestek-static-box-content{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

@media(max-width:991px){
	.themestek-boxes-element-staticbox-style-3 .themestek-boxes-row-wrapper{
		flex-direction:column;
	}
	.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper,
	.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper.tste-active{
		flex:auto;
		width:100%;
	}
	.themestek-boxes-element-staticbox-style-3 .ts-post-item{
		height:400px;
	}
	.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper{
		padding: 0 15px;
	}
	.themestek-boxes-element-staticbox-style-3 .themestek-static-box-content {
    	width: min(60vw, 530px);
	}
}

@media(max-width:767px){
	.themestek-boxes-element-staticbox-style-3 .themestek-static-box-content {
		padding: 30px;
	}
	.themestek-boxes-element-staticbox-style-3 .ts-box-col-wrapper:last-child{
		margin-bottom: 0 !important;
	}
}
@media(max-width:575px){
	.themestek-boxes-element-staticbox-style-3 .themestek-static-box-content {
        width: min(100vw, 530px);
    }
}