.steps-page {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.store-shell {
  position: relative;
  padding: 0;
  margin: 0;
  background: url("../assets/images/ui/steps-store-bg.webp") center / 100% 100%
    no-repeat;
  border: 0;
  box-shadow: none;
  overflow: visible;
  width: 1240px !important;
  min-width: 1240px !important;
  max-width: 1240px !important;
  height: 690px !important;
  min-height: 690px !important;
  max-height: 690px !important;
  flex: 0 0 1240px !important;
  box-sizing: border-box !important;
  transform: none !important;
}
.store-heading,
.wallet-stack,
.store-grid,
.store-card,
.store-card-copy {
  display: contents;
}
.store-close-button {
  position: absolute;
  top: 110px;
  left: 110px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  transition: transform 0.12s ease;
}

.store-close-button img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.store-heading h1 {
  position: absolute;

  white-space: nowrap;

  top: 90px;
  left: 670px;
  width: 300px;

  margin: 0;
  text-align: center;

  font-size: 48px;
  font-weight: 1000;
  letter-spacing: 0.5px;

  color: #0a4f88;

  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.95),
    0 5px 0 rgba(6, 91, 151, 0.12),
    0 8px 18px rgba(0, 74, 130, 0.24);

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.45);

  filter: drop-shadow(0 0 6px rgba(72, 196, 255, 0.22));
}
.step-wallet:not(.special-step-wallet) img {
  position: absolute;
  top: 82px;
  left: 1076px;
  width: 50px;
  height: 50px;
}

#store-step-count {
  position: absolute;
  top: 130px;
  left: 1110px;
  width: 42px;
  font-size: 28px;
  text-align: center;
  color: #056fb8;
  font-weight: 1000;
}

.step-wallet:not(.special-step-wallet) span {
  position: absolute;
  top: 137px;
  left: 1079px;
  width: 38px;
  font-size: 25px;
}
.special-step-wallet img {
  position: absolute;
  top: 154px;
  left: 1058px;
  width: 220px;
  height: 65px;
}

#store-special-step-count {
  position: absolute;
  top: 185px;
  left: 1110px;
  width: 42px;
  font-size: 28px;
  text-align: center;
  color: #d12d3c;
  font-weight: 1000;
}
.store-card h2,
.store-card p {
  margin: 0;
  text-align: center;
}
.card-blue h2 {
  position: absolute;
  top: 260px;
  left: 880px;
  width: 290px;
  font-size: 23px;
}

.card-blue p {
  position: absolute;
  top: 290px;
  left: 880px;
  width: 290px;
  font-size: 15px;
}

.card-blue .store-card-action {
  position: absolute;
  top: 322px;
  left: 905px;
  width: 230px;
  height: 70px;
}
.card-green h2 {
  position: absolute;
  top: 260px;
  left: 548px;
  width: 290px;
  font-size: 23px;
}

.card-green p {
  position: absolute;
  top: 290px;
  left: 548px;
  width: 290px;
  font-size: 15px;
}

.card-green .store-card-action {
  position: absolute;
  top: 322px;
  left: 578px;
  width: 230px;
  height: 70px;
}
.card-red h2 {
  position: absolute;
  top: 415px;
  left: 880px;
  width: 290px;
  font-size: 23px;
}

.card-red p {
  position: absolute;
  top: 445px;
  left: 880px;
  width: 290px;
  font-size: 15px;
}

.card-red .store-card-action {
  position: absolute;
  top: 481.9px;
  left: 905px;
  width: 230px;
  height: 70px;
}
.card-plus h2 {
  position: absolute;
  top: 415px;
  left: 548px;
  width: 290px;
  font-size: 23px;
}

.card-plus p {
  position: absolute;
  top: 445px;
  left: 548px;
  width: 290px;
  font-size: 15px;
}

.card-plus .store-card-action {
  position: absolute;
  top: 481.9px;
  left: 578px;
  width: 230px;
  height: 70px;
}
.store-card-action {
  padding: 0;
  border: 0;
  background: transparent;
  transition: transform 0.12s ease;
}

.store-card-action:active {
  transform: scale(0.9);
}

.store-close-button:active {
  transform: scale(0.9);
}

.store-card-action img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: fill;
}