.step-b {
  display: none;
}

.text {
  width: max-content;
  transform-origin: left top;
}

.text span,
.text .custom-popover {
  width: max-content;
}

.text .custom-popover {
  margin: 0;
}

.step1-1 {
  top: 23%;
  left: 21%;
}

.step1-2 {
  top: 65%;
  left: 18.5%;
}

.step2-1 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.step2-1 span {
  position: absolute;
  top: 360px;
  left: 920px;
}

.step2-1 .popover-icon1 {
  position: absolute;
  top: 249px;
  left: 390px;
}

.step2-1 .popover-for-icon1 {
  transform: none !important;
  top: 178px !important;
  left: 273px !important;
}

.step2-1 .popover-for-icon1 .arrow {
  bottom: -11px !important;
  top: auto !important;
  left: 117px !important;
}

.step2-2 {
  top: 58%;
  left: 41.5%;
}

.step2-3 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.step2-3 span {
  position: absolute;
}

.step2-3 span:nth-child(1) {
  top: 160px;
  left: 495px;
}

.step2-3 span:nth-child(2) {
  top: 525px;
  left: 950px;
}

.step2-3 .popover-icon2 {
  position: absolute;
  top: 302px;
  left: 249px;
}

.step2-3 .popover-for-icon2 {
  transform: none !important;
  top: 232px !important;
  left: 133px !important;
}

.step2-3 .popover-for-icon2 .arrow {
  bottom: -11px !important;
  top: auto !important;
  left: 117px !important;
}

.step2-3 .popover-icon3 {
  position: absolute;
  top: 335px;
  left: 1086px;
}

.step2-3 .popover-for-icon3 {
  transform: none !important;
  top: 223px !important;
  left: 986px !important;
}

.step2-3 .popover-for-icon3 .arrow {
  bottom: -11px !important;
  top: auto !important;
  left: 102px !important;
}

.step2-4 {
  top: 63.5%;
  left: 35%;
}

.step2-5 {
  top: 51.5%;
  left: 65.5%;
}

.step3-1 {
  top: 64%;
  left: 22%;
}

.step3-2 {
  top: 55%;
  left: 55%;
}

.step3-3 {
  top: 46%;
  left: 48%;
}

.step3-4 {
  top: 74%;
  left: 24.5%;
}

.step3-5 {
  top: 56%;
  left: 59%;
}

.step3-6 {
  top: 49%;
  left: 62%;
}

@media (max-width: 1024.98px) {
  .step1-1 {
    top: 36%;
    left: 24%;
  }
  .step1-2 {
    top: 44%;
    left: 22.5%;
  }
  .step2-1 span {
    top: 192px;
    left: 346px;
  }
  .step2-1 .popover-icon1 {
    top: 118px;
    left: 228px;
  }
  .step2-1 .popover-for-icon1 {
    top: 47px !important;
    left: 112px !important;
  }
  .step2-2 {
    top: 68%;
    left: 47.5%;
  }
  .step2-3 span:nth-child(1) {
    top: 6px;
    left: 382px;
    width: 280px;
  }
  .step2-3 span:nth-child(2) {
    top: 205px;
    left: 560px;
    width: 230px;
  }
  .step2-3 .popover-icon2 {
    top: 98px;
    left: 222px;
  }
  .step2-3 .popover-for-icon2 {
    top: 29px !important;
    left: 106px !important;
  }
  .step2-3 .popover-icon3 {
    top: 112px;
    left: 630px;
  }
  .step2-3 .popover-for-icon3 {
    top: 4px !important;
    left: 529px !important;
  }
  .step2-4 {
    top: 36%;
    left: 38%;
  }
  .step2-5 {
    top: 57.5%;
    left: 50.5%;
  }
  .step3-1 {
    top: 40%;
    left: 21%;
  }
  .step3-2 {
    top: 61%;
    left: 58%;
  }
  .step3-3 {
    top: 54%;
    left: 61%;
  }
  .step3-4 {
    top: 68%;
    left: 28%;
  }
  .step3-5 {
    top: 38%;
    left: 60%;
  }
  .step3-6 {
    top: 50%;
    left: 40%;
  }
}
/*# sourceMappingURL=approval-procedure.css.map */