.webcrema-service-details {
  padding: 0;
  margin: 0;
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.webcrema-service-details h4 {
  margin-top: 0.75rem;
  padding-bottom: 6px;
  font-size: var(--text-sm-font-size) !important;
  line-height: var(--text-sm-line-height) !important;
}

.webcrema-service-details p,
.webcrema-service-details ul {
  padding-bottom: 6px;
  font-size: var(--text-sm-font-size) !important;
  line-height: var(--leading-relaxed) !important;
}

.webcrema-service-details ul {
  margin-left: 0;
}

.webcrema-service-details li {
  position: relative;
  margin-bottom: 0.5rem;
  color: #5a6b86;
  list-style: none !important;
  padding-left: 24px;
}

.webcrema-service-details li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url("/wp-content/uploads/2026/04/lucide-circle-check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.webcrema-service-details__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.webcrema-service-details__badge {
  padding: 6px 12px;
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--cream));
  font-size: var(--text-xs-font-size);
  line-height: var(--text-xs-line-height);
  color: hsl(var(--muted-foreground));
}

.webcrema-service-details__cta-wrap {
  margin-top: 20px;
}

.webcrema-service-details__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: hsl(var(--gold));
  color: hsl(var(--primary-foreground));
  padding: 0.625rem 1.5rem;
  font-size: var(--text-sm-font-size);
  font-weight: 500;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.webcrema-service-details__cta:hover {
  background-color: hsl(var(--gold) / 0.8);
  color: hsl(var(--primary-foreground));
}