.img-hover_effect {

      position: relative;

      display: block;

    }

    

    .img-hover_effect a {

      overflow: hidden;

      display: block;

    }

    

    .img-hover_effect a img {

      width: 100%;

      height: 100%;

    }

    

    .img-hover_effect a:before {

      bottom: 0;

      content: "";

      left: 50%;

      position: absolute;

      right: 51%;

      top: 0;

      opacity: 0.6;

    }

    

    .img-hover_effect a:after {

      bottom: 50%;

      content: "";

      left: 0;

      position: absolute;

      right: 0;

      top: 51%;

      opacity: 0.6;

    }

    

    .img-hover_effect a:before {

      background: #2f6242;

    }

    

    .img-hover_effect a:after {

      background: #2f6242;

    }

    

    .img-hover_effect:hover a:before {

      left: 0;

      right: 0;

      opacity: 0;

      -webkit-transition: all 900ms ease-in;

      -o-transition: all 900ms ease-in;

      transition: all 900ms ease-in;

    }

    

    .img-hover_effect:hover a:after {

      top: 0;

      bottom: 0;

      opacity: 0;

      -webkit-transition: all 900ms ease-in;

      -o-transition: all 900ms ease-in;

      transition: all 900ms ease-in;

    }



.services-area {

  margin-bottom: -30px;

}

.serviecs-block .single-serviecs-block {

    margin: 30px 0;

}

.single-serviecs-block {

    padding: 30px 40px;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

    border-radius: 5px;

    text-align: center;

    overflow: hidden;

    position: relative;

    display: block;

    height: 250px;

    margin-bottom: 30px;

}





.single-serviecs-block:hover {

    background: #006E3D;

    color: #fff;

}

.single-serviecs-block:hover h3 a {

    color: #fff;

    margin-top: 150px;

}

.single-serviecs-block:hover p {

    display: none;

}

.single-serviecs-block:hover i {

    top: 50%;

    left: 50%;

    transform: translate(-50%, -90%);

    background: #fff;

    color: #006E3D;

    height: 100px;

    width: 100px;

    font-size: 40px;

    line-height: 100px; 

}

.single-serviecs-block h3 a {

    color: #333333;

    margin-bottom: 15px;

    margin-top: 80px;

    display: block;

    overflow: hidden;

    transition: 0.5s;

}



.single-serviecs-block i {

    color: #fff;

    font-size: 50px;

    height: 140px;

    width: 140px;

    line-height: 170px;

    text-align: center;

    background: #006E3D;

    border-radius: 50%;

    position: absolute;

    top: -50px;

    left: 50%;

    transform: translateX(-50%);

    transition: 0.6s;

}