.service-card{
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(7,94,189,.12);
  border-radius: 26px;
  padding: 34px 28px;
  transition: .35s ease;
  float: left;
}

/* Background Circle */

.service-card::before{
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: linear-gradient(135deg, #075EBD, #1DAAF9);
  border-radius: 50%;

  /* RIGHT TOP POSITION */
  right: -30px;
  top: -30px;

  opacity: 0.12;
  transition: .35s ease;
}

/* Hover Effect */

.service-card:hover{
  transform: translateY(-10px);
  box-shadow: 0 22px 55px rgba(7,94,189,.14);
}

.service-card:hover::before{
  transform: scale(1.6);
}

/* Demo Content */

.service-icon{
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: linear-gradient(135deg, #075EBD, #1DAAF9);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #fff;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}

.service-card h3{
  font-size: 22px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}