.featuresCls{background-color:#f8f9fa;padding:50px 0}.featuresCls .featureRow{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.featuresCls h2{color:#262b35;font-family:Poppins,sans-serif;font-size:1.9rem;font-weight:600;letter-spacing:-1px;line-height:2.7rem;margin-bottom:40px;margin-left:auto;margin-right:auto;text-align:center;width:50%}.featuresCls h2:focus{outline:2px solid red;outline-offset:2px}.featuresCls .featureRow .portfolio-box{width:25%}.featuresCls .featureRow .portfolio-box.textContentCls{width:50%}.featuresCls .featureRow .portfolio-box .portfolio-image{overflow:hidden;position:relative}.featuresCls .featureRow .portfolio-box *,.portfolio-box:hover *{transition:.3s ease-in-out}.featuresCls .featureRow .portfolio-box .portfolio-hover{background-position:50%;background-size:cover;height:100%;left:0;opacity:0;padding:1.5rem;position:absolute;top:0;width:100%}.featuresCls .featureRow .portfolio-box .move-top-bottom-self{overflow:hidden}.featuresCls .featureRow .portfolio-box .move-top-bottom-self p,.featuresCls .featureRow .portfolio-box .move-top-bottom-self span{opacity:0;transform:translateY(-200%);transition:.5s cubic-bezier(.37,.31,.2,.85);will-change:transform}.featuresCls .featureRow .portfolio-box strong{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;line-height:18px;text-transform:uppercase}.featuresCls .featureRow .portfolio-box p{color:#fff;font-family:Poppins,sans-serif;font-size:13px;line-height:18px;margin-bottom:5px;margin-top:8px}.featuresCls .featureRow .portfolio-box .overlay-bg{background-color:#212529;height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.featuresCls .featureRow .portfolio-box:hover .portfolio-hover{opacity:1}.featuresCls .featureRow .portfolio-box:hover .move-top-bottom-self p,.featuresCls .featureRow .portfolio-box:hover .move-top-bottom-self span{display:inline-block;opacity:1;position:relative;transform:translateY(0);width:100%;z-index:89}.featuresCls .featureRow .portfolio-box .move-bottom-top-self{overflow:hidden}.featuresCls .featureRow .portfolio-box .move-bottom-top-self p,.featuresCls .featureRow .portfolio-box .move-bottom-top-self span{display:block;opacity:0;transform:translateY(200%);transition:.5s cubic-bezier(.37,.31,.2,.85);will-change:transform}.featuresCls .featureRow .portfolio-box:hover .move-bottom-top-self span{color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:30px;opacity:1;text-transform:uppercase;transform:translateY(0)}.featuresCls .featureRow .portfolio-box .portfolio-hover .text-start{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start}@media screen and (max-width:1199px){.featuresCls{padding:90px 0}}@media screen and (max-width:990px){.featuresCls .featureRow .portfolio-box{width:50%}.featuresCls .featureRow .portfolio-box .portfolio-hover{opacity:1}.featuresCls .featureRow .portfolio-box .portfolio-hover .text-start{align-items:flex-end}.featuresCls .featureRow .portfolio-box .overlay-bg{opacity:.5}.featuresCls .featureRow .portfolio-box .move-top-bottom-self p,.featuresCls .featureRow .portfolio-box .move-top-bottom-self span{display:inline-block;opacity:1;position:relative;transform:translateY(0);width:100%;z-index:89}.featuresCls .featureRow .portfolio-box .move-bottom-top-self span{color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:30px;opacity:1;text-transform:uppercase;transform:translateY(0)}.featuresCls .featureRow .portfolio-box.textContentCls{display:none}}@media screen and (max-width:767px){.featuresCls{padding:50px 0}.featuresCls h2{margin-bottom:20px;width:100%}}@media screen and (max-width:575px){.featuresCls .featureRow .portfolio-box{width:100%}.featuresCls h2{font-size:1.7rem;margin-bottom:14px}.featuresCls .featureRow .portfolio-box .portfolio-image{max-height:260px}.featuresCls .featureRow{gap:.1em}}