@font-face {
  font-family: "SF Pro Text Bold";
  src: url("../fonts/sf-pro-text-bold.otf") format("otf"), url("../fonts/SFProText-Bold.woff") format("woff"), url("../fonts/SFProText-Bold.woff2") format("woff2"), url("../fonts/SFProText-Bold.ttf") format("truetype"), url("../fonts/SFProText-Bold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Semibold";
  src: url("../fonts/sf-pro-text-semibold.otf") format("otf"), url("../fonts/SFProText-Semibold.woff") format("woff"), url("../fonts/SFProText-Semibold.woff2") format("woff2"), url("../fonts/SFProText-Semibold.ttf") format("truetype"), url("../fonts/SFProText-Semibold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Medium";
  src: url("../fonts/sf-pro-text-medium.otf") format("otf"), url("../fonts/SFProText-Medium.woff") format("woff"), url("../fonts/SFProText-Medium.woff2") format("woff2"), url("../fonts/SFProText-Medium.ttf") format("truetype"), url("../fonts/SFProText-Medium.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text Regular";
  src: url("../fonts/sf-pro-text-regular.otf") format("otf"), url("../fonts/SFProText-Regular.woff") format("woff"), url("../fonts/SFProText-Regular.woff2") format("woff2"), url("../fonts/SFProText-Semibold.ttf") format("truetype"), url("../fonts/SFProText-Semibold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.wizard-num-active {
  height: 32px;
  width: 32px;
  border: 1px solid var(--wizard-green, #59A970);
  border-radius: 30px;
  color: var(--white-color, white);
  background-color: var(--wizard-green, #59A970);
}

.wizard-num {
  height: 32px;
  width: 32px;
  border: 1px solid var(--wizard-green, #59A970);
  border-radius: 30px;
  color: var(--wizard-green, #59A970);
  background-color: transparent;
}

.wizard-num-notfilled {
  height: 32px;
  width: 32px;
  border: 1px solid var(--wizard-grey, #989898);
  border-radius: 30px;
  color: var(--wizard-grey, #989898);
  background-color: transparent;
}

.wizard-line:after {
  border-bottom: 2px dashed #9E9E9E;
  content: "";
  width: 60px;
  display: block;
  position: absolute;
  left: 90px;
  margin-left: 15px;
}

.wizard-text-notfilled {
  color: #989898;
}

.wizard-text-active {
  color: #59A970;
}

.w-205 {
  width: 205px;
}

.bg-grey {
  background-color: #EFEFEF;
}

.cp-icon-sty {
  width: 20px;
  height: 20px;
}

/*saran start    */
.wizard-number-active {
  height: 32px;
  width: 32px;
  border: 1px solid var(--wizard-green, #59A970);
  border-radius: 30px;
  color: var(--wizard-green, #59A970);
  background-color: transparent;
}

.wizard-number {
  height: 32px;
  width: 32px;
  border: 1px solid var(--wizard-grey, #989898);
  border-radius: 30px;
  color: var(--wizard-grey, #989898);
  background-color: transparent;
}

.wizard-number-notfilled {
  height: 32px;
  width: 32px;
  border: 1px solid var(--wizard-grey, #989898);
  border-radius: 30px;
  color: var(--wizard-grey, #989898);
  background-color: var(--white-color, white);
}

.wizard-line-length:after {
  border-bottom: 2px dashed #9E9E9E;
  content: "";
  width: 60px;
  display: block;
  position: absolute;
  left: 50px;
}

.wizard-text {
  color: var(--wizard-grey, #989898);
}

@media (max-width: 576px) {
  .wizard-line-length:after {
    width: 25px;
    left: 42px;
  }
}/*# sourceMappingURL=createnew-prompt.css.map */