.ai-zd-box {
  background: #fff;
  border-radius: 16px;
  padding: 30px 10px;
  margin-top: 60px;
  position: relative;
}

.ai-part1 .title {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  line-height: 2
}

.ai-part1 .desc {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
  line-height: 2;
  margin-bottom: 10px;
  color: rgba(153, 153, 153, 1);
}

.ai-part1 img.ai-img {
  height: 80px;
  width: auto;
}

#ai-tab ul li {
  padding: 0
}

#ai-tab ul li:first-child {
  width: 180px;
}

#ai-tab ul li a {
  padding: 0;
  text-align: center;
  color: #333;
  background: none;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  max-width: 200px;
  margin: auto;
  border-radius: 0;
  padding-bottom: 10px;
}

#ai-tab ul li.active a, #ai-tab ul li:focus a, #ai-tab ul li.active a:active {
  color: rgba(36, 104, 242, 1) !important;
  border-bottom: 2px solid rgba(36, 104, 242, 1) !important
}

.aiTabContent {
  background: #fff;
  height: 525px;
  padding: 30px 15px;
  margin-top: 30px;
}

.part2 .scene .title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.8px;
  color: rgba(51, 51, 51, 1);
}

.part2 .scene .number {
  font-size: 36px;
  font-weight: 900;
  letter-spacing: -1.44px;
  line-height: 0px;
  color: rgba(36, 104, 242, 1);
}

.part2 .scene .percent {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 26px;
  color: rgba(36, 104, 242, 1);
}

.part2 .scene .desc {
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  position: absolute;
  letter-spacing: -0.56px;
  color: rgba(153, 153, 153, 1);
}

.part2 .scene .space {
  padding: 20px 10px;
  border-bottom: 1px solid #D2E1FF;
}

.part2 .scene .space.no-border {
  border-bottom: none !important;
}

.ai-part2 img {
  height: 180px;
}

