

  .custom-class3{

      position: relative;

      overflow: hidden;



  }

  /* .custom-class3:before{

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.30);

    top: 100%;

    left: 0;

    opacity: 0;

    transition: all ease-in-out 0.5s;

  } */

  /* .custom-class3:hover::before{opacity: 1; top: 0;} */



  .btn-class{

    position:absolute;

    bottom:0;

    left:0;

    opacity:0;

    width:100%;

    height:100%;

    display:table;

    top:100%;

    transition:all ease-in-out 1s;

    background-color: rgba(0,0,0,.30);

}



.custom-class3:hover .btn-class{

  opacity:1;

  top:0;

}



  .btn-class:hover::before{opacity: 1; top: 0;}

  .inner-div{

    display: table-cell;

    vertical-align: middle;

    width: 100%;

  }













  

/* .overlay-btn{position:absolute;left: 0;right: 0;margin: 0 auto;top:40%;opacity: 0;transition:all ease-in-out 0.5s;} */

/* .overlay-btn{position:absolute;left: 0;right: 0;margin: 0 auto;bottom:0;opacity: 0;transition:all ease-in-out 0.5s;background-color: #f28a31;color: #fff;} */

/* .custom-class3:hover .overlay-btn{opacity:1;} */

/* .custom-class3:before{

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,.30);

  top: 100%;

  left: 0;

  opacity: 0;

  transition: all ease-in-out 0.5s;

} */

/* .overlay-desc{position:absolute;left: 0;right: 0;margin: 0 auto;top:35%;opacity: 0;transition:all ease-in-out 0.5s;}

.custom-class3:hover .overlay-desc{opacity:1;} */





/* .overlay-desc{

position: absolute;

    left: 0;

    right: 0;

    top: 29%;

    margin: 0 auto;



  } */

  