.st-portfolio{display:block;position:relative;margin-bottom:30px}.st-portfolio:hover{cursor:pointer}.st-portfolio:before{width:100%;height:100%;top:0;left:0;background-color:#3f4551;transition:all .4s ease}.st-portfolio:after,.st-portfolio:before{content:"";position:absolute;opacity:0;z-index:1}.st-portfolio:after{border:1px solid #fdfeff;width:90%;height:90%;top:50%;left:50%;transform:translate(-50%,-50%)}.st-portfolio:hover:after,.st-portfolio:hover:before{opacity:.85}.st-portfolio:hover .st-portfolio-item-hover{opacity:1;visibility:visible}.st-portfolio .st-portfolio-img img{width:100%}.st-portfolio-item-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;z-index:5;text-align:center;opacity:0;visibility:hidden}.st-portfolio-item-hover svg{border:.5px solid #3f4551;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fec544;color:#151b29;opacity:.8}.st-portfolio-item-hover h5{top:87px;font-size:20px;color:#fdfeff}.st-portfolio-item-hover h5,.st-portfolio-item-hover p{position:absolute;width:250px;left:50%;transform:translateX(-50%);margin:0}.st-portfolio-item-hover p{top:114px}.st-portfolio-btn{margin-top:20px}.modal-subtitle,.modal-title{color:#232935}.modal-body img{width:100%;margin-bottom:20px}