@media only screen and (max-width: 320px) and (max-width: 480px){
    .card1 { width: 100% !important; margin-left: 5px !important; }
    .process-image {border-radius: 15px !important;}
    
}
@media only screen and (max-width: 360px) and (max-width: 640px){
    .card1 { width: 100% !important; margin-left: 0px !important; }
    .process-image {border-radius: 15px !important;}
    
}

@media only screen and (max-width: 414px) and (max-width: 736px){
    .card1 { width: 100% !important; margin-left: 0px !important; }
    .process-image {border-radius: 15px !important;}
    
}




.process-image{border-radius:0px;}

.card1 {
  display: inline-block;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
  margin: 20px;
  position: relative;
  margin-bottom: 50px;
  transition: all .2s ease-in-out;
 background: linear-gradient(to left, #44C1F3, #134C63);
    width: 100%;
}

.card1:hover {
  /*box-shadow: 0 5px 22px 0 rgba(0,0,0,.25);*/
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  margin-bottom: 54px;
}

.image1 {
  height: 95px;
  opacity: .7;
  overflow: hidden;
  transition: all .2s ease-in-out;
}

.image1:hover,
.card1:hover .image1 {
  height: 95px;
  opacity: 1;
}
    
.text1 {
    background: #013440;
    padding: 20px;
    min-height: 200px;
    height: 273px;
}    
    
/*--------------------------------------*/    
    
    

.card {
  display: inline-block;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
  margin: 20px;
  position: relative;
  margin-bottom: 44px;
  transition: all .2s ease-in-out;
   background: linear-gradient(to left, #44C1F3, #134C63);
}

.card:hover {
  /*box-shadow: 0 5px 22px 0 rgba(0,0,0,.25);*/
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  margin-bottom: 54px;
}

.image {
  height: 50px;
  opacity: .7;
  overflow: hidden;
  transition: all .2s ease-in-out;
  color: white;
font-family: initial;
}

.image:hover,
.card:hover .image {
  height: 50px;
  opacity: 1;
}

.text {
  background: #FFF;
  padding: 20px;
  min-height: 200px;
  border: 1px solid #80808033;
}

.text p {
  margin-bottom: 0px;
}