.portfolio--item{background-color:#fff;overflow:hidden;position:relative;&:hover .portfolio--item-content,&.active .portfolio--item-content{transform:translateX(0);z-index:1}}.portfolio--item-logo{height:0;padding-top:100%;width:100%;position:relative;border:none}.portfolio--item-logo-inner{position:absolute;top:15%;left:15%;right:15%;bottom:15%;transform:scale(1);transition:transform 0.3s ease-in-out;img{object-fit:contain;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}}.portfolio--item-content{transform:translateX(102%);background-color:rgb(230 116 34 / .95);color:#fff;transition:all 0.3s ease-in-out;position:absolute;width:100%;top:0;bottom:0;left:0;z-index:2;padding:30px;border:none;h4{margin:0;color:#fff;line-height:1.1;font-size:26px}p{margin:75px 0 0;font-size:17px;line-height:1.35}}.btn-website{font-weight:300;font-size:15px!important;display:flex;justify-content:space-between}.btn-learnmore i{position:relative;font-size:14px;transition:transform 0.3s ease}.btn-learnmore:hover i{transform:translateX(10px)}.btn-visitwebsite{position:relative;font-size:14px;transition:transform 0.3s ease;z-index:3}.btn-visitwebsite::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:currentColor;transition:width 0.3s ease;font-size:14px}.btn-visitwebsite:hover{transform:translateX(10px)}.btn-visitwebsite:hover::after{width:100%}.side-image{position:sticky;top:80px;height:40vh;width:auto;z-index:10;text-align:center}