.pbmit-service-style-2 .pbminfotech-post-item, .pbmit-service-style-2 .pbmit-service-icon, .pbmit-service-style-2 .pbmit-service-icon svg, .pbmit-service-style-2 .pbmit-featured-wrapper img{ -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-2 .pbmit-service-image-wrapper, .pbmit-service-style-2 .pbminfotech-post-item { position: relative; } .pbmit-service-style-2 .pbmit-service-icon { position: absolute; top: 15px; right: 15px; z-index: 7; width: 70px; height: 70px; font-size: 35px; text-align: center; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 8px; color: var(--pbmit-xhyre-global-color); background-color: var(--pbmit-xhyre-white-color); } .pbmit-service-style-2 .pbmit-service-icon svg { fill: var(--pbmit-xhyre-global-color); } .pbmit-service-style-2:hover .pbmit-service-icon { color: var(--pbmit-xhyre-white-color); background-color: var(--pbmit-xhyre-global-color); } .pbmit-service-style-2:hover .pbmit-service-icon svg { fill: var(--pbmit-xhyre-white-color); } .pbmit-service-style-2 .pbminfotech-post-item{ padding: 15px; border-radius: 6px; display: flex; align-items: center; background-color: var(--pbmit-xhyre-light-bg-color); } .pbmit-service-style-2 .pbmit-featured-wrapper{ overflow: hidden; border-radius: 6px; } .pbmit-service-style-2 .pbmit-featured-wrapper img{ width: 100%; } .pbmit-service-style-2:hover .pbmit-featured-wrapper img{ transform: scale(1.1); } .pbmit-service-style-2 .pbmit-content-box{ padding: 0 70px; } .pbmit-service-style-2 .pbmit-service-title{ position: relative; font-size: 24px; line-height: 28px; } .pbmit-service-style-2 .pbmit-cat-number-wrap{ display: flex; align-items: center; font-size: 14px; line-height: 18px; position: relative; margin-bottom: 3px; color: var(--pbmit-xhyre-global-color); } .pbmit-service-style-2 .pbmit-cat-number-wrap::before { content: '/'; display: inline-block; margin-right: 4px; } .pbmit-service-style-2 .pbmit-serv-cat a { padding-left: 5px; text-transform: lowercase; color: var(--pbmit-xhyre-global-color); } .pbmit-service-style-2 .pbmit-serv-cat a:hover { color: var(--pbmit-xhyre-blackish-color); } .pbmit-service-style-2 .pbmit-service-description{ padding-bottom: 40px; } .pbmit-service-style-2 .pbmit-service-description p{ margin: 0; } .pbmit-service-style-2 .pbmit-service-description p, .pbmit-service-style-2 .pbmit-service-title a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } /* Arrow */ .pbmit-element-service-style-2 .pbmit-element-inner .swiper-button-next { left: 50%; bottom: -80px; top: inherit; -khtml-transform: translateX(50%) translateY(0%); -moz-transform: translateX(50%) translateY(0%); -ms-transform: translateX(50%) translateY(0%); -o-transform: translateX(50%) translateY(0%); transform: translateX(50%) translateY(0%); } .pbmit-element-service-style-2 .pbmit-element-inner .swiper-button-prev { bottom: -80px; top: inherit; left: 50%; -khtml-transform: translateX(-60%) translateY(0%); -moz-transform: translateX(-60%) translateY(0%); -ms-transform: translateX(-60%) translateY(0%); -o-transform: translateX(-60%) translateY(0%); transform: translateX(-60%) translateY(0%); } /* For bg color */ .pbmit-elementor-bg-color-light .pbmit-service-style-2 .pbminfotech-post-item{ background-color: var(--pbmit-xhyre-white-color); } /* Col Set */ .pbmit-element-column-two .pbmit-service-style-2 .pbmit-content-box { padding: 0 40px; } .pbmit-element-column-four .pbmit-service-style-2 .pbminfotech-post-item, .pbmit-element-column-three .pbmit-service-style-2 .pbminfotech-post-item { display: block; } .pbmit-element-column-four .pbmit-service-style-2 .pbmit-content-box, .pbmit-element-column-three .pbmit-service-style-2 .pbmit-content-box { padding: 30px 30px 15px 30px; } @media (max-width: 1450px) { .pbmit-service-style-2 .pbminfotech-post-item { display: block; } .pbmit-element-column-two .pbmit-service-style-2 .pbmit-content-box { padding: 20px 20px 0 20px; } } @media (max-width: 767px) { .pbmit-element-service-style-2 .pbmit-element-inner .swiper-button-prev, .pbmit-element-service-style-2 .pbmit-element-inner .swiper-button-next { display: none; } }