.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
}
.eca-info-wrapper {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	border-radius: 4px;
}
.eca-info-desc p {
	padding: 0;
	margin: 0;
}
.eca-info-wrapper,
.eca-info-wrapper .eca-icon-image-text:not(.eca-icon),
.eca-info-wrapper .eca-icon-image-text.eca-icon i,
.eca-info-wrapper .eca-info-title,
.eca-info-wrapper .eca-info-desc,
.eca-info-wrapper .eca-info-button,
.eca-info-wrapper.layout3 .eca-info-inner-one,
.eca-info-wrapper.layout3 .eca-info-inner-two,
.eca-info-wrapper .eca-icon-image-text{
	transition: all .3s linear;
}
.eca-info-wrapper .eca-icon-image-text,.eca-info-wrapper .eca-icon-image-text.eca-icon i:before {
	position: relative;
	display: inline-flex;
	color: #000;
	font-size: 30px;
	line-height: 1;
}
.eca-info-wrapper .eca-icon-image-text:not(.eca-icon),.eca-info-wrapper .eca-icon-image-text.eca-icon i{
	position: relative;
	display: inline-flex;
	width: max-content;
}
.eca-info-wrapper .eca-icon-image-text.eca-image{
	max-width: 150px;
}
.eca-info-wrapper .eca-info-inner {
	position: relative;
	display: flex;
	width: 100%;
	height: auto;
	align-items: flex-start;
	flex-direction: column;
	padding: 15px;
}
.eca-info-wrapper .eca-info-title {
	position: relative;
	display: inline-flex;
	height: auto;
	margin: 0;
	margin-top: 15px;
}
.eca-info-wrapper .eca-info-desc {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 15px;
	text-align: left;
}
.eca-info-wrapper .eca-info-button {
	position: relative;
	display: inline-flex;
	font-size: 16px;
	width: max-content;
	height: auto;
	margin: 0;
	margin-top: 15px;
	padding: 10px 15px;
	color: #000;
	border: 1px solid #000;
	border-radius: 4px;
	outline: none;
}
.eca-info-wrapper .eca-info-button:hover {
	background: #000;
	color: #fff;
}
.eca-info-wrapper .eca-info-pin {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px;
	padding: 2px 7px;
	background: #000;
	color: #fff;
	border-radius: 50px;
}
/*style 2*/
.eca-info-wrapper.layout2 {
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
	padding: 15px;
}
.eca-info-wrapper.layout2 .eca-info-inner-one {
	display: flex;
	width: 100%;
	position: relative;
	min-width: 100%;
	align-items: center;
	vertical-align: middle;
}
.eca-info-wrapper.layout2 .eca-info-inner-one .eca-info-title {
	margin: 0;
	margin-left: 15px;
}
.eca-info-wrapper.layout2 .eca-info-inner-two {
	position: relative;
	display: flex;
	width: 100%;
	flex-direction: column;
}
/*style 2*/

