@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

.enterpriseDescription {
  color: $black;
  padding: $hl-4 0 $hl-2 0;

  .consultBtn {
    @include h5();
    min-width: 8.5rem;
    height: 3rem;
    line-height: 3rem;
    margin-top: $hl-7;
  }

  .hr {
    background-color: rgba($black, 15%);
    margin: $hl-4 0;
    height: 1px;
  }
}

.detailContent {
  &>div {
    margin-top: $hl-4;
  }

  p {
    margin-top: $hl-8;
    opacity: 0.8;
  }

  ul {
    margin-top: $hl-8;

    li {
      position: relative;
      opacity: 0.8;
    }

    &+ul {
      margin-top: 0;
      margin-left: 1.25rem;
    }
  }

  table {
    margin: $hl-8 0 0 0;

    th,
    td {
      line-height: 1.75;
      padding: $hl-8;
    }

    th {
      background-color: $grey-light;
      border-bottom: none;
      color: $black;
      @include h5();

      &:first-child {
        width: 25%;
        min-width: 130px;
      }
    }

    td {
      border-bottom-color: rgba($black, 10%);
    }
  }
}

.blueCircle li {
  padding-left: 1.25rem;

  &:not(:last-child) {
    margin-bottom: $hl-9;
  }

  &:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(((1rem * 1.75) - 0.5rem)/2);
    background: $blue;
    border-radius: 100%;
    width: 0.5rem;
    height: 0.5rem;
  }
}

.number li {
  list-style: decimal;
  margin-left: 1.25rem;
}

.smallCircle li {
  padding-left: calc(1.25rem + 2px);

  &:before {
    content: "";
    position: absolute;
    left: .625rem;
    top: calc(((1rem * 1.75) - 2px)/2);
    background: $black;
    border-radius: 100%;
    width: 2px;
    height: 2px;
    opacity: 0.8;
  }
}