.mt-65 {
  margin-top: 65px;
}
.mt-9 {
  margin-top: 9px;
}
.page {
  background-color: rgb(255, 255, 255);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.text-wrapper {
  background-image: url('../../images/0479921c1a84a0a4c11137984f29bd16.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 75vh;
}
.text {
  color: rgb(255, 255, 255);
  font-size: 62px;
  font-family:  "HarmonyOS Sans","OPPO Sans",sans-serif;
  line-height: 50px;
}
.group {
  padding: 0 167px;
}

#categoryTabs {
  display: flex;
  align-items: flex-start;
}

.category-tab {
  cursor: pointer;
  transition: color 0.3s ease;
  position: relative;
}

.category-tab:not(:first-child) {
  margin-left: 61px;
}

.category-tab:hover .font {
  color: rgb(230, 105, 36);
}

.category-tab.active .font {
  color: rgb(230, 105, 36);
}

.category-tab .group_3 {
  transition: opacity 0.3s ease;
}

.font {
  font-size: 26px;
  font-family: "OPPO Sans", "HarmonyOS Sans",sans-serif;
  line-height: 19px;
  color: rgb(28, 28, 28);
  transition: color 0.3s ease;
}
.group_3 {
  width: 80%;
  height: 3px;
  background: rgb(230, 105, 36);
  margin-inline: auto;
}
.text_2 {
  margin-left: 61px;
}
.text_3 {
  margin-left: 58px;
  line-height: 18px;
}
.text_1 {
  margin-left: 52px;
}
.text_5 {
  margin-left: 54px;
  line-height: 18px;
}
.equal-division {
  display: grid;
  grid-template-rows: repeat(1, minmax(0, 1fr));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 25px;
  row-gap: 70px;
}

.article-card {
  text-decoration: none;
  transition: transform 0.3s ease;
}

.article-card:hover {
  transform: translateY(-5px);
}

.article-card:hover .image {
  opacity: 0.9;
}

.article-card:hover .text_7 {
  color: rgb(230, 105, 36);
}

.image {
  width: 100%;
  transition: opacity 0.3s ease;
  object-fit: contain;
}
.text_7 {
  margin-top: 27px;
  color: rgb(28, 28, 28);
  font-size: 22px;
  font-family: "HarmonyOS Sans","OPPO Sans", sans-serif;
  line-height: 20px;
  transition: color 0.3s ease;
}
.text_8 {
  margin-top: 13px;
  color: rgb(28, 28, 28);
  font-size: 15px;
  font-family: "OPPO Sans", "HarmonyOS Sans",sans-serif;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 400;
}
.equal-division-item_1 {
  background-color: rgb(237, 237, 237);
  width: 510px;
  height: 254px;
}