.project-section{text-align:center}.pro-box{border:5px solid #eee;border-radius:0;height:300px;margin:10px 0;transition:all 2s;position:relative;overflow:hidden}.pro-box .overlay{color:#663ae2;visibility:hidden;z-index:3;font-size:25px;font-weight:300;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pro-box:after{content:"";visibility:hidden;background-color:#091d3f73;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.pro-box:hover:after,.pro-box:hover .overlay{visibility:visible}.pro-box .pro-img{overflow:hidden}.pro-box img{width:100%;transition:all 5s;transform:translateY(0)}.pro-box:hover img{transform:translateY(calc(240px - 100%))}.project-section #tabs-nav{justify-content:center;align-items:center;margin:10px 0;padding:0;list-style:none;display:flex}.project-section ul li .mixitup-control-active{color:#663ae2;background-color:#0000;border-radius:30px}.project-section .pro-layer a{color:#fff}.box-item h2{color:#212529;font-size:1.25rem;font-weight:500;line-height:1.2}.project-section .pro-layer p{font-size:25px}