.services_box_img { height: 300px; background-size: cover;}
.project_box_01 {
    
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.project_box_01 { position: absolute; left:0 ; top: 0;  right:0; bottom: 0; background: #db212799;
    
    
    width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
    -moz-transform: translateY(100%) skewX(0deg);
    -webkit-transform: translateY(100%) skewX(0deg);
    -o-transform: translateY(100%) skewX(0deg);
    -ms-transform: translateY(100%) skewX(0deg);
    transform: translateY(100%) skewX(0deg);


}
.project_box_01  h2 { color: #fff;}
.services_box_list:hover .project_box_01 {position: absolute; left:0 ;  right:0; bottom: 0; -moz-transform: translateY(0px) skewX(0deg);
    -webkit-transform: translateY(0px) skewX(0deg);
    -o-transform: translateY(0px) skewX(0deg);
    -ms-transform: translateY(0px) skewX(0deg);
    transform: translateY(0px) skewX(0deg); }