.cr-project{overflow:hidden;height:100%;-webkit-transition:all .25s cubic-bezier(0.645,0.045,0.355,1);transition:all .25s cubic-bezier(0.645,0.045,0.355,1);background-color:#fff}.cr-project .thumbnail{position:relative;overflow:hidden}.cr-project .thumbnail::before{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;content:"";-webkit-transition:all .25s cubic-bezier(0.645,0.045,0.355,1);transition:all .25s cubic-bezier(0.645,0.045,0.355,1);opacity:0;background-color:rgba(31,29,85,0.8)}.cr-project .thumbnail img{width:100%;-webkit-transition:all 1.5s cubic-bezier(0,0,0.2,1);transition:all 1.5s cubic-bezier(0,0,0.2,1)}.cr-project .info{position:absolute;top:50%;left:0;right:0;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;opacity:0;visibility:hidden;-webkit-transition:all .25s cubic-bezier(0.645,0.045,0.355,1);transition:all .25s cubic-bezier(0.645,0.045,0.355,1)}.cr-project .info .sub-title{font-size:var(--body-font-size);line-height:1;font-weight:500;color:#fff;display:block;margin-bottom:15px}.cr-project .info .title{font-size:var(--heading-three);line-height:1.2;color:#fff}.cr-project .info .title a:hover{color:#fff}.cr-project .info .arrow-btn{width:60px;height:60px;line-height:60px;background-color:var(--primary-color);border-radius:50px;margin-top:50px;-webkit-transition:all .25s cubic-bezier(0.645,0.045,0.355,1);transition:all .25s cubic-bezier(0.645,0.045,0.355,1)}.cr-project .info .arrow-btn svg{width:18px;height:18px;color:#fff}.cr-project .info .arrow-btn svg path{fill:currentColor;stroke:currentColor}.cr-project .info .arrow-btn:hover{background-color:var(--secondary-color)}.cr-project:hover .thumbnail::before{opacity:1}.cr-project:hover .thumbnail img{-webkit-transform:scale(1.1);transform:scale(1.1)}.cr-project:hover .info{opacity:1;visibility:visible}