.icon {
  display: block;
  width: 100%;
  height: 100%;
  color: currentColor;
  fill: none;
  vector-effect: non-scaling-stroke;
}

.service-mini-icon {
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #f7fbfe 45%, #eef4f8 100%);
  box-shadow: inset 0 0 0 1px rgba(13, 95, 181, 0.06), 0 10px 18px rgba(3, 25, 44, 0.05);
}

.service-mini-card .icon {
  width: 40px;
  height: 40px;
  color: var(--color-primary);
}

.trust-item .icon {
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 0;
  color: #ffffff;
}

.value-card .icon,
.service-card-placeholder .icon,
.about-highlight-icon {
  color: var(--color-primary-light);
}

.service-card-placeholder {
  background:
    radial-gradient(circle at 50% 50%, rgba(13,95,181,0.08) 0%, rgba(13,95,181,0.03) 36%, rgba(255,255,255,0) 37%),
    linear-gradient(135deg, #edf4f8 0%, #ffffff 100%);
}

.service-card-placeholder .icon {
  width: 92px;
  height: 92px;
}

.card.project-card img,
.split > img,
.home-about-media img {
  background: linear-gradient(135deg, #edf4f8 0%, #ffffff 100%);
}

.project-card .card-body p,
.card .card-body p,
.value-card p {
  text-wrap: pretty;
}

.quick-quote-card,
.card,
.value-card {
  box-shadow: 0 14px 34px rgba(3, 25, 44, 0.05);
}