.custom-wizard .wizard-tab .wizard-nav {
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-height: 400px !important;
}

.highlight.wizard-error {
  border-color: #dc2626 !important;
  animation: blink-border 0.6s ease-in-out infinite alternate;
}

@keyframes blink-border {
  from {
    border-color: #dc2626;
    box-shadow: 0 0 5px rgba(220, 38, 38, 0.5);
  }
  to {
    border-color: #ff8f8f;
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
  }
}
.library-wizard .wizard-tab .wizard-nav.dots .wizard-step {
  text-align: center !important;
  padding-block-start: 1rem !important;
  padding-block-end: 1rem !important;
}
@media screen and (max-width: 575.98px) {
  .custom-wizard .wizard-tab .wizard-nav {
    max-height: fit-content !important;
  }
  .custom-wizard .wizard-content {
    margin: 0 !important;
    min-width: 100% !important;
  }

  .library-wizard .wizard.wizard-tab .wizard-nav.dots .wizard-step {
    min-height: 50px !important;
  }

  .library-wizard .wizard-content {
    margin: 0 !important;
    min-width: 100% !important;
  }

  .library-wizard .wizard.wizard-tab .wizard-nav.dots .wizard-step:before {
    top: 1.75rem !important;
    inset-inline-start: 3.25rem !important;
    height: 100% !important;
    width: 2px !important;
  }

  .library-wizard .wizard.wizard-tab .wizard-nav.dots .wizard-step:after {
    top: 1.75rem !important;
    inset-inline-start: 3.25rem !important;
    height: 100% !important;
    width: 2px !important;
  }

  /* custom for only horizontal */
  .wizard-tab.only-horizontal .wizard-nav {
    flex-direction: row !important;
    gap: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    /* margin-bottom: 1.5rem !important; */
  }

  .library-wizard .wizard-tab.only-horizontal .wizard-nav.dots .wizard-step {
    padding-inline-start: 0px !important;
    text-align: center !important;
    padding-block-start: 3rem !important;
    padding-block-end: 1rem !important;
  }

  .library-wizard
    .only-horizontal.wizard-tab
    .wizard-nav.dots
    .wizard-step:before {
    top: 1.35rem !important;
    inset-inline-start: 3.25rem !important;
    height: 2px !important;
    width: 100% !important;
  }

  .library-wizard
    .only-horizontal.wizard-tab
    .wizard-nav.dots
    .wizard-step:after {
    top: 1.35rem !important;
    inset-inline-start: 3.25rem !important;
    height: 2px !important;
    width: 100% !important;
  }
}

.custom-wizard .wizard.wizard-tab .wizard-nav.dots .wizard-step:before {
  top: 1.75rem !important;
  inset-inline-start: 2.55rem !important;
  height: 100% !important;
  width: 2px !important;
}
.custom-wizard .wizard.wizard-tab .wizard-nav.dots .wizard-step:after {
  top: 1.75rem !important;
  inset-inline-start: 2.55rem !important;
  height: 100% !important;
  width: 2px !important;
}
.custom-wizard .wizard.wizard-tab .wizard-nav.dots .wizard-step .dot {
  top: 6px !important;
  inset-inline-start: 2.25rem !important;
  height: 12px !important;
  width: 12px !important;
}
.custom-wizard .wizard-tab .wizard-nav.dots .wizard-step {
  padding-inline-start: 4rem !important;
  text-align: start !important;
}
.custom-wizard .wizard.wizard-tab .wizard-nav.dots .wizard-step:before {
  top: 1.75rem !important;
  inset-inline-start: 2.55rem !important;
  height: 100% !important;
  width: 2px !important;
}

.library-wizard .wizard-tab .wizard-nav.dots {
  margin: 0px;
}

.library-wizard .wizard-tab .wizard-nav.dots .wizard-step::after {
  top: -8px !important;
}

.library-wizard .wizard-tab .wizard-nav.dots .wizard-step::before {
  top: -8px !important;
}

.library-wizard .vertical .wizard-nav.dots .wizard-step:after {
  top: 1.75rem !important;
  inset-inline-start: 3.25rem !important;
  height: 100% !important;
  width: 2px !important;
}
.library-wizard .vertical .wizard-nav.dots .wizard-step .dot {
  top: 6px !important;
  inset-inline-start: 2.25rem !important;
  height: 12px !important;
  width: 12px !important;
}
.library-wizard .vertical .wizard-nav.dots .wizard-step {
  padding-inline-start: 4rem !important;
  text-align: start !important;
}
.library-wizard .vertical .wizard-nav.dots .wizard-step:before {
  top: 1.75rem !important;
  inset-inline-start: 3.25rem !important;
  height: 100% !important;
  width: 2px !important;
}

.library-wizard .vertical .wizard-nav {
  padding-left: 0 !important;
}

.library-wizard .vertical .wizard-nav {
  padding-left: 0 !important;
}

.library-wizard .vertical .wizard-nav .wizard-step span:nth-of-type(2) {
  display: absolute;
}

.library-wizard .wizard-nav .wizard-step span:first-of-type {
  color: white;
}

.library-wizard
  .wizard-nav
  .wizard-step.active
  ~ .wizard-step
  span:first-of-type {
  color: initial;
}

.library-wizard .wizard-tab .wizard-buttons .wizard-btn.prev {
  border: 1px solid #38b6ff !important;
}

.hidden-btn .wizard-tab .wizard-buttons .wizard-btn {
  display: none !important;
}

.group[data-active='true'] .group-data-\[active\=true\]\:bg-slate-800,
.group[data-completed='true'] .group-data-\[completed\=true\]\:bg-slate-800 {
  background-color: #2563eb !important;
}