/* Components that benefit from consistent CSS across Elementor pages. */

.myw-card {
  background: var(--myw-off-white);
  border: 1px solid var(--myw-border-soft);
  border-radius: var(--myw-radius-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
}

.myw-card-soft {
  background: var(--myw-off-white);
  border-radius: var(--myw-radius-card);
  box-shadow: 0 18px 50px rgba(49, 49, 51, 0.06);
}

.myw-icon-chip {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--myw-teal-50);
  color: var(--myw-teal);
}

.myw-img-rounded img,
img.myw-img-rounded {
  border-radius: var(--myw-radius-image);
  object-fit: cover;
}

.myw-footer {
  background: var(--myw-charcoal);
  color: rgba(255, 253, 251, 0.72);
  padding: clamp(4rem, 8vw, 6rem) var(--myw-side-padding);
  text-align: center;
}

.myw-footer a {
  color: var(--myw-coral);
}

.myw-list-clean {
  list-style: none;
  padding: 0;
  margin: 0;
}