h2.effect-underline:after {
	content: '';
  position: absolute;
  left: 40%;
  display: inline-block;
  height: 1em;
  width: 20%;
  border-bottom: 3px solid;
  margin-top: 12px;
  

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
  transform: scale(0,1);
  
}
h2.effect-underline:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#cardz{
    
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.39);
    transform: translateY(0px);
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
  }
  
  #cardz:hover{
    box-shadow: 0px 35px 60px 0px rgba(16, 90, 226, 0.795);
    transform: translateY(-10px);
  }
  
  #cardz1{
    
    background: #FFF;
    transform: translateY(0px);
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
  }
  
  #cardz1:hover{
    box-shadow: 0px 35px 60px 0px rgba(0, 0, 0, 0.795);
    transform: translateY(-10px);
  }
  
  
  #cardz2{
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  
  #cardz2:hover{
    box-shadow: 0px 35px 60px 0px rgb(0, 0, 0);
    transform: translateY(-10px);
  }