.myServices {
   padding-top: 20px;
}

.big_card{
   padding: 20px;
}

.small_card {
   padding: 20px;
}

.serviceCard:hover {
   /* background: linear-gradient(to bottom, #00d2ff, #3a7bd5); */
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.205),
      0 15px 12px rgba(0, 0, 0, 0.144);
   transition: all 1s cubic-bezier(.25, .8, .25, 1);
}

.serviceCard:active {
   /* background: linear-gradient(to bottom, #00d2ff, #3a7bd5); */
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30),
      0 15px 12px rgba(0, 0, 0, 0.22);
   transition: all 1s cubic-bezier(.25, .8, .25, 1);
}


.serviceCard i {
   color: black;
   font-size: 70px;
}

.serviceCard h5 {
   color: black;
}




.serviceCard p {
   font-size: large;


}

.serviceCard:hover p {
   font-size: large;
   /* color: white; */
}


@media screen and (max-width:1200px) {
.big_card {
   padding: 20px;
}


}


@media screen and (max-width:767px) {
   .big_card {
      padding: 5px;
   }
.small_card{
   padding:5px;
}

}