.card_row{
  justify-content: center;
}

.card_1{
  width: 400px;
  height: 410px;
  background-color: blue;
  /* background: rgb(228,153,2);
background: linear-gradient(180deg, rgba(228,153,2,1) 0%, rgba(255,186,0,1) 53%, rgba(255,186,0,1) 56%, rgba(228,153,2,1) 100%); */
  color: white;
  border-radius: 10px;
  box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-webkit-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-moz-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
}
.card_2{
  width: 400px;
  height: 410px;
  background-color: #dbdbdb;
  /* background: rgb(228,153,2);
background: linear-gradient(180deg, rgba(228,153,2,1) 0%, rgba(255,186,0,1) 53%, rgba(255,186,0,1) 56%, rgba(228,153,2,1) 100%); */
  color: white;
  border-radius: 10px;
  box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-webkit-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-moz-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
}
.card_3{
  width: 400px;
  height: 410px;
  background-color: #ffffff;
  /* background: rgb(228,153,2);
background: linear-gradient(180deg, rgba(228,153,2,1) 0%, rgba(255,186,0,1) 53%, rgba(255,186,0,1) 56%, rgba(228,153,2,1) 100%); */
  color: white;
  border-radius: 10px;
  box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-webkit-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-moz-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
}
.service_cards h3{
  color: black;
  font-weight: 700;
}
.service_cards img{
  width:320px;
  height: 200px;
  border-radius: 10px;
  position: relative;
  margin: 20px 20px 10px 20px;
  box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-webkit-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
-moz-box-shadow: 4px 7px 5px 2px rgba(0,0,0,0.56);
transition: .5s;
transform: translate(0,0px);
/* transform: scale(1.1); */
}
.service_cards img:hover{
  /* opacity: 0.5; */
  transform: scale(1.1);
}
.card_title {
  text-transform:uppercase;
  padding-top: 10px;
}
.card_title h3{
  transition: .5s;
  transform: translate(0,0px);
}

.card_title h3:hover {
  transform: rotate(0deg) skew(0deg) translate(0, -10px);
  color: blue;
}
.card_title h4{
  font-size: 25px;
  font-weight: 700;
  color: black;
  transition: .5s;
  transform: translate(0,0px);
}

.card_title h4:hover {
  transform: rotate(0deg) skew(0deg) translate(0, -10px);
  color: blue;
}

.card_title h5{
  font-size: 25px;
  font-weight: 700;
  color: #000000;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.50);
}

.service_cards span{
  color: black;
}