.ts-card-2-container{
	display: flex;
	flex-direction: column;
	background-color: #090909;
	border: 1px solid #1F1F1F;
	border-radius: 40px;
	overflow: hidden;
}
.ts-card-2-container .ts-card-2-container-image{
	position: relative;
	display: flex;
	justify-content: flex-end;
	height: 464px;
	padding: 40px;
	overflow: hidden;
}
.ts-card-2-container .ts-card-2-container-image:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(9, 9, 9, 0) 50.29%, rgba(9, 9, 9, 0.7) 90.05%, #090909 100%);
	z-index: 1;
}
.ts-card-2-container .ts-card-2-container-image .ts-card-2-image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: var(--desktop-bgs);
	background-position: var(--desktop-bgp);
	transition: all .4s;
}
.ts-card-2-container:hover .ts-card-2-container-image .ts-card-2-image{
	transform: scale(1.1);
}
.ts-card-2-container .ts-card-2-container-image .ts-card-2-icon{
	display: flex;
	justify-content: center;
	align-items: center; 
	width: 55px;
	height: 55px;
	background-color: #131313;
	border-radius: 16px;
	opacity: 0;
	z-index: 3;
	transition: all .6s;
}
.ts-card-2-container:hover .ts-card-2-container-image .ts-card-2-icon{
	opacity: 1;
}
.ts-card-2-container:hover .ts-card-2-container-image .ts-card-2-icon:hover{
	background-color: #2F2F2F;
}
.ts-card-2-container .ts-card-2-content{
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px 40px 40px;
	z-index: 2;
}
.ts-card-2-container .ts-card-2-content .card-tag{
	align-self: flex-start;
	font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 16px;
	padding: 8px 12px 8px 12px;
    border-radius: 8px 8px 8px 8px;
}
.ts-card-2-container .ts-card-2-content h4{
	max-width: 440px;
	width: 100%;
	font-size: 24px;
    font-weight: 700;
    color: var(--e-global-color-primary);
	margin: 0;
}
.ts-card-2-container .ts-card-2-url{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

@media only screen and (max-width: 1366px) {
	.ts-card-2-container{
		border-radius: 24px;
	}
	.ts-card-2-container .ts-card-2-container-image{
		height: 280px;
	}
	.ts-card-2-container .ts-card-2-container-image .ts-card-2-image{
		background-size: var(--laptop-bgs);
		background-position: var(--laptop-bgp);
	}
	.ts-card-2-container .ts-card-2-content h4{
		font-size: 16px;
		line-height: 24px;
	}
	.ts-card-2-container .ts-card-2-content{
		padding: 16px;
	}
}
@media only screen and (max-width: 1024px) {
	.ts-card-2-container .ts-card-2-container-image{
		height: 272px;
	}
	.ts-card-2-container .ts-card-2-container-image .ts-card-2-image{
		background-size: var(--tablet-bgs);
		background-position: var(--tablet-bgp);
	}
	.ts-card-2-container:hover .ts-card-2-container-image .ts-card-2-icon{
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.ts-card-2-container .ts-card-2-container-image{
		height: 280px;
	}
	.ts-card-2-container .ts-card-2-container-image .ts-card-2-image{
		background-size: var(--mobile-bgs);
		background-position: var(--mobile-bgp);
	}
}