.feat-container {
  position: relative;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9EFFF 100%);
  /* box-shadow: 0px 2px 4px 0px rgba(180, 180, 180, 0.5); */
  box-shadow: 0px 0px 8px 0px #E4D5FF;
}

.feat-box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  grid-gap: 12px;
  padding: 24px 24px 24px 0px;
}

.feat-item {
  padding: 8px;
}

.feat-desc {
  /* padding: 8px; */
}

.faq-box {
  background: linear-gradient(180deg, #FFFFFF 0%, #E9EFFF 100%);
  box-shadow: 0px 0px 8px 0px #E4D5FF;
  border-radius: 16px;
  padding: 24px;
}

.faq-list {
  width: 100%;
}

.plan-box {
  margin-top: 72px;
}

.sys-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0px;
}

.sys-tab-win,
.sys-tab-mac {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7A32FD;
  border: 1px solid #7A32FD;
  padding: 12px 24px;
  cursor: pointer;
}

.sys-tab-win {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.sys-tab-mac {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.tab-active {
  color: #ffffff;
  background: #7A32FD;
}

.sys-box {
  /* margin-top: 48px; */
}

.plan-sys-win,
.plan-sys-mac {
  box-shadow: 0px 0px 8px 0px #E4D5FF;
  border-radius: 32px;
  padding: 0px 24px 24px 24px;
}

.plan-table {
  width: 100%;
}

.plan-tag-box {
  padding-bottom: 12px;
}

.plan-tag {
  font-size: 18px;
  font-weight: 600;
  padding: 34px 0px;
  margin: 0px 12px 12px 12px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  text-align: center;
}

.plan-tag::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  background-size: cover;
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translate(-50%, 90%);
}

.plan-tag-1 {
  color: #333333;
  background-color: rgba(122, 50, 253, 0.1);
}

.plan-tag-1::before {
  border-top: 14px solid rgba(122, 50, 253, 0.1);
}

.plan-tag-2 {
  color: #ffffff;
  background-color: #7A32FD;
}

.plan-tag-2::before {
  border-top: 14px solid #7A32FD;
}

.plan-row td {}

.tikbee-plan-icon {
  color: #7A32FD;
}

.plan-btn-item {
  font-size: 18px;
  font-weight: 600;
  margin: 0 8px;
  border-radius: 32px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.plan-btn-item:hover {
  color: #ffffff;
}

.plan-download {
  background: #7a32fd;
}

.plan-buy {
  background: #f99f4f;
}

.download-container {
  background: linear-gradient(180deg, #E7FFF2 0%, #EADAFF 100%);
  padding: 24px;
  border-radius: 16px;
}

.download-title {
  font-weight: 500;
  text-align: center;
  margin-bottom: 12px;
}

.download-box {
  display: flex;
  justify-content: center;
  margin: 24px 0px;
}

.download-sys {
  text-align: center;
}

.download-sys-win,
.download-sys-mac {
  background: #7a32fd;
}

.buy-box {
  background: #f99f4f;
}

.btn-item {
  margin: 0 8px;
  border-radius: 32px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.btn-item:hover {
  color: #ffffff;
}

.download-available {
  margin: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.available-icon {
  margin: 0 8px;
}