.wd-checkout-steps {
  --wd-link-color: initial;
  --wd-link-color-hover: initial;
  --list-mb: 0;
  --li-pl: 0;
  --li-mb: 0;
  display: flex;
  justify-content: var(--wd-align);
  flex-wrap: wrap;
  gap: 10px 15px;
  font-size: 22px;
  text-transform: uppercase;
  color: var(--wd-title-color);
  font-weight: var(--wd-title-font-weight);
  font-style: var(--wd-title-font-style);
  font-family: var(--wd-title-font);
  list-style: none;
}
.wd-checkout-steps li {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (min-width: 769px) {
  .wd-checkout-steps li > :is(a, span) {
    opacity: 0.7;
  }
  .wd-checkout-steps li a:hover {
    opacity: 1;
  }
  .wd-checkout-steps li:not(:last-child):after {
    font-weight: 400;
    font-size: 85%;
    opacity: 0.7;
    content: '\f120';
    font-family: 'dctech-font';
  }
  .wd-checkout-steps .step-active > :is(a, span) {
    opacity: 1;
    text-decoration: underline 2px solid var(--wd-primary-color);
    text-underline-offset: 6px;
  }
}
@media (max-width: 768.98px) {
  .wd-checkout-steps .step-inactive {
    display: none;
  }
}