.project2{align-items:center;color:#fff;display:flex;height:300px;justify-content:center;margin:20px auto;overflow:hidden;position:relative;text-align:center;width:300px;z-index:1}.project2,.project2 .pro2{transition:all .5s ease-in-out}.project2 .pro2{opacity:1;z-index:2}.project2 .pro2 .btn_pro2,.project2 .pro2 .project_description2{opacity:0;transform:translateY(20px);transition:all .5s ease-in-out}.project2:hover .pro2 .btn_pro2,.project2:hover .pro2 .project_description2{opacity:1;transform:translateY(0)}.project_heading2 h6{bottom:5%;font-family:Roboto;font-size:16px;left:16%;margin:0;position:absolute;transform:translateX(-10%);transition:all .5s ease-in-out;z-index:1}.project2:hover .project_heading2 h6{bottom:-10%;color:#fff;left:auto;position:static;transform:none}.project2:before{background:linear-gradient(0deg,#88724c 30%,transparent 0);content:"";height:100%;position:absolute;transition:opacity .5s ease-in-out;width:100%;z-index:1}.project:hover:before{opacity:0}