body {
    overflow-x: unset;
}
  .plan-headercol a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit;
    text-decoration: inherit;
  }
  .plan-column {
    border-right: 1px solid #dee2e6;
    padding: 1.5rem;
  }
  .feature-category {
    background-color: #f8f9fa;
    font-weight: bold;
    padding: 1rem;
  }
  .plan-header {
    position: sticky;
    top: 80px;
    background: white;
    z-index: 50;
  }
  @media (max-width: 768px) {
    .plan-column {
      border-bottom: 1px solid #dee2e6;
      border-right: none;
    }
  }

  .rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }
  .rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }
  .font-weight-700 {
    font-weight: 700;
  }

  .title-text {
    --tw-text-opacity: 1;
    color: #0d6efd;;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .title-p {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
    white-space: normal; /* 确保文本在空白处换行 */
    overflow-wrap: break-word; /* or use 'word-wrap: break-word;' for older support */
    word-break: normal;
  }

  .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  @media (max-width: 1000px) {
    .onsite {
      --tw-text-opacity: 1;
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: 700;
      display:flex;
      justify-content: center;
      align-items: center;
    }

    .m-hidden {
        
    }

    .pc-hidden {
        display: none
    }
  }

  @media (min-width: 1001px) {
    .onsite {
      --tw-text-opacity: 1;
      font-size: 1.5rem;
      line-height: 1.75rem;
      font-weight: 700;
      display:flex;
      justify-content: center;
      align-items: center;
    }

    .m-hidden {
        display: none
    }

    .pc-hidden {
    }
  }

  .a-free {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) ! important;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    align-self: center;
    justify-items: center;
    display: inherit;
    width: 100%;
    margin-bottom: 1rem;
  }

  .a-free:hover {
    --tw-text-opacity: 1;
    color: rgb(35 128 142 / var(--tw-text-opacity, 1));
  }

  .a-talk-to-sales {
    border-radius: 1.5rem;
    align-self: center;
    display: inherit;
    width: 100%;
    text-align: center;
  }

  .a-talk-to-sales:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(0 159 168 / var(--tw-bg-opacity, 1));
    border-color: rgb(0 159 168 / var(--tw-border-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .a-talk-to-sales-color-1 {
    background-color: rgb(43 140 144 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(37 131 143 / var(--tw-border-opacity, 1));
  }

  .a-talk-to-sales-color-2 {
    background-color: rgb(43 140 144 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: rgb(37 131 143 / var(--tw-border-opacity, 1));
  }

  .price-centent em {
    display: flex;
    align-self: center;
    text-align: center;
    justify-content: center;
    height: 100%;
    align-items: center;
  }

  .price-centent em::before {
    line-height: unset ! important;
  }

  .price-centent .dau-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .price-centent .dau-text p {
    margin-bottom: 0;
  }

  .title-color-1 {
    color:rgb(0, 0, 0);
  }
  .title-color-2 {
    color: #0583F2;
  }
  .title-color-3 {
    color: #D97706;
  }
  .title-color-4 {
    color: rgb(200 30 30 / var(--tw-text-opacity, 1));
  }

  section, .section {
    color: var(--default-color);
    background-color: var(--background-color);
    padding: 60px 0;
    scroll-margin-top: 90px;
  }

  .light-background {
    --background-color: #f3f9ff;
    --surface-color: #ffffff;
  }

  .mrow {
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .row-cols-5>* {
        flex: 0 0 auto;
        width: 20%;
    }

    .pb-0 {
    padding-bottom: 0 !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

.border-start {
    border-left: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}


.col {
    flex: 1 0 0%;
}

.m-bg-info {
    --bs-bg-opacity: 1;
    background-color: #EBF0FD !important;
}

.m-bg-warning {
    --bs-bg-opacity: 1;
    background-color: #E0E7FD !important;
}

.m-bg-danger {
    --bs-bg-opacity: 1;
    background-color: #FDECE0 !important;
}

.m-bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
}

.m-bg-basic {
    --bs-bg-opacity: 1;
    background-color: #F7F9FE !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(220, 53, 69, var(--bs-text-opacity)) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(25, 135, 84, var(--bs-text-opacity)) !important;
}

.price-centent i::before {
    line-height: unset ! important;
}

.bi-x-lg::before {
    content: "\f659";
}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.section-title {
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}