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

.mobile-step1-1 {
  display: block;
  left: 13%;
  top: 61%;
}

.mobile-step1-2 {
  display: block;
  left: 50.5%;
  top: 27%;
}

.mobile-step1-3 {
  display: block;
  top: 55%;
  left: 73%;
}

.mobile-step2-1 {
  top: 44%;
  left: 5%;
  width: 171px;
}

.mobile-step2-2 {
  top: 51%;
  left: 40%;
}

.mobile-step2-3 {
  top: 29%;
  left: 79%;
}

.mobile-step2-3 .popover-icon {
  position: absolute;
  top: 221%;
  left: -93%;
}

.mobile-step2-3 .tooltip-content {
  top: -110%;
  left: -486%;
  width: 555px;
  margin: 0;
  position: absolute;
}

.mobile-step2-3 .with-bg:after {
  left: auto;
  right: -6px;
  top: 95px;
}

.mobile-step2-3 tr th:nth-child(1) {
  width: 100px;
}

.mobile-step2-3 tr th:nth-child(2),
.mobile-step2-3 tr th:nth-child(3) {
  width: 200px;
}

.mobile-step2-4 {
  left: 12%;
  top: 30%;
  width: 300px;
}

.mobile-step2-5 {
  top: 62%;
  left: 39.5%;
}

.mobile-step2-6 {
  top: 43%;
  left: 70%;
}

.mobile-step2-7 {
  left: 1%;
  top: 22%;
}

.mobile-step2-8 {
  left: 38.5%;
  top: 55%;
}

.mobile-step2-9 {
  top: 51%;
  left: 84%;
}

.mobile-step3-1 {
  left: 29%;
  top: 60%;
}

.mobile-step3-2 {
  top: 44%;
  left: 41%;
}

.mobile-step3-3 {
  left: 85%;
  top: 47%;
}

@media screen and (orientation: portrait) {
  .mobile-step1-1 {
    top: 72%;
  }
  .mobile-step1-2 {
    display: none;
    top: 30%;
  }
  .mobile-step1-3 {
    display: none;
    top: 67%;
    left: 38%;
  }
  .mobile-step2-1 {
    top: 74.5%;
    left: 16%;
    width: 264px;
    text-align: center;
  }
  .mobile-step2-2 {
    top: 49%;
    left: 13%;
  }
  .mobile-step2-3 {
    top: 32%;
    left: 34%;
  }
  .mobile-step2-3 .popover-icon {
    top: 254%;
    left: -21%;
  }
  .mobile-step2-3 .tooltip-content {
    top: 392%;
    left: -85%;
    width: 370px;
  }
  .mobile-step2-3 .with-bg:after {
    left: 93px;
    top: -5px;
    z-index: -1;
  }
  .mobile-step2-4 {
    left: 30%;
    top: 40%;
    width: 241px;
  }
  .mobile-step2-5 {
    top: 62%;
    left: 12.5%;
  }
  .mobile-step2-6 {
    top: 43%;
    left: 16%;
  }
  .mobile-step2-7 {
    left: 29%;
    top: 30%;
  }
  .mobile-step2-8 {
    left: 8.5%;
    top: 57%;
  }
  .mobile-step2-9 {
    top: 61%;
    left: 60%;
  }
  .mobile-step3-1 {
    left: 34%;
    top: 67%;
  }
  .mobile-step3-2 {
    top: 44%;
    left: 15%;
  }
  .mobile-step3-3 {
    left: 42%;
    top: 80%;
  }
  .custom-table {
    font-size: 0.75rem;
  }
  .custom-table td,
  .custom-table th {
    padding: 4px 8px;
  }
  .with-bg {
    padding: 12px 16px;
  }
}

.finger-animation {
  left: 22%;
  top: 60%;
  transform-origin: left top;
}

@media screen and (orientation: portrait) and (max-width: 992px) {
  .finger-animation {
    left: auto;
    top: 60%;
  }
}
/*# sourceMappingURL=twd-transfer.css.map */