.project-image .inner img {
    filter: gray;
    filter: grayscale(1);
    transition: all .2s ease-in-out; }
.project-image .inner:hover img {
    filter: none;
    filter: grayscale(0); 
     transform: scale(1.01); 
 } 
.project-image  a{ 
     text-decoration: none; 
     color: #fff; 
}  
.project-image{position:relative}
.project-image>.inner{position:relative}
.project-image:hover .project-text{
    opacity:1;
    left:0;
    cursor:pointer;
}
.project-image:hover>.inner:after{opacity:1}
 .project-image .inner img {
    filter: gray;
    filter: grayscale(1);
    transition: all .2s ease-in-out;
    height: 300px;
    margin-top: 20px; }
  .project-image .inner:hover img {
    filter: none;
    filter: grayscale(0); 
     transform: scale(1.01); 
  } 

 .project-image  a{ 
     text-decoration: none; 
     color: #fff; 
 }  
.project-image{position:relative}
.project-image>.inner{position:relative}
.project-image:hover .project-text{
    opacity:1;
    left:0;
    cursor:pointer;
}
.project-image:hover>.inner:after{opacity:1}

  .inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
   

}
.oposity{
    position: absolute;
    background: rgba(0, 0, 255, 0.384);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.6s;
    
   

}
.fa-eye{
    position: absolute;
    color: black;
    font-size: 50px;
    opacity: 0;
    transition: 0.6s;
    color: #00c136;
}
.inner:hover .oposity,
.inner:hover .fa-eye{
    opacity: 1;
    cursor: pointer;
    
}




.img-overs a {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.img-overs b {
    position: absolute;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-weight: normal;
    font-size: 40px;
    transform: rotate(34deg) !important;
   transform: rotate(34deg) !important;
    transform: rotate(34deg) !important;
    webkit-transform: rotate(34deg);
    transform: rotate(10deg) !important;
    transition: all 0.5s;
}
.img-overs a:hover{
    opacity: 1 !important;
}
.img-overs a.link-item:hover {
    background-color: rgba(0,193,54,0.7) !important;
    z-index: 9999;
}
.img-overs .zoom-item:hover {
    background-color: rgba(119,119,119,0.7) !important;
    z-index: 9999;
}