/*style 3*/
.eca-info-wrapper.layout3 {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 15px;
	min-height: 250px;
	align-items: center;
	overflow: hidden;
}
.eca-info-wrapper.layout3 .eca-info-inner-one,.eca-info-wrapper.layout3 .eca-info-inner-two {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.eca-info-wrapper.layout3 .eca-info-inner-one {
	opacity: 1;
}
.eca-info-wrapper.layout3 .eca-info-inner-two {
	position: absolute;
	opacity: 0;
	left: 0;
	padding: 15px;
	transform: translateX(-100%);
	height: 100%;
	display: flex;
	top: 0;
}
.eca-info-wrapper.layout3 .eca-info-inner-two.eca-right-dir {
	transform: translateX(100%) translateY(0);
}
.eca-info-wrapper.layout3 .eca-info-inner-two.eca-top-dir {
	transform: translateX(0) translateY(-100%);
}
.eca-info-wrapper.layout3 .eca-info-inner-two.eca-bottom-dir {
	transform: translateX(0) translateY(100%);
}
.eca-info-wrapper.layout3 .eca-info-desc{
	text-align: center;
	align-items: center;
	justify-content: center;
}
.eca-info-wrapper.layout3:hover .eca-info-inner-one {
	opacity: 0;
}
.eca-info-wrapper.layout3:hover .eca-info-inner-two {
	opacity: 1;
	transform: translateX(0) translateY(0);
}
/*style 3*/
.eca-info-wrapper.eca-visible{
	overflow:visible;
}
/*effect*/
.eca-info-wrapper .ec-effects{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: transparent;
	transition: all 0.3s linear;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}
.eca-info-wrapper .eca-info-inner:hover .ec-effects,
.eca-info-wrapper.layout2:hover .ec-effects,
.ec-grid-active .eca-info-wrapper .eca-info-inner .ec-effects,
.ec-grid-active .eca-info-wrapper.layout2 .ec-effects{
	visibility: visible;
	opacity: 1;
	z-index: -1;
}
.eca-info-wrapper.ecboxeffectenable {
	overflow: hidden;
}
.eca-info-wrapper.ecboxeffectenable {
	z-index: 11;
}
.eca-info-wrapper.boxeffectleft .ec-effects,
.eca-info-wrapper.layout2.boxeffectleft  .ec-effects{
	left: -100%
}
.eca-info-wrapper.boxeffectleft .eca-info-inner:hover .ec-effects,
.eca-info-wrapper.layout2.boxeffectleft:hover  .ec-effects,
.ec-grid-active .eca-info-wrapper.boxeffectleft .eca-info-inner .ec-effects,
.ec-grid-active .eca-info-wrapper.layout2.boxeffectleft .ec-effects{
	left: 0;
}
.eca-info-wrapper.boxeffectright .ec-effects,
.eca-info-wrapper.layout2.boxeffectright  .ec-effects{
	right: -100%;
	left: auto
}
.eca-info-wrapper.boxeffectright .eca-info-inner:hover .ec-effects,
.eca-info-wrapper.layout2.boxeffectright:hover  .ec-effects,
.ec-grid-active .eca-info-wrapper.boxeffectright .eca-info-inner .ec-effects,
.ec-grid-active .eca-info-wrapper.layout2.boxeffectright .ec-effects{
	right: 0
}
.eca-info-wrapper.boxeffecttop .ec-effects,
.eca-info-wrapper.layout2.boxeffecttop  .ec-effects{
	top: -100%
}
.eca-info-wrapper.boxeffecttop .eca-info-inner:hover .ec-effects,
.eca-info-wrapper.layout2.boxeffecttop:hover  .ec-effects,
.ec-grid-active .eca-info-wrapper.boxeffecttop .eca-info-inner .ec-effects,
.ec-grid-active .eca-info-wrapper.layout2.boxeffecttop .ec-effects{
	top: 0
}
.eca-info-wrapper.boxeffectbottom .ec-effects,
.eca-info-wrapper.layout2.boxeffectbottom  .ec-effects{
	bottom: -100%;
	top: auto
}
.eca-info-wrapper.boxeffectbottom .eca-info-inner:hover .ec-effects,
.eca-info-wrapper.layout2.boxeffectbottom:hover  .ec-effects,
.ec-grid-active .eca-info-wrapper.boxeffectbottom .eca-info-inner .ec-effects,
.ec-grid-active .eca-info-wrapper.layout2.boxeffectbottom .ec-effects{
	bottom: 0
}
.eca-info-wrapper:hover .ec-gut-effect1,
.eca-info-wrapper:hover .ec-gut-effect2,
.eca-info-wrapper:hover .ec-gut-effect3,
.eca-info-wrapper:hover .ec-gut-effect4,
.eca-info-wrapper:hover .ec-gut-effect5,
.eca-info-wrapper:hover .ec-gut-effect6,
.eca-info-wrapper:hover .ec-gut-effect7,
.eca-info-wrapper:hover .ec-gut-effect9,
.eca-info-wrapper:hover .ec-gut-effect10,
.eca-info-wrapper:hover .ec-gut-effect11,
.eca-info-wrapper:hover .ec-gut-effect12,
.eca-info-wrapper:hover .ec-gut-effect13,
.eca-info-wrapper:hover .ec-gut-effect14 {
	background-size: 100% 100% !important;
}
.eca-info-wrapper:hover .ec-gut-effect5 {
	background-size: 150% 150%;
}
.eca-info-wrapper:hover .ec-gut-effect8 {
	background-size: 100% 100% !important;
}
.eca-info-wrapper:hover .ec-gut-effect14 {
	background-position: 0 0;
}
.eca-info-wrapper:hover .ec-gut-effect15,
.eca-info-wrapper:hover .ec-gut-effect16,
.eca-info-wrapper:hover .ec-gut-effect17,
.eca-info-wrapper:hover .ec-gut-effect18,
.eca-info-wrapper:hover .ec-gut-effect19,
.eca-info-wrapper:hover .ec-gut-effect20 {
	background-size: 100% 5px !important;
}