.ds24-section--custom-code .steps {
  --pw-bg-overlay-opacity: var(--pw-steps-overlay-opacity);
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.ds24-section--custom-code .steps__content {
  z-index: var(--pw-ds24-z-base);
  grid-template-columns: var(--pw-steps-cols);
  column-gap: var(--pw-steps-col-gap);
  row-gap: var(--pw-steps-row-gap);
  padding: var(--pw-steps-pad-block) var(--pw-pad-inline);
  grid-template-rows: auto 1fr;
  grid-template-areas: "head list"
                       "cta list";
  align-items: start;
  display: grid;
  position: relative;
}

.ds24-section--custom-code .steps__head {
  gap: var(--pw-steps-head-gap);
  flex-direction: column;
  grid-area: head;
  display: flex;
}

.ds24-section--custom-code .steps__eyebrow, .ds24-section--custom-code .steps__title, .ds24-section--custom-code .steps__step, .ds24-section--custom-code .steps__text {
  margin: 0;
}

.ds24-section--custom-code .steps__eyebrow {
  font-size: var(--pw-type-eyebrow-size);
  font-weight: var(--pw-font-medium);
  line-height: var(--pw-lh-normal);
  letter-spacing: var(--pw-ls-eyebrow);
  color: var(--pw-color-squant);
  text-wrap: var(--pw-steps-text-wrap);
}

.ds24-section--custom-code .steps__title {
  max-width: var(--pw-steps-title-max);
  font-size: var(--pw-type-steps-title-size);
  font-weight: var(--pw-font-bold);
  line-height: var(--pw-lh-heading);
  letter-spacing: var(--pw-ls-heading);
  color: var(--pw-color-black);
}

.ds24-section--custom-code .steps__title-line {
  text-wrap: var(--pw-steps-text-wrap);
  display: block;
}

.ds24-section--custom-code .steps__list {
  gap: var(--pw-steps-list-gap);
  flex-direction: column;
  grid-area: list;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ds24-section--custom-code .steps__item {
  gap: var(--pw-steps-list-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .steps__item:after {
  content: "";
  border-top: var(--pw-stroke-hairline) solid var(--pw-color-blue-atoll);
  height: 0;
  margin-block: calc(var(--pw-stroke-hairline) / -2);
}

.ds24-section--custom-code .steps__card {
  gap: var(--pw-steps-card-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .steps__step {
  font-size: var(--pw-type-h2-sm-size);
  font-weight: var(--pw-font-bold);
  line-height: var(--pw-lh-heading);
  letter-spacing: var(--pw-ls-heading);
  color: var(--pw-color-blue-atoll);
  white-space: nowrap;
}

.ds24-section--custom-code .steps__text {
  font-size: var(--pw-type-lead-sm-size);
  font-weight: var(--pw-font-medium);
  line-height: var(--pw-lh-flat);
  color: var(--pw-color-black);
  text-wrap: var(--pw-steps-text-wrap);
}

.ds24-section--custom-code .steps__cta {
  grid-area: cta;
  place-self: start;
}

@media (width <= 1023px) {
  .ds24-section--custom-code .steps__content {
    grid-template-rows: auto;
    grid-template-areas: "head"
                         "list"
                         "cta";
  }
}