/*=== dsvy-service-style-7 ===*/
.dsvy-service-style-7 .dsvy-featured-wrapper img,
.dsvy-service-style-7 .designervily-box-content,
.dsvy-service-style-7 .designervily-post-item,
.dsvy-service-style-7 .dsvy-arrow-btn,
.dsvy-service-style-7 .dsvy-arrow-btn a{
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.dsvy-element-service-style-7 .dsvy-service-style-7 {
    position: relative;
    overflow: hidden;
	width: 100%;
}
.dsvy-service-style-7 .dsvy-featured-wrapper img {
    border-radius: 20px;
    object-fit: cover;
}
.dsvy-service-style-7 .designervily-post-item{
	height: 90px;
	padding: 20px 0;
	border-bottom: 1px solid rgba(var(--dsvy-cardioly-blackish-color-rgb), 0.15);
}
.dsvy-element-service-style-7 .dsvy-service-style-7:first-child .designervily-post-item{
	border-top: 1px solid rgba(var(--dsvy-cardioly-blackish-color-rgb), 0.15);
}
.dsvy-element-service-style-7 .dsvy-service-style-7.dsvy-active .designervily-post-item{
	height: 450px;
}
.dsvy-service-style-7 .dsvy-sevice-title-wrap,
.dsvy-service-style-7 .designervily-box-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.dsvy-service-style-7 .dsvy-content-wrap{
	padding: 30px 0;
	padding-right: 9.25%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-left: auto;
}
.dsvy-service-style-7 .dsvy-content-inner{
	padding-bottom: 20px;
	padding-right: 70px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.dsvy-service-style-7 .dsvy-sevice-title-wrap,
.dsvy-service-style-7 .dsvy-content-wrap{
	width: 76.5%;
}
.dsvy-service-style-7 .dsvy-service-icon-wrapper{
	font-size: 50px;
	line-height: 50px;
	padding-bottom: 40px;
	display: none;
}
.dsvy-service-style-7 .dsvy-service-icon-wrapper svg,
.dsvy-service-style-7 .dsvy-service-icon-wrapper img {
	width: 50px;
	height: 50px;
}
.dsvy-service-style-7 .dsvy-service-icon-wrapper svg{
	fill: var(--dsvy-cardioly-white-color);
}
.dsvy-service-style-7 .designervily-box-content-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}
.dsvy-service-style-7 .dsvy-box-number{
	font-size: 24px;
	line-height: 45px;
	text-transform: uppercase;
	color: var(--dsvy-cardioly-blackish-color);
}
.dsvy-service-style-7 .dsvy-service-cat{
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: none;
}
.dsvy-service-style-7 .dsvy-service-title{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	margin: 0;
}
.dsvy-service-style-7 .dsvy-service-title a:hover{
	color: var(--dsvy-cardioly-global-color);
}
.dsvy-service-style-7 .dsvy-featured-img-wrapper{
	position: relative;
}
.dsvy-service-style-7 .dsvy-arrow-btn{
	position: relative;
	display: flex;
	align-items: center;
	justify-items: center;
	width: 50px;
	min-width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	font-size: 0;
	line-height: 50px;
	display: inline-block;
	color: var(--dsvy-cardioly-blackish-color);
	border: 1px solid rgba(var(--dsvy-cardioly-blackish-color-rgb), 0.15);
	cursor: pointer;
}
.dsvy-element-service-style-7 .dsvy-service-style-7:not(.dsvy-active) .dsvy-arrow-btn:hover{
	background-color: var(--dsvy-cardioly-global-color);
	color: var(--dsvy-cardioly-white-color);
}
.dsvy-element-service-style-7 .dsvy-service-style-7.dsvy-active .dsvy-arrow-btn{
	transform: rotate(45deg);
	background-color: var(--dsvy-cardioly-blackish-color);
	color: var(--dsvy-cardioly-white-color);
}
.dsvy-service-style-7 .dsvy-arrow-btn::after{
	content: "\e818";
	font-family: 'designervily-base-icons';
	font-size: 26px;
	font-weight: 400;
}
.dsvy-element-service-style-7 .dsvy-element-posts-wrapper.row .dsvy-ele{
	margin-bottom: 0;
 }
 .dsvy-element-service-style-7 .dsvy-service-btn.dsvy-head-btn{
	padding: 0;
}
.dsvy-element-service-style-7 .dsvy-service-btn{
	background-color: transparent;
	color: var(--dsvy-cardioly-blackish-color);
}
.dsvy-element-service-style-7 .dsvy-service-btn:hover{
	color: var(--dsvy-cardioly-blackish-color);
 }
.dsvy-element-service-style-7 .dsvy-service-btn::before{
	background-color: transparent;
}
.dsvy-element-service-style-7 .dsvy-service-btn .dsvy-button-icon{
	background-color: var(--dsvy-cardioly-global-color);
	color: var(--dsvy-cardioly-white-color);
}
 /*=== Bg Color ===*/
.dsvy-elementor-bg-color-blackish .dsvy-service-style-7 .designervily-post-item,
.dsvy-elementor-bg-color-secondary .dsvy-service-style-7 .designervily-post-item,
.dsvy-elementor-bg-color-blackish .dsvy-service-style-7 .dsvy-arrow-btn,
.dsvy-elementor-bg-color-secondary .dsvy-service-style-7 .dsvy-arrow-btn{
	border-color: rgba(var(--dsvy-cardioly-white-color-rgb), 0.15);
 }
.dsvy-elementor-bg-color-blackish .dsvy-element-service-style-7 .dsvy-service-btn,
.dsvy-elementor-bg-color-secondary .dsvy-element-service-style-7 .dsvy-service-btn,
.dsvy-elementor-bg-color-blackish .dsvy-service-style-7 .dsvy-arrow-btn,
.dsvy-elementor-bg-color-secondary .dsvy-service-style-7 .dsvy-arrow-btn,
.dsvy-elementor-bg-color-blackish .dsvy-service-style-7 .dsvy-box-number,
.dsvy-elementor-bg-color-secondary .dsvy-service-style-7 .dsvy-box-number,
.dsvy-elementor-bg-color-blackish .dsvy-service-style-7 .dsvy-service-title a,
.dsvy-elementor-bg-color-secondary .dsvy-service-style-7 .dsvy-service-title a{
	color: var(--dsvy-cardioly-white-color);
}
.dsvy-elementor-bg-color-blackish .dsvy-element-service-style-7 .dsvy-service-style-7.dsvy-active .dsvy-arrow-btn,
.dsvy-elementor-bg-color-secondary .dsvy-element-service-style-7 .dsvy-service-style-7.dsvy-active .dsvy-arrow-btn,
.dsvy-elementor-bg-color-globalcolor .dsvy-element-service-style-7 .dsvy-service-style-7:not(.dsvy-active) .dsvy-arrow-btn:hover,
.dsvy-elementor-bg-color-gradient .dsvy-element-service-style-7 .dsvy-service-style-7:not(.dsvy-active) .dsvy-arrow-btn:hover{
	background-color: var(--dsvy-cardioly-white-color);
	color: var(--dsvy-cardioly-blackish-color);
}
.dsvy-elementor-bg-color-blackish .dsvy-service-style-7 .dsvy-service-title a:hover,
.dsvy-elementor-bg-color-secondary .dsvy-service-style-7 .dsvy-service-title a:hover{
	color: var(--dsvy-cardioly-global-color);
}
.dsvy-elementor-bg-color-blackish .dsvy-service-style-7 .dsvy-service-content p,
.dsvy-elementor-bg-color-secondary .dsvy-service-style-7 .dsvy-service-content p{
	color: rgba(var(--dsvy-cardioly-white-color-rgb), 0.85);
}
.dsvy-elementor-bg-color-globalcolor .dsvy-service-style-7 .dsvy-service-title a:hover,
.dsvy-elementor-bg-color-gradient .dsvy-service-style-7 .dsvy-service-title a:hover{
	color: var(--dsvy-cardioly-white-color);
}
.dsvy-elementor-bg-color-globalcolor .dsvy-element-service-style-7 .dsvy-service-btn .dsvy-button-icon,
.dsvy-elementor-bg-color-gradient .dsvy-element-service-style-7 .dsvy-service-btn .dsvy-button-icon{
	background-color: var(--dsvy-cardioly-blackish-color);
}
.dsvy-elementor-bg-color-globalcolor .dsvy-service-style-7 .dsvy-service-content p,
.dsvy-elementor-bg-color-gradient .dsvy-service-style-7 .dsvy-service-content p{
	color: rgba(var(--dsvy-cardioly-blackish-color-rgb), 0.85);
}
/*=== Responsive ===*/
@media (max-width: 1366px){
	.dsvy-service-style-7 .dsvy-content-wrap{
		padding-right: 60px;	
	}
}
@media (max-width: 1200px){
	.dsvy-service-style-7 .dsvy-sevice-title-wrap, 
	.dsvy-service-style-7 .dsvy-content-wrap{
		width: 85%;
	}
	.dsvy-service-style-7 .dsvy-content-wrap{
		padding-right: 30px;	
	}
	.dsvy-element-service-style-7 .dsvy-service-style-7.dsvy-active .designervily-post-item{
		height: 400px;
	}
}
@media (max-width: 991px){
	.dsvy-service-style-7 .dsvy-content-wrap{
		width: 100%;
	}
	.dsvy-service-style-7 .dsvy-service-title{
		font-size: 30px;
		line-height: 34px;
	}
	.dsvy-element-service-style-7 .dsvy-service-style-7.dsvy-active .designervily-post-item{
		height: auto;
	}
	.dsvy-service-style-7 .dsvy-content-inner{
		padding-right: 30px;
	}
}
@media (max-width: 767px){
	.dsvy-service-style-7 .dsvy-content-wrap{
		padding: 30px 20px 0 0;
	}
	.dsvy-service-style-7 .dsvy-content-inner{
		padding: 0;
	}
}
@media (max-width: 580px){
	.dsvy-service-style-7 .dsvy-content-wrap{
		display: flex;
		flex-direction: column-reverse;
		padding-right: 0;
	}
	.dsvy-service-style-7 .dsvy-featured-wrapper img{
		width: 100%;
	}
	.dsvy-element-service-style-7 .dsvy-service-style-7 .designervily-post-item{
		height: auto;
	}
}
@media (max-width: 400px){
	.dsvy-service-style-7 .dsvy-arrow-btn{
		display: none;
	}
}