.pbmit-portfolio-style-3 .pbmit-port-cat, .pbmit-portfolio-style-3 .pbmit-port-cat a, .pbmit-portfolio-style-3 .pbmit-portfolio-title, .pbmit-portfolio-style-3 .pbminfotech-box-content { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .pbmit-portfolio-style-3 .pbminfotech-post-content{ position: relative; overflow: hidden; border-radius: 6px; } .pbmit-portfolio-style-3 .pbmit-image-featured-wrapper { position: relative; } .pbmit-portfolio-style-3 .pbminfotech-box-content{ position: absolute; top: inherit; display: flex; align-items: center; justify-content: space-between; bottom: 15px; left: 15px; right: 15px; padding: 30px 50px 25px 30px; z-index: 6; border-radius: 6px; word-break: break-word; background: var(--pbmit-xhyre-white-color); } .pbmit-portfolio-style-3:hover .pbminfotech-box-content { background-color: var(--pbmit-xhyre-global-color); } .pbmit-portfolio-style-3 .pbmit-port-cat, .pbmit-portfolio-style-3 .pbmit-port-cat a{ font-size: 14px; line-height: 18px; position: relative; color: var(--pbmit-xhyre-global-color); } .pbmit-portfolio-style-3 .pbmit-port-cat::before { content: '/'; display: inline-block; padding-right: 5px; } .pbmit-portfolio-style-3 .pbmit-port-cat:hover, .pbmit-portfolio-style-3 .pbmit-port-cat a:hover{ color: var(--pbmit-xhyre-secondary-color); } .pbmit-portfolio-style-3 .pbmit-portfolio-title:hover{ color: var(--pbmit-xhyre-global-color); } .pbmit-portfolio-style-3:hover .pbmit-portfolio-btn, .pbmit-portfolio-style-3:hover .pbmit-port-cat, .pbmit-portfolio-style-3:hover .pbmit-port-cat a, .pbmit-portfolio-style-3:hover .pbmit-portfolio-title a, .pbmit-portfolio-style-3:hover .pbmit-portfolio-title { color: var(--pbmit-xhyre-white-color); } .pbmit-portfolio-style-3:hover .pbmit-portfolio-btn:hover, .pbmit-portfolio-style-3:hover .pbmit-port-cat:hover, .pbmit-portfolio-style-3:hover .pbmit-port-cat a:hover, .pbmit-portfolio-style-3:hover .pbmit-portfolio-title a:hover { color: rgba(var(--pbmit-xhyre-white-color-rgb), 0.9); } .pbmit-portfolio-style-3 .pbmit-portfolio-title{ font-size: 22px; line-height: 28px; margin-bottom: 0; } .pbmit-portfolio-style-3 .pbmit-featured-wrapper{ position: relative; overflow: hidden; } .pbmit-portfolio-style-3 .pbmit-featured-wrapper img{ width: 100%; transform: scale(1.05) rotate(.5deg); transform-origin: 90% 50%; border-radius: 6px; transition: transform 1.2s cubic-bezier(.4, .01, .14, .99); } .pbmit-portfolio-style-3:hover .pbmit-featured-wrapper img{ transform: scale(1.001) rotate(0); } .pbmit-element-portfolio-style-3 .pbmit-element-inner .row { align-items: stretch; flex-direction: row-reverse; } .pbmit-element-portfolio-style-3 .pbmit-heading-left-area { display: -webkit-box; } .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-ele-header-area { padding: 20px 30px; display: grid; border: 1px solid rgba(var(--pbmit-xhyre-blackish-color-rgb), 0.1); } .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-heading-subheading { word-break: break-word; display: flex; justify-content: center; align-content: center; flex-direction: column; } .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-carousel-nav-arrow-header { left: 30px; bottom: 10%; } /* Bg Color */ .pbmit-elementor-bg-color-gradient .pbmit-element-portfolio-style-3 .pbmit-heading-left-area, .pbmit-elementor-bg-color-globalcolor .pbmit-element-portfolio-style-3 .pbmit-heading-left-area, .pbmit-elementor-bg-color-secondary .pbmit-element-portfolio-style-3 .pbmit-heading-left-area, .pbmit-elementor-bg-color-blackish .pbmit-element-portfolio-style-3 .pbmit-heading-left-area { border-color: rgba(var(--pbmit-xhyre-white-color-rgb),0.1); } .pbmit-element-column-four .pbmit-portfolio-style-3 .pbminfotech-box-content { padding: 20px; } .pbmit-element-column-four .pbmit-portfolio-style-3 .pbmit-portfolio-title { font-size: 18px; line-height: 22px; } @media (max-width: 1400px) { .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-carousel-nav-arrow-header { bottom: 6%; } } @media (max-width: 1250px) { .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-carousel-nav-arrow-header { bottom: 3%; } } @media (max-width: 1200px) { .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-ele-header-area { margin-bottom: 30px; } .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-carousel-nav-arrow-header { bottom: 8%; } } @media (max-width: 767px) { .pbmit-element-portfolio-style-3 .pbmit-heading-left-area .pbmit-ele-header-area { padding: 30px 30px 0 30px; } }