.pbmit-service-style-3 .pbmit-decs-wrap,
.pbmit-service-style-3 .pbmit-service-icon,
.pbmit-service-style-3 .pbmit-service-icon svg,
.pbmit-service-style-3 .pbmit-featured-img-wrapper::after,
.pbmit-service-style-3 .pbmit-service-image-wrapper{
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.pbmit-service-style-3 .pbminfotech-post-item,
.pbmit-service-style-3{
position: relative
}
.pbmit-service-style-3 .pbmit-featured-img-wrapper {
position: relative;
overflow: hidden;
border-radius: 6px;
}
.pbmit-service-style-3 .pbmit-featured-img-wrapper::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background-color: rgba(var(--pbmit-xhyre-blackish-color-rgb), 0.6);
}
.pbmit-service-style-3 .pbmit-featured-img-wrapper::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: linear-gradient(to top, rgba(var(--pbmit-xhyre-global-color-rgb), 1) 0%,rgba(var(--pbmit-xhyre-global-color-rgb), 0) 52%,rgba(var(--pbmit-xhyre-global-color-rgb), 0) 100%);
z-index: 1;
-webkit-transform: translateY(30%);
-khtml-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
opacity: 0;
visibility: hidden;
}
.pbmit-service-style-3:hover .pbmit-featured-img-wrapper::after {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
visibility: visible;
}
.pbmit-service-style-3 .pbmit-service-image-wrapper img{
border-radius: 6px;
transition: all .4s ease-in-out;
width: 100%
}
.pbmit-service-style-3:hover .pbmit-service-image-wrapper img{
transform: scale(1.05)
}
.pbmit-service-style-3 .pbmit-content-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 70px;
z-index: 3;
display: grid;
overflow: hidden;
}
.pbmit-service-style-3 .pbmit-content-box {
align-self: self-start;
}
.pbmit-service-style-3 .pbmit-cat-number-wrap{
display: flex;
align-items: center;
font-size: 14px;
line-height: 18px;
position: relative;
margin-bottom: 3px;
color: var(--pbmit-xhyre-white-color);
}
.pbmit-service-style-3 .pbmit-cat-number-wrap::before {
content: '/';
display: inline-block;
margin-right: 4px;
}
.pbmit-service-style-3 .pbmit-serv-cat a {
padding-left: 5px;
text-transform: lowercase;
color: var(--pbmit-xhyre-white-color);
}
.pbmit-service-style-3 .pbmit-serv-cat a:hover {
color: var(--pbmit-xhyre-white-color);
}
.pbmit-service-style-3 .pbmit-service-title {
font-size: 28px;
line-height: 32px;
margin: 0;
color: var(--pbmit-xhyre-white-color);
}
.pbmit-service-style-3 .pbmit-service-title a {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
color: var(--pbmit-xhyre-white-color);
}
.pbmit-service-style-3 .pbmit-service-title a:hover {
color: var(--pbmit-xhyre-global-color);
}
.pbmit-service-style-3 .pbmit-icon-wrap {
align-self: self-end;
position: relative;
}
.pbmit-service-style-3 .pbmit-service-icon {
font-size: 50px;
line-height: 50px;
display: inline-block;
transform: scale(1);
}
.pbmit-service-style-3:hover .pbmit-service-icon {
transform: scale(0);
}
.pbmit-service-style-3 .pbmit-service-btn,
.pbmit-service-style-3 .pbmit-service-icon,
.pbmit-service-style-3 .pbmit-service-description {
color: var(--pbmit-xhyre-white-color);
}
.pbmit-service-style-3 .pbmit-service-icon svg {
fill: var(--pbmit-xhyre-white-color);
}
.pbmit-service-style-3 .pbmit-service-btn:hover {
color: var(--pbmit-xhyre-global-color);
}
.pbmit-service-style-3 .pbmit-service-description p{
margin-bottom: 45px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.pbmit-service-style-3 .pbmit-decs-wrap {
-webkit-transform: translateY(30%);
-khtml-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
opacity: 0;
position: absolute;
bottom: 0;
overflow: hidden;
-webkit-box-orient: vertical;
}
.pbmit-service-style-3:hover .pbmit-decs-wrap {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
visibility: visible;
}
.pbmit-element-viewtype-masonry .pbmit-service-style-3 .pbmit-content-wrap {
padding: 30px;
}
.pbmit-element-viewtype-masonry .pbmit-service-style-3 .pbmit-content-box {
padding-bottom: 50px;
}
.pbmit-element-viewtype-masonry .pbmit-service-style-3 .pbmit-service-description p {
margin-bottom: 20px;
}
.pbmit-element-viewtype-masonry.pbmit-element-column-four .pbmit-service-style-3 .pbmit-content-box {
padding-bottom: 20px;
}
.pbmit-element-viewtype-masonry.pbmit-element-column-four .pbmit-service-style-3 .pbmit-content-wrap {
padding: 20px;
}
.pbmit-element-viewtype-masonry.pbmit-element-column-four .pbmit-service-style-3 .pbmit-service-title {
font-size: 22px;
line-height: 28px;
}
.pbmit-element-viewtype-masonry.pbmit-element-column-four .pbmit-service-style-3 .pbmit-service-description p {
margin-bottom: 5px;
}
.pbmit-element-viewtype-masonry.pbmit-element-column-four .pbmit-service-style-3 .pbmit-service-icon {
font-size: 40px;
line-height: 40px;
}
@media (max-width: 1600px) {
.pbmit-service-style-3 .pbmit-content-wrap {
padding: 60px;
}
}
@media (max-width: 1500px) {
.pbmit-service-style-3 .pbmit-content-wrap {
padding: 50px;
}
.pbmit-service-style-3 .pbmit-service-description p {
margin-bottom: 35px;
}
}
@media (max-width: 1400px) {
.pbmit-service-style-3 .pbmit-content-wrap {
padding: 30px;
}
.pbmit-service-style-3 .pbmit-service-description p {
margin-bottom: 25px;
}
}