.ai-part2 .text {
  font-size: 20px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.ai-part2 h4 {
  color: rgba(153, 153, 153, 1);
  font-size: 18px
}

.ai-part3 img {
  width: 100%;
}

.ai-part3 .text {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  text-align: left;
}

.ai-part3 h4 {
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  text-align: left;
}

.ai-part4 {
  background: url('../../Content/images/2025/08/AI/part04-bg.png') no-repeat;
}

.ai-part4 .home_item .our_progress__item-content {
  background: #fff;
  height: 240px;
  border-radius: 16px;
}

.ai-part4 .home_item .desc {
  font-size: 14px;
  font-weight: 300;
  color: rgba(51, 51, 51, 1);
  text-align: left;
  border-bottom: 1px solid rgba(210, 225, 255, 1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.ai-part4 .home_item .item_content {
  padding: 20px;
}

.ai-part4 .home_item .customs {
  font-size: 18px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.ai-part4 .home_item .job {
  font-size: 14px;
  font-weight: 400;
  color: rgba(36, 104, 242, 1);
}

.ai-bottom-block {
  background: url('../images/2025/08/ai/bg-bottom.png') no-repeat;
  background-size: cover;
}

.ai-home-part1 {
  background-image: url('../images/2025/08/aihome/part1-bg.png');
  background-size: cover;
}



.ai-home-part1 .ai-product-01:first-child {
  border-top-left-radius: 10px;
}

.ai-home-part1 .ai-product-01:last-child {
  border-top-right-radius: 10px;
}

.ai-home-part1 table tr th:first-child {
  border-top-left-radius: 10px;
}

.ai-home-part1 table tr th:last-child {
  border-top-right-radius: 10px;
}

.ai-home-part1 table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.ai-home-part1 table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.ai-home-part1 table {
  text-align: center;
  border-collapse: collapse;
  border-color: #fff;
}

.ai-home-part1 table tr th {
  width: 16.666666666%;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 5px;
  color: rgba(255, 255, 255, 1);
  background: rgba(36, 104, 242, 1);
  border-right: 1px solid #fff;
  text-align: center;
  height: 40px;
}

.ai-home-part1 table tr td {
  height: 40px;
}

.ai-home-part1 .middle-title {
  font-size: 33px;
  font-weight: 500;
  padding: 20px 0;
  color: rgba(51, 51, 51, 1);
}

table, th, td {
  border: 1px solid #fff;
}

.ai-home-part1 table tr:nth-child(2) td {
  background: rgba(210, 225, 255, 1);
}

.ai-home-part1 table tr:nth-child(3) td {
  background: rgba(234, 241, 255, 1);
}

.ai-home-part1 table tr:nth-child(4) td {
  background: rgba(210, 225, 255, 1);
}

.ai-home-part1 table tr:nth-child(5) td {
  background: rgba(234, 241, 255, 1);
}

.ai-home-part1 .box-ai {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ai-tabs {
  cursor: pointer;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  /*  text-indent: 10px;*/
}

.ai-tabs .original {
  padding: 10px 10px;
  font-size: 18px;
  /*  text-align: center;*/
}

.ai-tabs .activation {
  padding: 10px 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  height: 120px;
}

.ai-tabs {
  width: 20%;
}

.ai-tabs {
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  background: rgba(36, 104, 242, 1);
  border-right: 1px solid #fff;
}

.ai-product-01.activie {
}

/*.ai-tabs {
  font-size: 19px;
  font-weight: 400;
  padding: 6px 5px;
  color: rgba(255, 255, 255, 1);
  background: rgba(36, 104, 242, 1);
  border-right: 1px solid #fff;
  text-align: center
}*/
.nav-pills li {
  cursor: pointer;
}

.flex-ai {
  display: flex;
  flex-direction: row;
  align-items: end;
  height: 120px;
  justify-content: space-between;
}

.ai-tabs.active {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.flex-ai {
  border-top-right-radius: 10px;
}

.box-ai {
  min-height: 300px
}

.ai-product-01 .activation {
  background-image: url('../images/2025/08/aihome/background/part-1.png');
  background-size: cover;
}

.ai-product-02 .activation {
  background-image: url('../images/2025/08/aihome/background/part-2.png');
  background-size: cover;
}

.ai-product-03 .activation {
  background-image: url('../images/2025/08/aihome/background/part-3.png');
  background-size: cover;
}

.ai-product-04 .activation {
  background-image: url('../images/2025/08/aihome/background/part-4.png');
  background-size: cover;
}

.ai-product-05 .activation {
  background-image: url('../images/2025/08/aihome/background/part-5.png');
  background-size: cover;
}

.activation .desc {
  font-size: 12px;
}

.ai-part6 {
  background-image: url('../images/2025/08/aihome/background/part6-bg.png');
  background-size: cover;
  color: white;
}

.ai-part6 .week-title {
  font-size: 20px;
}



.ai-part6 .btn-box {
  font-size: 16px;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 18px;
  font-weight: 400;
  background: rgba(36, 104, 242, 1);
}

.ai-part6 .middle-text {
  font-size: 18px;
  padding: 5px 15px;
  margin-top: 10px;
}

.ai-part6 .number {
  font-size: 36px;
  /*    padding: 5px 15px;*/
}

.ai-part6 .week-box {
  margin-bottom: 20px;
}

.ai-part6 .number-suffix {
  font-size: 18px;
}

.user-box {
  background: rgb(86 158 216 / 50%);
  border-radius: 10px;
  padding: 30px 0
}

.user-info {
  line-height: 2;
  font-size: 14px;
}

.user-box .title {
  border-bottom: 1px solid white;
  padding-bottom: 10px;
}

.user-top {
  padding: 20px 40px;
}

.user-info .col-sm-6 {
  margin-top: 10px
}

.user-info .col-sm-6:nth-child(odd) {
  text-align: center
}

#tab5 .sub-title {
  font-size: 20px;
  font-weight: bold;
}

#tab5 .lv1 {
  background: #5a90fa;
  color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 2px 10px;
  display: inline-block;
  margin-left: 10px;
}

#tab5 .lvl2 {
  background: #ffab14
}

#tab5 .lvl3 {
  background: #34bd66
}

#tab5 .space {
  font-size: 15px;
}


#tab6.scene .space {
  font-size: 15px;
  padding: 15px 10px;
  border-bottom: 1px solid #D2E1FF;
}

.space .text-warning {
  color: rgba(255, 78, 0, 1);
}

.space .text-primary {
  color: rgba(36, 104, 242, 1)
}