.step-b {
  display: none;
}

.text {
  transform-origin: left top;
}

.step1-1 {
  right: 80%;
  top: 26%;
  display: block;
  transform-origin: right top;
}

.step1-2 {
  left: 19%;
  top: 31%;
}

.step2-1 {
  left: 0;
  top: 0;
}

.step2-1 .text2-1-1 {
  top: 108px;
  left: 458px;
  position: absolute;
  transform-origin: left top;
  width: 500px;
}

.step2-1 .text2-1-2 {
  top: 85px;
  left: 1100px;
  position: absolute;
  transform-origin: left top;
  width: 250px;
}

.step2-1 .text2-1-3 {
  top: 493px;
  left: 117px;
  width: 270px;
  position: absolute;
  transform-origin: left top;
}

.step2-1 .popover-icon1 {
  position: absolute;
  top: 395px;
  left: 264px;
}

.step2-1 .popover-for-icon1 {
  width: 295px;
  transform: none !important;
  top: 325px !important;
  left: 229px !important;
}

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

.step2-2 {
  top: 76.5%;
  left: 9%;
}

.step2-3 {
  top: 80.5%;
  left: 35.5%;
}

.step3-2 {
  left: 64%;
  top: 50.5%;
  transform-origin: left top;
}

.step3-2.text-b {
  left: 80%;
  top: 49%;
  width: 205px;
}

.step3-2 .step-a {
  display: none !important;
}

.step3-3 {
  left: 74%;
  top: 45%;
  width: 245px;
}

.step3-4 {
  top: 49%;
  width: 236px;
  left: 72%;
}

.step3-5 {
  bottom: 67%;
  left: 40%;
  transform-origin: left bottom;
}

.mobile-step3-3.text-b {
  width: 150px;
  left: auto;
  top: auto;
  right: 83.5%;
  bottom: 65%;
  transform-origin: right bottom;
}

.mobile-step3-4 {
  display: none;
  top: auto;
  width: 241px;
  left: 48%;
  bottom: 37%;
  transform-origin: left bottom;
}

.mobile-step3-5 {
  display: none;
  width: 175px;
  top: 52%;
  left: 85%;
}

.mobile-step3-6.text-b {
  top: 52%;
  left: auto;
  right: 85%;
  width: 145px;
  transform-origin: right top;
}

.mobile-step3-7 {
  left: 50%;
  width: 200px;
  top: auto;
  bottom: 38%;
  transform-origin: left bottom;
}

.mobile-step3-8 {
  left: 85%;
  top: 51%;
  width: 170px;
}

@media (max-width: 1024.98px) {
  .step1-1 {
    top: 36%;
    right: 56%;
  }
  .step1-2 {
    left: 18%;
    top: 46%;
  }
  .step2-1 .text2-1-1 {
    left: 161px;
    top: 12px;
  }
  .step2-1 .text2-1-2 {
    width: 256px;
    top: 159px;
    left: 554px;
  }
  .step2-1 .text2-1-3 {
    width: 145px;
    top: 210px;
    left: 168px;
  }
  .step2-1 .popover-icon1 {
    top: 156px;
    left: 35px;
  }
  .step2-1 .popover-for-icon1 {
    transform: none !important;
    top: 88px !important;
    left: 2px !important;
  }
  .step2-2 {
    top: 31.5%;
    left: 76%;
    width: 171px;
  }
  .step2-3 {
    top: 34%;
    left: 76%;
    width: 184px;
  }
  .step3-2 {
    left: 26%;
    top: 56.5%;
  }
  .step3-2.text-b {
    left: 45%;
    top: 36%;
    width: auto;
  }
  .step3-2 .step-a {
    display: block !important;
  }
  .step3-3 {
    left: 40%;
    width: 487px;
  }
  .step3-4 {
    top: 43%;
    left: 40%;
  }
  .step3-5 {
    left: 46%;
    bottom: 66%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1200px) {
  .mobile-step3-3.text-b {
    width: 150px;
    left: auto;
    top: auto;
    right: 83.5%;
    bottom: 65%;
    transform-origin: right bottom;
  }
  .mobile-step3-4 {
    display: none;
    top: auto;
    width: 241px;
    left: 48%;
    bottom: 37%;
    transform-origin: left bottom;
  }
  .mobile-step3-5 {
    display: none;
    width: 175px;
    top: 52%;
    left: 85%;
  }
  .mobile-step3-6.text-b {
    top: 52%;
    left: auto;
    right: 85%;
    width: 145px;
    transform-origin: right top;
  }
  .mobile-step3-7 {
    left: 50%;
    width: 200px;
    top: auto;
    bottom: 38%;
    transform-origin: left bottom;
  }
  .mobile-step3-8 {
    left: 85%;
    top: 51%;
    width: 170px;
  }
}

@media screen and (orientation: portrait) {
  .mobile-step3-3.text-b {
    width: 225px;
    text-align: center;
    right: 21%;
    bottom: 15%;
  }
  .mobile-step3-4 {
    display: none;
    top: auto;
    width: 241px;
    left: 37%;
    bottom: 21%;
  }
  .mobile-step3-5 {
    width: 225px;
    text-align: center;
    left: 21%;
    top: 78%;
  }
  .mobile-step3-6.text-b {
    width: 188px;
    right: 32%;
  }
  .mobile-step3-7 {
    left: 37%;
    top: 67%;
  }
  .mobile-step3-8 {
    width: 204px;
    text-align: center;
    top: 78%;
    left: 24%;
  }
  .mobile-step3-9 {
    left: 46%;
    bottom: 66%;
  }
}

@media screen and (orientation: landscape) and (max-height: 576px) {
  .mobile-step3-9 {
    left: 46%;
    bottom: 66%;
  }
}
/*# sourceMappingURL=foreign-transfer.css.map */