.eca-row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y)*-1);
	margin-right: calc(var(--bs-gutter-x)/-2);
	margin-left: calc(var(--bs-gutter-x)/-2)
}
.eca-row>* {
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x)/2);
	padding-left: calc(var(--bs-gutter-x)/2);
	margin-top: var(--bs-gutter-y)
}
.eca-post-grid-listing-wrap .ec-grid-wrap {
	padding: 10px
}
.ec-infocard-wrapper,
.ec-infocard-wrapper .ec-infocard-image-wrap img,
.ec-infocard-wrapper .ec-infocard-content,
.ec-infocard-wrapper .ec-infocard-image-hover-wrap-in,
.ec-infocard-wrapper .ec-infocard-image-wrap,
.ec-infocard-wrapper .ec-infocard-content-title,
.ec-infocard-wrapper .ec-infocard-content-subtitle,
.ec-infocard-wrapper .ec-infocard-content-description{
	transition: all .3s linear;
}
.ec-infocard-wrapper {
	position: relative;
	display: flex;
	max-width: 300px;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	z-index: 999;
}
.ec-infocard-wrapper,
.ec-infocard-wrapper .ec-infocard-wrapper-inner,
.ec-infocard-wrapper .ec-infocard-image-hover-wrap-in,
.ec-infocard-wrapper .ec-infocard-image-wrap{
	height: 400px;
}
.ec-infocard-wrapper .ec-infocard-wrapper-inner {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 auto;
}

.ec-infocard-wrapper .ec-infocard-image-wrap img {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	z-index: -1;
	overflow: hidden;
}


.ec-infocard-wrapper .ec-infocard-content {
	display: flex;
	position: absolute;
	flex-direction: column;
	align-items: center;
	bottom: 10px;
	width: 100%;
	padding: 0 30px;
}

.ec-infocard-wrapper .ec-infocard-image-hover-wrap-in {
	position: absolute;
	display: flex;
	width: 100%;
	opacity: 0;
	z-index: -1;
}
.ec-infocard-wrapper .ec-infocard-image-wrap {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	will-change: transform;
}


.ec-infocard-wrapper .ec-infocard-content-title,
.ec-infocard-wrapper .ec-infocard-content-subtitle,
.ec-infocard-wrapper .ec-infocard-content-description{
	position: relative;
	display: flex;
	color: #fff;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.ec-infocard-wrapper .ec-infocard-content-title{
	font-size: 46px;
}
.ec-infocard-wrapper .ec-infocard-content-subtitle{
	font-size: 18px;
}
.ec-infocard-wrapper:hover .ec-infocard-image-wrap-in{
	transform: perspective(1500px) translateY(-5%) rotateX(25deg) translateZ(0);
	box-shadow: 3px 30px 30px -10px #000000b8;
}
.ec-infocard-wrapper:hover .ec-infocard-image-wrap-in {
	filter: brightness( 30% ) contrast( 100% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg );

}

.ec-infocard-wrapper:hover  .ec-infocard-content {
	transform: translate3d(0%,-50px,100px);
}

.ec-infocard-wrapper:hover .ec-infocard-image-hover-wrap-in {
	opacity: 1;
	transform: translate3d(0%,-30%,100px);
}
.ec-infocard-content-description p {
	padding: 0;
	margin: 0;
}

.ec-infocard-wrapper .ec-infocard-content-description {margin-bottom: 0;}
.ec-infocard-wrapper:hover .ec-gut-effect1,
.ec-infocard-wrapper:hover .ec-gut-effect2,
.ec-infocard-wrapper:hover .ec-gut-effect3,
.ec-infocard-wrapper:hover .ec-gut-effect4,
.ec-infocard-wrapper:hover .ec-gut-effect5,
.ec-infocard-wrapper:hover .ec-gut-effect6,
.ec-infocard-wrapper:hover .ec-gut-effect7,
.ec-infocard-wrapper:hover .ec-gut-effect9,
.ec-infocard-wrapper:hover .ec-gut-effect10,
.ec-infocard-wrapper:hover .ec-gut-effect11,
.ec-infocard-wrapper:hover .ec-gut-effect12,
.ec-infocard-wrapper:hover .ec-gut-effect13,
.ec-infocard-wrapper:hover .ec-gut-effect14 {
	background-size: 100% 100% !important;
}
.ec-infocard-wrapper:hover .ec-gut-effect5 {
	background-size: 150% 150%;
}
.ec-infocard-wrapper:hover .ec-gut-effect8 {
	background-size: 100% 100% !important;
}
.ec-infocard-wrapper:hover .ec-gut-effect14 {
	background-position: 0 0;
}
.ec-infocard-wrapper:hover .ec-gut-effect15,
.ec-infocard-wrapper:hover .ec-gut-effect16,
.ec-infocard-wrapper:hover .ec-gut-effect17,
.ec-infocard-wrapper:hover .ec-gut-effect18,
.ec-infocard-wrapper:hover .ec-gut-effect19,
.ec-infocard-wrapper:hover .ec-gut-effect20 {
	background-size: 100% 5px !important;
}