/* Service Card Image Styles - Add to styles.css */

.service-icon-image {
  width: 60px;
  height: 60px;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  color: var(--white);
  font-size: 1.5rem;
  position: relative;
  overflow: hidden;
}

.service-icon-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gradient-accent);
  opacity: 0.9;
  z-index: 1;
}

.service-icon-image i {
  position: relative;
  z-index: 2;
}

.service-icon-image.cloud-bg {
  background: radial-gradient(circle, #87CEEB 0%, #4682B4 50%, #1e3a8a 100%);
}

.service-icon-image.automation-bg {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 50%, #FFB347 100%);
}

.service-icon-image.security-bg {
  background: linear-gradient(135deg, #2D3748 0%, #4A5568 50%, #718096 100%);
}

.service-icon-image.performance-bg {
  background: linear-gradient(135deg, #38B2AC 0%, #4FD1C7 50%, #81E6D9 100%);
}

.service-icon-image.container-bg {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 50%, #F093FB 100%);
}

.service-icon-image.support-bg {
  background: linear-gradient(135deg, #FF6B35 0%, #FF8E53 50%, #FFA726 100%);
}