.pbmit-portfolio-style-4 .pbminfotech-overlay::after,
.pbmit-portfolio-style-4 .pbminfotech-overlay::before,
.pbmit-portfolio-style-4 .pbminfotech-overlay {
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.pbmit-portfolio-style-4 .pbminfotech-post-content {
	position: relative;
	overflow: hidden;
}
.pbmit-portfolio-style-4 .pbmit-image-wrapper {
	position: relative;
	background-color: #fff;
	padding-bottom: 110%;
	-webkit-clip-path: inset(0 15%);
	clip-path: inset(0 15%);
	opacity: 0;
	transform: translate3d(0, 150px, 0);
	transition: opacity 1s cubic-bezier(.25, .85, .57, 1), transform 1s cubic-bezier(.25, .85, .57, 1), -webkit-clip-path 1s cubic-bezier(.25, .85, .57, 1);
	transition: opacity 1s cubic-bezier(.25, .85, .57, 1), transform 1s cubic-bezier(.25, .85, .57, 1), clip-path 1s cubic-bezier(.25, .85, .57, 1);
	transition: opacity 1s cubic-bezier(.25, .85, .57, 1), transform 1s cubic-bezier(.25, .85, .57, 1), clip-path 1s cubic-bezier(.25, .85, .57, 1), -webkit-clip-path 1s cubic-bezier(.25, .85, .57, 1);
}
.elementor-element-edit-mode .pbmit-portfolio-style-4 .pbmit-image-wrapper,
.pbmit-portfolio-style-4.active .pbmit-image-wrapper {
	opacity: 1;
	-webkit-clip-path: inset(0 0);
	clip-path: inset(0 0);
	transform: translateZ(0);
}
.pbmit-portfolio-style-4 .pbmit-featured-wrapper {
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	height: calc(100% + 60px);
	transform: translate3d(0, -40px, 0);
}
.pbmit-portfolio-style-4 .pbmit-featured-wrapper img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.pbmit-element-portfolio-style-4 .row .pbmit-ele:nth-child(2n) {
	margin-top: 100px;
}
.pbmit-portfolio-style-4 .pbminfotech-titlebox {
	margin-top: 30px;
	opacity: 0;
	transform: translate3d(0, 150px, 0);
	transition: opacity 1s cubic-bezier(.25, .85, .57, 1) .4s, transform 1s cubic-bezier(.25, .85, .57, 1) .4s;
}
.elementor-element-edit-mode .pbmit-portfolio-style-4 .pbminfotech-titlebox,
.pbmit-portfolio-style-4.active .pbminfotech-titlebox {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.pbmit-portfolio-style-4 .pbminfotech-titlebox h3 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 0px;
}
.pbmit-portfolio-style-4 .pbmit-port-cat a {
	color: #666;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 1px;
}
/*=== pbminfotech-gap-30px ===*/
.pbmit-element-portfolio-style-4 .row {
	justify-content: space-between;
}
.pbmit-element-portfolio-style-4 .row .pbmit-ele {
	width: 45%;
	margin-bottom: -30px;
}
.pbmit-element-portfolio-style-4 .row .col-md-12.pbmit-ele {
	width: 100%;
}
.pbmit-element-portfolio-style-4 .row .col-md-6.col-lg-3.pbmit-ele {
	width: 25%;
}
.pbmit-element-portfolio-style-4 .row .col-md-4.pbmit-ele {
	width: 33.33%;
}

/* viewtype-masonry */

.pbmit-element-viewtype-masonry.pbmit-element-portfolio-style-4 .pbmit-element-posts-wrapper .pbmit-portfolio-style-4 {
    overflow: visible; 
    border-radius: 0; 
    perspective: unset;
    margin-bottom:0px;
}
.pbmit-element-viewtype-masonry .pbmit-portfolio-style-4.active .pbmit-image-wrapper,
.pbmit-element-viewtype-masonry .pbmit-portfolio-style-4 .pbmit-image-wrapper{
	position: unset;
    padding-bottom: unset;
    clip-path: unset;
    opacity: 1;
     transform:unset
}
.pbmit-element-viewtype-masonry .pbmit-portfolio-style-4 .pbmit-featured-wrapper{
	position: unset;
}
.pbmit-element-viewtype-masonry  .pbmit-portfolio-style-4 .pbminfotech-titlebox {
	margin-top: 50px;
}
.pbmit-element-viewtype-masonry.pbmit-element-portfolio-style-4 .row .col-md-6.pbmit-ele:nth-child(2n),
.pbmit-element-viewtype-masonry.pbmit-element-portfolio-style-4 .row .col-md-4.pbmit-ele:nth-child(2n),
.pbmit-element-viewtype-masonry .portfolio-style-4.col-md-4{
	margin-top: 0;
}

@media(max-width:767px) {
	.pbmit-element-portfolio-style-4 .row {
		justify-content: unset;
	}
	.pbmit-element-portfolio-style-4 .row .pbmit-ele {
		width: 100%;
		margin-bottom: 0;
		margin-top: 30px;
	}
	.pbmit-element-portfolio-style-4 .row .pbmit-ele:first-child{
		margin-top: 0;
	}
	.pbmit-element-portfolio-style-4 .row .pbmit-ele:nth-child(2n){
		margin: 30px 0 0 0;
	}
	.pbmit-element-portfolio-style-4 .pbmit-element-posts-wrapper .row .pbmit-portfolio-style-4 {
		padding: 0;
	}
	.pbmit-portfolio-style-4 .pbmit-image-wrapper{
		opacity: 1;
		padding-bottom: 0%;
		transform:unset;
		clip-path:unset;
	}
	.pbmit-portfolio-style-4 .pbminfotech-titlebox{
		transform: unset;
		opacity: 1;
	}
	.pbmit-portfolio-style-4 .pbmit-featured-wrapper {
		position: inherit;
	}
}