.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; } }