/* business page */

.business-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 39px;
  padding: 0;
  background: none;
  font-size: 18px;
  font-weight: 500;
  color: #212121;
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.business-tab.is-active {
  border-bottom-color: #c9a45d;
}

.business-panel[hidden] {
  display: none;
}

.military-hero,
.omnichannel-hero,
.special-hero,
.export-hero {
  width: 100%;
  min-height: 220px;
  position: relative;
  background-color: #000;
}

.military-hero::before,
.omnichannel-hero::before,
.special-hero::before,
.export-hero::before,
.military-hero::after,
.omnichannel-hero::after,
.special-hero::after,
.export-hero::after {
  content: "";
  position: absolute;
  inset: 0;
}

.military-hero::before {
  background: url("../img/sub/military_hero.png") center / cover no-repeat;
}

.omnichannel-hero::before {
  background: url("../img/sub/omnichannel_hero.png") center / cover no-repeat;
}

.special-hero::before {
  background: url("../img/sub/special_hero.png") center / cover no-repeat;
}

.export-hero::before {
  background: url("../img/sub/export_hero.png") center / cover no-repeat;
}

/* .military-hero::after,
.omnichannel-hero::after,
.special-hero::after,
.export-hero::after {
  background: rgba(0, 0, 0, 0.4);
} */

.special-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  overflow: hidden;
  background-color: #244174;
}

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

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

.military-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 280px;
  padding: 40px 20px 32px;
  border: 1px solid #d9dcdf;
  border-radius: 10px;
}

@media (min-width: 1024px) {
  .business-tab {
    font-size: 22px;
  }

  .military-hero,
  .omnichannel-hero,
  .special-hero,
  .export-hero {
    min-height: 440px;
  }

  .special-banner {
    min-height: 270px;
  }

  .military-step {
    height: 340px;
    min-height: 340px;
    padding: 49px 20px 32px;
  }
}