.text-page-primary {
  color: var(--color-primary);
}
.banner-wrap {
  border-radius: 12px;
}
.title-normal {
  color: var(--color-primary);
  font-weight: 900;
  font-size: 24px;
}
#tab-intro-cmer:checked ~ .intro-content #intro-cmer,
#tab-intro-smile:checked ~ .intro-content #intro-smile,
#tab-intro-vision:checked ~ .intro-content #intro-vision {
  display: flex;
}
#tab-special-01:checked ~ label[for="tab-special-01"],
#tab-special-02:checked ~ label[for="tab-special-02"],
#tab-special-03:checked ~ label[for="tab-special-03"] {
  background-color: #51515166;
  color: #fff;
}
#tab-special-01:checked ~ .special #special-01,
#tab-special-02:checked ~ .special #special-02,
#tab-special-03:checked ~ .special #special-03 {
  display: block;
}
.history-list-arrow {
  position: relative;
  padding: 16px 0;
}
.history-list-arrow::before {
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzNiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDM5MzQgMC40MzkzNEMxLjAyNTEzIC0wLjE0NjQ0NyAxLjk3NDY1IC0wLjE0NjQ0NyAyLjU2MDQzIDAuNDM5MzRMMTguNjIxIDE2LjQ5OTlMMi41NjA0MyAzMi41NjA0QzEuOTc0NjUgMzMuMTQ2MiAxLjAyNTEzIDMzLjE0NjIgMC40MzkzNCAzMi41NjA0Qy0wLjE0NjQ0NiAzMS45NzQ2IC0wLjE0NjQ0NiAzMS4wMjUxIDAuNDM5MzQgMzAuNDM5M0wxNC4zNzg4IDE2LjQ5OTlMMC40MzkzNCAyLjU2MDQzQy0wLjE0NjQ0NyAxLjk3NDY1IC0wLjE0NjQ0NyAxLjAyNTEzIDAuNDM5MzQgMC40MzkzNFoiIGZpbGw9IiMyOTU4QTMiLz4KPHBhdGggZD0iTTE3LjQzOTMgMC40MzkzNEMxOC4wMjUxIC0wLjE0NjQ0NyAxOC45NzQ2IC0wLjE0NjQ0NyAxOS41NjA0IDAuNDM5MzRMMzUuNjIxIDE2LjQ5OTlMMTkuNTYwNCAzMi41NjA0QzE4Ljk3NDYgMzMuMTQ2MiAxOC4wMjUxIDMzLjE0NjIgMTcuNDM5MyAzMi41NjA0QzE2Ljg1MzYgMzEuOTc0NiAxNi44NTM2IDMxLjAyNTEgMTcuNDM5MyAzMC40MzkzTDMxLjM3ODggMTYuNDk5OUwxNy40MzkzIDIuNTYwNDNDMTYuODUzNiAxLjk3NDY1IDE2Ljg1MzYgMS4wMjUxMyAxNy40MzkzIDAuNDM5MzRaIiBmaWxsPSIjMjk1OEEzIi8+Cjwvc3ZnPgo=");
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -52px;
  top: -20px;
  background-color: var(--color-primary);
}
.history-list::-webkit-scrollbar {
  background-color: #fff;
  width: 8px;
  height: 8px;
}
.history-list::-webkit-scrollbar-thumb {
  background-color: #577eb9;
}
.equipment-text-list {
  overflow: hidden;
  transition: height 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.equipment-text-list li {
  /* opacity: 0; */
  display: none;
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.equipment-text-list li.active {
  /* opacity: 1; */
  display: block;
}
.equipment-swiper .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-right: 1px solid var(--color-primary);
}
@media screen and (max-width: 1023px) {
  .equipment-swiper .swiper-slide {
    width: 10%;
  }
  .equipment-swiper .swiper-slide-active {
    width: 30%;
  }
}
@media screen and (min-width: 1024px) {
  .banner-wrap {
    border-radius: 40px;
  }
  .title-normal {
    font-size: 36px;
  }
  .history-list::-webkit-scrollbar {
    width: 18px;
    height: 18px;
  }
}