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

.mobile-step1-2 {
  width: 150px;
  top: 46%;
  left: 6%;
}

.mobile-step1-3 {
  width: 190px;
  top: 59%;
  left: 43.7%;
}

.mobile-step1-4 {
  left: 85%;
  top: 43%;
  width: 110px;
}

.mobile-step1-5 {
  width: 180px;
  left: 15%;
  top: 50%;
}

.mobile-step1-6 {
  left: 73%;
  top: 46%;
  width: 200px;
}

.mobile-step2-1 {
  left: 29.5%;
  top: 47%;
}

.mobile-step3-1 {
  left: 60%;
  top: 60%;
  width: 210px;
}

.mobile-step4-1 {
  width: 190px;
  left: 31%;
  top: 34%;
}

.mobile-step4-2 {
  width: 190px;
  left: 73%;
  top: 49%;
}

.mobile-step4-3 {
  left: 18.5%;
  top: 55%;
}

.mobile-step4-4 {
  left: 48%;
  top: 57%;
}

.mobile-step4-5 {
  left: 84%;
  top: 52%;
}

.mobile-step4-6 {
  left: 17%;
  top: 54%;
}

.mobile-step4-7 {
  left: 48%;
  top: 39%;
  width: 160px;
}

.mobile-step4-8 {
  left: 69%;
  top: 44%;
  width: 190px;
}

.mobile-step4-9 {
  width: 150px;
  left: 18%;
  top: 46%;
}

.mobile-step4-10 {
  width: 185px;
  left: 43.5%;
  top: 50%;
}

.mobile-step4-11 {
  width: 196px;
  left: 69%;
  top: 59.5%;
}

.mobile-step4-12 {
  width: 160px;
  left: 5%;
  top: 44%;
}

.mobile-step4-13 {
  left: 48%;
  top: 22%;
}

.mobile-step4-14 {
  left: 84.5%;
  top: 67%;
}

@media screen and (orientation: portrait) {
  .mobile-step1-2 {
    top: 78%;
    left: 17%;
    width: 255px;
    text-align: center;
  }
  .mobile-step1-3 {
    top: 75%;
    left: 17.5%;
    width: 255px;
    text-align: center;
  }
  .mobile-step1-4 {
    left: 17.5%;
    top: 79.5%;
    width: 255px;
    text-align: center;
  }
  .mobile-step1-5 {
    left: 17.5%;
    top: 78%;
    width: 255px;
    text-align: center;
  }
  .mobile-step1-6 {
    left: 17.5%;
    top: 78%;
    width: 255px;
    text-align: center;
  }
  .mobile-step2-1 {
    left: 17.5%;
    top: 79.5%;
    width: 255px;
    text-align: center;
  }
  .mobile-step3-1 {
    left: 17.5%;
    top: 73.5%;
    width: 255px;
    text-align: center;
  }
  .mobile-step4-1 {
    width: 260px;
    left: 16.5%;
    top: 50%;
    text-align: center;
  }
  .mobile-step4-2 {
    width: 247px;
    left: 18%;
    top: 78%;
    text-align: center;
  }
  .mobile-step4-3 {
    left: 31.5%;
    top: 79.5%;
  }
  .mobile-step4-4 {
    left: 32%;
    top: 68%;
  }
  .mobile-step4-5 {
    left: 30%;
    top: 79.5%;
  }
  .mobile-step4-6 {
    left: 31%;
    top: 79.5%;
  }
  .mobile-step4-7 {
    left: 19%;
    top: 77.5%;
    width: 245px;
  }
  .mobile-step4-8 {
    left: 24%;
    top: 77.5%;
    width: 215px;
    text-align: center;
  }
  .mobile-step4-9 {
    width: auto;
    left: 18%;
    top: 79.5%;
  }
  .mobile-step4-10 {
    width: 240px;
    left: 20.5%;
    top: 77.5%;
  }
  .mobile-step4-11 {
    width: 220px;
    left: 22%;
    top: 77.5%;
    text-align: center;
  }
  .mobile-step4-12 {
    width: 240px;
    left: 19%;
    top: 76%;
  }
  .mobile-step4-13 {
    left: 33%;
    top: 79.5%;
  }
  .mobile-step4-14 {
    left: 33.5%;
    top: 79.5%;
  }
}
/*# sourceMappingURL=otp-sms-app.css.map */