.twc-chover-effect-ctnr {
	margin-left: 5%;
	position: relative
}

.twc-chover-effect-ctnr .card {
	height: 200px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	box-shadow: 0 4px 15px rgb(0 0 0/ 25%);
	width: 85%
}

/* Applicable for 4 cards*/
.twc-chover-card-parent {
	transition: transform .2s; /* Animation */
	margin: 0 auto;
	width: 24%;
	display: inline-block;
}

.twc-h-adjust {
	width: 22%;
}

.twc-h-active {
	transform: scale(1.2);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	width: 26%
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
	.twc-chover-card-parent {
		width: 100%
	}
	.twc-h-adjust {
		width: 100%;
	}
	.twc-h-active {
		transform: scale(1.1);
		width: 100%
	}
	.twc-chover-card-parent:hover
{
	transform:scale(1.096);
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 500px) {
	.twc-chover-card-parent {
		padding: 0px;
		width: 98%
	}
	.twc-h-adjust {
		width: 95%;
	}
	.twc-h-active {
		transform: scale(1.1);
		width: 100%
	}
	.twc-chover-card-parent:hover
	{
		transform:scale(1.096);
	}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 501px) {
	.twc-chover-card-parent {
		width: 48%
	}
	.twc-h-adjust {
		width: 45%;
	}
	.twc-h-active {
		transform: scale(1.1);
		width: 50%
	}
	.twc-chover-card-parent:hover
	{
		transform:scale(1.095);
	}

}

@media only screen and (min-width: 1200px) {
	.twc-chover-card-parent {
		width: 48%
	}
	.twc-h-adjust {
		width: 45%;
	}
	.twc-h-active {
		transform: scale(1.1);
		width: 50%
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1201px) {
	.twc-chover-card-parent {
		width: 24%
	}
	.twc-h-adjust {
		width: 24%;
	}
	.twc-h-active {
		transform: scale(1.1);
		/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
		width: 26%
	}
	.twc-chover-card-parent:hover
	{
		transform:scale(1.2);
	}
	

}


.twc-chover-card-parent {
	text-align: center;
	vertical-align: middle
}

.twc-chover-card-parent img {
	margin-right: 0;
	margin-bottom: 15px;
	width: auto;
	height: 65px;
}

.twc-chover-card-parent img:hover {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

 .twc-chover-card-parent:hover .twc-hover-text-content {
	display: block;
}
 .twc-chover-card-parent:hover .twc-normal-text-content {
	display: none;
} 


.twc-normal-text-content  h5 {
	text-align: center;
	font-size: 18px;
	line-height: 25px;
}

.twc-normal-text-content img {
	margin-top: 10%;
}

.twc-normal-text-content h1 {
	font-size: 2rem;
}

.twc-hover-text-content ul {
	padding: 10px;
}

.twc-hover-text-content ul li {
	padding: 5px;
	font-size: 13px;
}
 @media screen and (min-width: 365px) and (max-width: 650px){
	
	.twc-normal-text-content
	{
		height:100%;	
	
		
	}
	.transition
{
	transform:scale(1.1);
}

} 

@media screen and (min-width : 650px) and (max-width : 1200px){
		.twc-normal-text-content
	{
		height:100%;
	
		
	}
	.transition
{
	transform:scale(1.1);
}
}

@media screen and (min-width:500px) and (max-width:750px)
{

	.twc-hover-text-content .twc-paragraph-content-level-1 li
	{
		font-size:65%
	}
}}
@media only screen and  (max-width : 360px)
{
.transition
{
	transform:scale(1.1);
}
}
@media only screen and (min-width:1200px)
{
	.twc-normal-text-content
	{
		height:100%;
	
		
	}

		.twc-hover-text-content .twc-paragraph-content-level-1 li
	{
		font-size:63%
	}
}

@media only screen and (min-width:1350px)
{
			.twc-hover-text-content .twc-paragraph-content-level-1 li
	{
		font-size:70%
	}

}
.twc-ch-action a {
	font-size: 0.8 em;
	padding-left: 10px;
	font-family: 'MontSerrat', sans-serif;
}