/*=== dsvy-client-style-2 ===*/
.dsvy-client-style-2{
	text-align: center;
}
.dsvy-client-style-2 .dsvy-client-wrapper {
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 40px 30px 20px;
}
.dsvy-client-style-2:hover .dsvy-client-wrapper {
	background-color: var(--dsvy-rodiar-global-color);
}
.dsvy-client-style-2 .dsvy-client-wrapper {
	transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
}
.dsvy-client-style-2:hover .dsvy-client-with-hover-img .dsvy-featured-wrapper{
	visibility: hidden;
	opacity: 0;
}
.dsvy-client-style-2:hover .dsvy-client-with-hover-img .dsvy-client-hover-img {
	transform: translate(0px, 0px);
}
.dsvy-client-style-2 .dsvy-client-with-hover-img .dsvy-featured-wrapper{
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}
.dsvy-client-style-2 .dsvy-client-hover-img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(-100%);
}
.dsvy-client-style-2 .dsvy-client-with-hover-img .dsvy-client-hover-img{
	transform: translateY(-100%);
	padding: 35px 30px 20px;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	-o-transition: transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
}
.dsvy-client-style-2 .dsvy-client-with-hover-img:hover .dsvy-client-hover-img{
	visibility: visible;
	transform: translateY(0%);
}
.dsvy-client-style-2 .dsvy-client-with-hover-img:hover .dsvy-featured-wrapper{
	transform: translateY(130%);
}