/* mall page */

.mall-hero {
  position: relative;
  width: 100%;
  min-height: 520px;
  overflow: hidden;
  background-color: #071a2d;
}

.mall-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/sub/mall_hero.png") center / cover no-repeat;
}

.mall-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7, 26, 45, 0.8);
}

.mall-hero > * {
  position: relative;
  z-index: 1;
}

.mall-banner {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background-color: #111e35;
}

.mall-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/sub/mall_sec4_banner.png") center / cover no-repeat;
}

.mall-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(63, 132, 255, 0.85) 0%, rgba(37, 76, 143, 0.85) 36.5%, rgba(17, 30, 53, 0.85) 100%);
}

.mall-banner > * {
  position: relative;
  z-index: 1;
}

.mall-process-line {
  display: none;
}

@media (min-width: 1024px) {
  .mall-hero {
    min-height: 720px;
  }

  .mall-process-line {
    display: block;
    position: absolute;
    left: 80px;
    right: 80px;
    top: 40px;
    height: 0;
    border-top: 1px dashed #cbd5e1;
    z-index: 0;
  }
}