.pbmit-portfolio-style-1 .pbminfotech-post-content { position: relative; overflow: hidden; border-radius: 6px; } .pbmit-portfolio-style-1 .pbminfotech-box-content { opacity: 0; transition: all .2s; transform: scale(0.9); max-width: unset; position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: flex-end; bottom: 0px; left: 0px; right: 0px; top: 0px; padding: 30px; background: rgba(var(--pbmit-xhyre-blackish-color-rgb),.8); will-change: opacity; } .pbmit-portfolio-style-1:hover .pbminfotech-box-content { opacity: 1; transition: all .2s; transform: scale(1); } .pbmit-portfolio-style-1 .pbmit-port-cat a { padding: 4px 8px; border-radius: 6px; font-size: 14px; line-height: 16px; display: inline-block; margin: 0 5px 5px 0; color: var(--pbmit-xhyre-white-color); background-color: var(--pbmit-xhyre-global-color); } .pbmit-portfolio-style-1 .pbmit-portfolio-title a, .pbmit-portfolio-style-1 .pbmit-portfolio-title { font-size: 24px; line-height: 30px; color: var(--pbmit-xhyre-white-color); margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .pbmit-portfolio-style-1 .pbmit-featured-wrapper { position: relative; overflow: hidden; } .pbmit-portfolio-style-1 .pbmit-featured-wrapper img { width: 100%; -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-1:hover .pbmit-featured-wrapper img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pbmit-portfolio-style-1 .pbmit-portfolio-btn{ position: absolute; top: 30px; right: 30px; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .pbmit-portfolio-style-1 .pbmit-portfolio-btn{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .pbmit-portfolio-style-1:hover .pbmit-portfolio-btn{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pbmit-portfolio-style-1 .pbmit-portfolio-btn i{ font-size: 22px; line-height: 22px; z-index: 1; position: relative; color: var(--pbmit-xhyre-white-color); } .pbmit-portfolio-style-1 .pbmit-portfolio-btn a:hover i{ color: var(--pbmit-xhyre-white-color); } .pbmit-portfolio-move .pbmit-element-portfolio-style-1:not(.pbmit-element-viewtype-row-column, .pbmit-element-viewtype-masonry) .pbmit-element-posts-wrapper .swiper-wrapper{ width: 100%; animation: move-left 50s linear infinite; will-change: transform; white-space: nowrap; } @keyframes move-left{ 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .pbmit-portfolio-move .elementor-widget-pbmit_portfolio_element + .elementor-widget-pbmit_portfolio_element .pbmit-element-portfolio-style-1:not(.pbmit-element-viewtype-row-column, .pbmit-element-viewtype-masonry) .pbmit-element-posts-wrapper .swiper-wrapper{ width: 100%; animation: move-right 50s linear infinite; will-change: transform; white-space: nowrap; } @keyframes move-right{ 0% { transform: translate(-100%, 0); } 100% { transform: translate(0, 0); } } @media (min-width: 575px) and (max-width: 1400px) { .pbmit-portfolio-style-1 .pbmit-portfolio-title { font-size: 20px; line-height: 26px; } .pbmit-portfolio-style-1 .pbmit-portfolio-btn i{ font-size:20px; line-height:20px; } .pbmit-portfolio-style-1 .pbminfotech-box-content { padding: 20px; } }