.process-number h2{
  font-size: 90px;
-webkit-text-stroke: 1px #1d2326;
display: block;
color: transparent;
font-weight: 700;
transition: 0.4s ease-in-out;

}
.process-group:hover .process-number h2{
  transform: translateY(5px);
    color: #f79206;
}
.process-group{
  background-color: #f9f9f9;
  padding: 30px
}
.process-group:hover{
background-color: #f8f2ed;
  
}
.process-head h4{
  margin: 30px 0 5px 0; 
}

/* process 2 */
.process-two .process-number p{
  color:#f79206;
  font-size: 50px;
  font-weight:100;
  letter-spacing: -2px;
  display:block;
}
.process-two .process-text p{
  font-size: 14px;
  letter-spacing: 2px;
}
.process-two .process-border {
  background: #d4d4d4;
  margin:3% auto;
  height:4px;
  width:30px;
}
.process-two .process-details{
bottom:-60px;
  height:100%;
  left:0;
  opacity:0;
  width:100%;
  position:absolute;
  display:block;
  text-align: center;
}
.process-two .process-details svg{
fill: #f79206;
  display:block;
  width: 40px;
  height: 40px;
  text-align: center;
  margin: 0 auto 15px auto;
}
.process-two .process {
  min-height:100px;
  position:relative;
  z-index:4;
  overflow:hidden;
  text-align:center;
      transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.process-two .process-div {
  line-height:40px;
  transition: all 200ms linear 0s;
      transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.process-two .process:hover .process-div{
  -webkit-transform: translateY(-150%);
  -moz-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  -o-transform: translateY(-150%);
  transform: translateY(-150%);
}

.process-two .process:hover .process-details {
  z-index: 2;
  opacity: 1;
  bottom: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}