.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: 78%;
}

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

.mobile-step2-2 {
  top: 6%;
  left: 34.5%;
  width: 98px;
}

.mobile-step2-3 {
  top: 46%;
  left: 68.5%;
}

.mobile-step2-4 {
  left: 19%;
  top: 53%;
}

.mobile-step2-5 {
  top: 36%;
  left: 47%;
}

.mobile-step2-6 {
  top: 50%;
  left: 72.5%;
}

.mobile-step2-7 {
  left: 19%;
  top: 53%;
}

.mobile-step2-8 {
  left: 44%;
  top: 60%;
}

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

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

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

.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: 70%;
    left: 28%;
  }
  .mobile-step2-1 {
    top: 66%;
    left: 42%;
  }
  .mobile-step2-2 {
    top: 74%;
    left: 17%;
    width: 262px;
    text-align: center;
  }
  .mobile-step2-3 {
    top: 46%;
    left: 29%;
  }
  .mobile-step2-4 {
    left: 30%;
    top: 59%;
  }
  .mobile-step2-5 {
    top: 47%;
    left: 32.5%;
  }
  .mobile-step2-6 {
    top: 61.5%;
    left: 33%;
  }
  .mobile-step2-7 {
    left: 27%;
    top: 55%;
  }
  .mobile-step2-8 {
    left: 7.5%;
    top: 68%;
  }
  .mobile-step2-9 {
    top: 72%;
    left: 60%;
  }
  .mobile-step3-1 {
    left: 34%;
    top: 67%;
  }
  .mobile-step3-2 {
    top: 44%;
    left: 15%;
  }
  .mobile-step3-3 {
    left: 42%;
    top: 80%;
  }
}

.finger-animation {
  left: 46.5%;
  top: 62%;
  transform-origin: left top;
}

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