/* Pazhoohan SVG Icon System */

.pzh-icon {
  display: block;
  width: 25px;
  height: 25px;
  flex: none;
}

.service-symbol,
.metric-icon,
.float-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.service-symbol {
  background: #edf3fa;
  color: #24517d;
  border: 1px solid #e0eaf5;
  border-radius: 15px;
}

.service-symbol .pzh-icon {
  width: 27px;
  height: 27px;
}

.metric-icon .pzh-icon {
  width: 23px;
  height: 23px;
}

.float-icon .pzh-icon {
  width: 22px;
  height: 22px;
}

.service-card {
  transition:
    transform 240ms ease,
    box-shadow 240ms ease,
    border-color 240ms ease;
}

.service-card:hover {
  border-color: #cbdced;
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(18,44,78,.085);
}

.service-card:hover .service-symbol {
  color: #fff;
  background: #183e65;
  border-color: #183e65;
}

@media (prefers-reduced-motion: reduce) {
  .service-card {
    transition: none;
  }
}
