.step-b {
  display: none;
}

.text {
  transform-origin: left top;
}

@media screen and (orientation: landscape) {
  .for-app.image-container {
    background-color: #4d4d4d;
  }
}

.step1-1 {
  left: 21.5%;
  top: 33%;
  display: block;
}

.step1-2 {
  left: 28%;
  top: 70%;
}

.step1-3 {
  left: 22%;
  top: 58%;
}

.step2-1 {
  top: 83%;
  left: 27.5%;
}

.step2-2 {
  top: 71%;
  left: 73.5%;
  width: 325px;
}

.step2-3 {
  top: 83%;
  left: 62%;
}

.step3-1 {
  top: 51%;
  left: 70%;
}

.step3-2 {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.step3-2 span {
  width: max-content;
  position: absolute;
}

.step3-2 .text3-2-1 {
  top: 195px;
  left: 947px;
}

.step3-2 .text3-2-2 {
  top: 480px;
  left: 947px;
}

.step3-3 {
  top: 68%;
  left: 74%;
}

.step3-4 {
  top: 85%;
  left: 63%;
}

.step4-1 {
  top: 40%;
  left: 72.5%;
  width: 325px;
}

.step4-2 {
  top: 77%;
  left: 64.5%;
  width: 340px;
}

.step4-3 {
  width: 535px;
  top: 80%;
  left: 60.5%;
}

.step4-4 {
  top: 75.5%;
  left: 66%;
}

.step4-5 {
  width: 395px;
  top: 74%;
  left: 66%;
}

.step4-6 {
  left: 65%;
  top: 88%;
}

.step5-1 {
  left: 41%;
  top: 67%;
}

.step5-2 {
  left: 57%;
  top: 64.5%;
}

.step5-3 {
  left: 69%;
  top: 55%;
}

.step5-4 {
  left: 5%;
  top: 60%;
  width: 370px;
}

.step5-5 {
  left: 63%;
  top: 76%;
}

.step5-6 {
  left: 60.5%;
  top: 79.5%;
}

.step5-7 {
  left: 70%;
  top: 75%;
}

.step5-8 {
  left: 68%;
  top: 51%;
}

@media (max-width: 1024.98px) {
  .step1-2 {
    top: 38%;
  }
  .step1-3 {
    left: 11%;
    top: 24%;
  }
  .step2-1 {
    top: 81%;
    left: 14.5%;
  }
  .step2-2 {
    top: 67%;
    left: 72.5%;
    width: 230px;
  }
  .step2-3 {
    top: 38%;
    left: 70%;
    width: 195px;
  }
  .step3-1 {
    top: 47%;
    left: 69%;
    width: 225px;
  }
  .step3-2 .text3-2-1 {
    width: 225px;
    top: 30px;
    left: 100px;
  }
  .step3-2 .text3-2-2 {
    top: 215px;
    left: 530px;
  }
  .step3-3 {
    top: 64%;
    left: 70%;
  }
  .step3-4 {
    top: 83%;
    left: 66%;
  }
  .step4-1 {
    top: 35%;
    left: 69.5%;
    width: 235px;
  }
  .step4-2 {
    top: 69%;
    left: 65%;
    width: 230px;
  }
  .step4-3 {
    width: 285px;
    top: 69%;
    left: 65%;
    font-size: 16px;
  }
  .step4-4 {
    top: 45%;
    left: 18%;
    width: 210px;
  }
  .step4-6 {
    left: 11%;
    top: 34%;
    width: 195px;
  }
  .step5-1 {
    left: 66.5%;
    top: 76%;
    width: 260px;
  }
  .step5-2 {
    left: 59%;
    top: 38%;
  }
  .step5-3 {
    left: 2%;
  }
  .step5-4 {
    left: 4%;
    top: 54%;
    width: 270px;
  }
  .step5-5 {
    left: 66%;
    top: 84%;
  }
  .step5-6 {
    left: 63.5%;
    top: 74.5%;
  }
  .step5-7 {
    left: 68%;
    top: 75%;
    width: 185px;
  }
  .step5-8 {
    left: 65%;
    top: 59%;
  }
}

@media screen and (orientation: portrait) {
  .step4-5 {
    width: 225px;
    top: 76%;
    left: 22%;
    text-align: center;
  }
}
/*# sourceMappingURL=enable-e-stamp.css.map */