.w3aw-steps {
  --w3aw-steps-actual-icon-circle: max(var(--w3aw-steps-icon-circle-size, 72px), calc(var(--w3aw-steps-icon-size, 40px) + 16px));
  box-sizing: border-box;
  container-type: inline-size;
  width: 100%;
  max-width: var(--w3aw-steps-max-width, 1000px);
  margin-inline: auto;
  color: var(--w3aw-steps-text-color, #392b22);
  font-family: inherit;
  font-size: var(--awb-font-size, inherit);
  line-height: 1.5;
}
.w3aw-steps *, .w3aw-steps *::before, .w3aw-steps *::after { box-sizing: border-box; }
.w3aw-steps .w3aw-steps-header { text-align: center; margin-bottom: 32px; }
.w3aw-steps .w3aw-steps-title { margin: 0; padding: 0; font-family: inherit; font-size: clamp(24px, 5cqi, 48px); font-weight: 300; line-height: 1.2; letter-spacing: 2px; color: inherit; overflow-wrap: anywhere; }
.w3aw-steps .w3aw-steps-title strong { font-weight: 700; }
.w3aw-steps .w3aw-steps-subtitle, .w3aw-steps .w3aw-steps-footer { margin: 10px 0 0; padding: 0; color: inherit; font-size: .85em; text-align: center; text-transform: uppercase; letter-spacing: .28em; overflow-wrap: anywhere; }
.w3aw-steps .w3aw-steps-footer { margin-top: 24px; }
.w3aw-steps .w3aw-steps-list { display: flex; flex-direction: column; gap: var(--w3aw-steps-row-gap, 20px); margin: 0; padding: 0; list-style: none; }
.w3aw-steps .w3aw-step { position: relative; display: grid; grid-template-columns: var(--w3aw-steps-number-size, 48px) minmax(0, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none; min-width: 0; }
.w3aw-steps .w3aw-step:not(:last-child)::before { content: ''; position: absolute; inset-inline-start: calc(var(--w3aw-steps-number-size, 48px) / 2 - 1px); top: calc(var(--w3aw-steps-number-size, 48px) + 8px); bottom: calc(8px - var(--w3aw-steps-row-gap, 20px)); width: 2px; background: var(--w3aw-steps-line-color, #ddc9b7); }
.w3aw-steps .w3aw-step-number { display: flex; align-items: center; justify-content: center; align-self: start; width: var(--w3aw-steps-number-size, 48px); min-height: var(--w3aw-steps-number-size, 48px); border-radius: 50%; background: var(--w3aw-steps-number-background, #ebddd1); font-size: calc(var(--w3aw-steps-number-size, 48px) * .43); font-weight: 300; line-height: 1; padding: 4px; overflow-wrap: anywhere; min-width: 0; }
.w3aw-steps .w3aw-step-card { display: grid; grid-template-columns: var(--w3aw-steps-actual-icon-circle) minmax(0, 1fr); gap: 28px; align-items: center; min-width: 0; padding: var(--w3aw-steps-card-padding, 28px); border-radius: var(--w3aw-steps-radius, 32px); background: var(--w3aw-steps-background-color, #faf8f5); }
.w3aw-steps .w3aw-step-icon { display: flex; align-items: center; justify-content: center; width: var(--w3aw-steps-actual-icon-circle); height: var(--w3aw-steps-actual-icon-circle); border-radius: 50%; background: var(--w3aw-steps-icon-background, #f0e9e1); }
.w3aw-steps .w3aw-step-image { display: block; width: var(--w3aw-steps-icon-size, 40px); height: var(--w3aw-steps-icon-size, 40px); max-width: 100%; object-fit: contain; }
.w3aw-steps .w3aw-step-content { min-width: 0; overflow-wrap: anywhere; }
.w3aw-steps .w3aw-step-heading { margin: 0; padding: 0; font-size: inherit; font-weight: 600; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; color: inherit; }
.w3aw-steps .w3aw-step-heading::after { content: ''; display: block; width: 32px; height: 2px; margin: 14px 0; background: var(--w3aw-steps-line-color, #ddc9b7); }
.w3aw-steps .w3aw-step-description { margin: 0; padding: 0; font-size: inherit; color: inherit; white-space: pre-line; }
@container (max-width: 560px) {
  .w3aw-steps .w3aw-step { gap: 12px; }
  .w3aw-steps .w3aw-step-card { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: min(var(--w3aw-steps-card-padding, 28px), 5cqi); }
  .w3aw-steps .w3aw-step-icon { max-width: 100%; height: auto; aspect-ratio: 1; }
  .w3aw-steps .w3aw-step-image { height: auto; aspect-ratio: 1; }
  .w3aw-steps .w3aw-steps-subtitle, .w3aw-steps .w3aw-steps-footer { letter-spacing: .15em; }
}