@import '@/styles/_support';

.content {}

.top-space {
  height: 2.25rem;
}

.box {
  border: solid 1px #f2f2f2;
  background-color: #ffffff;
  @extend .bb;
  padding: 4.5rem 1.75rem 3.5rem;
  border-bottom: none;
  @include border-top-radius(.75rem)
}

.payment {
  &-nav {
    display: flex;
    justify-content: space-between;

    &-item {
      @extend .pointer;
      @include border-top-radius(.5rem);
      display: flex;
      justify-content: center;
      align-items: center;
      height: 3.75rem;
      padding: 0 2rem;
      background-color: #f2f2f2;

      &-icon {
        margin-right: .4rem;
        width: 1.75rem;

        img {
          max-height: 1.5rem;
          max-width: 1.5rem;
        }
      }
    }

    .active {
      color: #ffffff;
      background-image: linear-gradient(to bottom, #f05f28, #f05021);
    }
  }

  &-line {
    height: 1px;
    background-color: #f05a23;
  }


  &-cont {
    margin-top: 3.5rem;

    &-item {
      line-height: 3;

      ul {}

      li {
        // background-image:
      }
    }
  }
}