.step-b {
  display: none;
}

.text {
  width: max-content;
}

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

.step1-2 {
  left: 18.5%;
  top: 69%;
  transform-origin: left top;
}

.step2-1 {
  right: 30%;
  top: 58%;
  transform-origin: right top;
}

.step2-2 {
  right: 27%;
  top: 66%;
  transform-origin: right top;
}

.step3-1 {
  left: 5.5%;
  bottom: 8%;
  transform-origin: left bottom;
}

.step3-1 .popover-icon1 {
  position: absolute;
  top: -295%;
  left: 51%;
}

.step3-1 .popover-for-icon1 {
  width: 560px;
  transform: none !important;
  top: -222% !important;
  left: 44.2% !important;
}

.step3-1 .popover-for-icon1 .arrow {
  top: -11px !important;
  left: 24px !important;
}

.step3-1 .popover-icon2 {
  position: relative;
  left: 51%;
  top: -132px;
}

.step3-1 table {
  width: 500px;
}

.step3-1 table td {
  width: 220px;
}

.step3-1 .tooltip-content {
  position: absolute;
  left: -8.5%;
  transform: translateY(-105%);
  padding: 16px;
}

.step3-1 .tooltip-content::after {
  top: 97%;
  left: 4%;
}

.step3-2 {
  left: 35%;
  bottom: 50%;
  transform-origin: left bottom;
}

.step3-3 {
  left: auto;
  right: 18%;
  bottom: 40%;
  transform-origin: right bottom;
}

.step3-4 {
  right: 17.5%;
  bottom: 21%;
  transform-origin: right bottom;
}

@media (max-width: 1024.98px) {
  .step1-1 {
    right: 55%;
    top: 35%;
  }
  .step1-2 {
    left: 14%;
    top: 41%;
  }
  .step2-1 {
    top: 30%;
    right: 13%;
  }
  .step2-2 {
    right: 23.5%;
    top: 30%;
  }
  .step3-1 {
    left: 27%;
    bottom: 79%;
  }
  .step3-1 .popover-icon1 {
    top: 273%;
    left: -13%;
  }
  .step3-1 .popover-for-icon1 {
    top: 0% !important;
    left: -20.1% !important;
  }
  .step3-1 .popover-for-icon1 .arrow {
    top: auto !important;
    left: 24px !important;
    bottom: -11px !important;
  }
  .step3-1 .popover-icon2 {
    left: -13%;
    top: 127px;
  }
  .step3-1 .tooltip-content::after {
    top: 91%;
    left: 5%;
  }
  .step3-1 table {
    width: 600px;
    font-size: 0.75rem;
    zoom: 0.8;
  }
  .step3-1 table th,
  .step3-1 table td {
    padding: 0.25rem;
  }
  .step3-1 table th:nth-child(1) {
    width: 15%;
  }
  .step3-2 {
    left: 32%;
    bottom: 70%;
  }
  .step3-3 {
    right: 5%;
    bottom: 56%;
  }
  .step3-4 {
    right: 63.5%;
    bottom: 57%;
  }
}

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

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

.btn.grey-btn {
  color: #979797;
  border-color: #979797;
}

.btn.grey-btn::after {
  background-image: url(../img/icons/right-grey.svg);
}

.btn.grey-btn:hover, .btn.grey-btn:focus {
  background: transparent;
  color: #979797;
  border-color: #979797;
}

.btn.grey-btn:hover::after, .btn.grey-btn:focus::after {
  background-image: url(../img/icons/right-grey.svg);
}
/*# sourceMappingURL=template-manage.css.map */