.services{
  margin-bottom: 30px;
  font-weight:400;
}
.button {
  display: inline-block;
  border: none;
  border-radius: 10%;
  padding: 20px;
  width: 200px;
  height: 200px;
  transition: all 0.5s;
  transform: scale( 0.9 );
  /* cursor: pointer; */
  margin: 25px;
  overflow: hidden;
  background-image: url("images/partners/aaf.PNG");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  /* background: rgba(0, 188, 212, 0.46); */ /* For browsers that do not support gradients */
  /* background: -webkit-linear-gradient(left top, rgb(107, 204, 239), rgba(0, 188, 212, 0.46)); 
  background: -o-linear-gradient(bottom right, rgb(107, 204, 239), rgba(0, 188, 212, 0.46)); 
  background: -moz-linear-gradient(bottom right, rgb(107, 204, 239), rgba(0, 188, 212, 0.46));
  /* background: linear-gradient(to bottom right, rgb(107, 204, 239), rgb(125, 191, 229)); */
}
.button:hover{
  /*   width: 270px;
  height: 270px; */
  /*   margin: 1px; */
  border: 10px solid #d9edf7;
  /* box-shadow:  0 0 0 10px #D568A8; */
  -webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s;
  transform: scale( 1.25);
  position: relative;
  /*    background: rgba(0, 188, 212, 0.46); /* For browsers that do not support gradients
  background: -webkit-linear-gradient(left top, rgba(0, 188, 212, 0.46),  rgb(107, 204, 239)); 
  background: -o-linear-gradient(bottom right, rgba(0, 188, 212, 0.46),  rgb(107, 204, 239)); 
  background: -moz-linear-gradient(bottom right, rgba(0, 188, 212, 0.46),  rgb(107, 204, 239)); 
  background: linear-gradient(to bottom right, rgba(0, 188, 212, 0.46), rgb(107, 204, 239)); */
  }
span.glyphicon.glyphicon-tint {
    display: block;
}
.button:hover span.glyphicon{
    margin-top: 20px;    transition: margin 0.5s;
}
 .button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
} 
#cca{
  background-image: url("images/partners/cca.PNG");
}
#aaf{
  background-image: url("images/partners/aaf.PNG");
}
#easypharma{
  background-image: url("images/partners/easypharma.PNG");
  background-size: 150px 150px;
}
#fiocchetti{
  background-image: url("images/partners/Fiocchetti_Scientific.png");
}
#lighthouse{
  background-image: url("images/partners/lighthousesolutions.png");
}
#vestilab{
  background-image: url("images/partners/vestilab.PNG");
}
#werkisitz{
  background-image: url("images/partners/werkisitz.png");
}
#ministry
{
  background-image: url("images/customers/minsthealth.jpg");
}
#aljazeera{
  background-image: url("images/customers/jazera.jpg"); 
}
#ksaud{
  background-image: url("images/customers/ksmc.png"); 
}
#sfhp{
  background-image: url("images/customers/sfhp.jpg"); 
}
#mch{
  background-image: url("images/customers/mch.jpg"); 
}
#kfmc{
  background-image: url("images/customers/kfmc.png"); 
}
#kfaisal{
  background-image: url("images/customers/king-faisal.png"); 
}
#armforce{
  background-image: url("images/customers/armforce.png"); 
}
#pmah{
  background-image: url("images/customers/pmah.png"); 
}
.col-md-3{
  line-height: 270px;
}
.overlay{
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  background: rgba(107, 204, 239, 0.8);
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.button:hover .overlay {
  height: 100%;
}
.text {
  color: #fff;
  font-size: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  /* height: 100%; */
  line-height: initial;
  text-align: center;
  transform: translate(-50%, -50%);
  visibility: hidden;
  -ms-transform: translate(-50%, -50%);
}
.button:hover .text{
  visibility:visible;
}
 .button:hover span.service {
  padding-right: 25px;
} 

.button:hover span.service:after {
  opacity: 1;
  right: 0;