.dsvy-portfolio-style-1 .designervily-overlay::after,
.dsvy-portfolio-style-1 .designervily-overlay::before,
.dsvy-portfolio-style-1 .designervily-overlay {
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.dsvy-portfolio-style-1 .designervily-post-content {
	position: relative;
}
.dsvy-portfolio-style-1 .designervily-overlay {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	opacity: 0;
	z-index: 1;
}
.dsvy-portfolio-style-1:hover .designervily-overlay {
	opacity: 1;
}
.dsvy-portfolio-style-1 .designervily-overlay::after,
.dsvy-portfolio-style-1 .designervily-overlay::before {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;
	z-index: -1;
	background-color: rgba(var(--dsvy-karzo-secondary-color-rgb), 0.50);
}
.dsvy-portfolio-style-1 .designervily-overlay::before {
	right: 0;
	-webkit-transform: perspective(400px) rotateY(-90deg);
	-moz-transform: perspective(400px) rotateY(-90deg);
	-ms-transform: perspective(400px) rotateY(-90deg);
	-o-transform: perspective(400px) rotateY(-90deg);
	transform: perspective(400px) rotateY(-90deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}
.dsvy-portfolio-style-1 .designervily-overlay::after {
	left: 0;
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: right;
	-o-transform-origin: left;
	transform-origin: left;
}
.dsvy-portfolio-style-1:hover .designervily-overlay::after,
.dsvy-portfolio-style-1:hover .designervily-overlay::before {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
}
.dsvy-portfolio-style-1 .designervily-titlebox {
	position: absolute;
	top: 50%;
	-khtml-transform: translateX(0%) translateY(-8%);
	-moz-transform: translateX(0%) translateY(-8%);
	-ms-transform: translateX(0%) translateY(-8%);
	-o-transform: translateX(0%) translateY(-8%);
	transform: translateX(0%) translateY(-8%);
	left: 0;
	padding: 0 20px;
	text-align: center;
	width: 100%;
	height: auto;
}
.dsvy-portfolio-style-1 .dsvy-portfolio-title {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 0;
	font-weight: 500;
}
.dsvy-portfolio-style-1 .designervily-media-link a i,
.dsvy-portfolio-style-1 .dsvy-portfolio-title a,
.dsvy-portfolio-style-1 .dsvy-port-cat a {
	color: #fff;
}
.dsvy-portfolio-style-1 .dsvy-port-cat a {
	color: var(--dsvy-karzo-global-color);
	text-transform: uppercase;
	font-size: 13px;
}
.dsvy-portfolio-style-1 .designervily-icon-box a {
	width: 40px;
	height: 40px;
	float: right;
	font-size: 12px;
	line-height: 40px;
	color: #fff;
	background-color: var(--dsvy-karzo-global-color);
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
}
.dsvy-element-portfolio-style-1.dsvy-sortable-yes .dsvy-ele-header-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list a {
	font-size: 13px;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin: 0 20px;
}
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list-ul li:first-child a {
	margin-left: 0;
}
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list a.dsvy-sortable-link.dsvy-selected {
	color: var(--dsvy-karzo-blackish-color);
}
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list-ul li,
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list-ul {
	position: relative;
}
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list-ul::after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	background: #ededed;
	left: 0px;
	bottom: -15px;
}
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area ul li a.dsvy-sortable-link.dsvy-selected::after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	background: var(--dsvy-karzo-global-color);
	left: 0px;
	bottom: -14px;
}
.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list li{
	margin-right: 0;
	margin-bottom: 0px;
}
.dsvy-element-portfolio-style-1 .dsvy-sortable-list-ul li:before {
	content: unset;
}
.dsvy-portfolio-style-1 .dsvy-featured-wrapper img {
	width: 100%;
}
.dsvy-element-portfolio-style-1[data-dots="true"] .dsvy-carousel-navs{
	display: none;
}
@media (max-width: 1200px) {
	.dsvy-element-portfolio-style-1 .dsvy-ele-header-area {
		display: block;
	}
}
@media (max-width: 567px) {
	.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list a {
		margin: 0 6px;
	}
	.dsvy-element-portfolio-style-1 .dsvy-ele-header-area .dsvy-sortable-list-ul::after {
		content: none;
	}
	.dsvy-element-portfolio-style-1 .dsvy-ele-header-area ul li a.dsvy-sortable-link.dsvy-selected::after {
		bottom: 0px;
	}
}