:root {
  --icon-play: url('data:image/svg+xml,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7 9.81c1.73.97 1.73 3.41 0 4.38l-9.79 5.47C7.17 20.63 5 19.41 5 17.47V6.53c0-1.94 2.17-3.16 3.91-2.19l9.79 5.47z" fill="black"/></svg>');
  --icon-stop: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8" y="5" width="3" height="14" rx="1.5" fill="black"/><rect x="14" y="5" width="3" height="14" rx="1.5" fill="black"/></svg>');
}

a.link-text {
  color: #727374;
}

a.link-text:hover {
  color: #6EA30A;
}

a.btn.btn-black:hover {
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.2509803922);
}

a.btn.btn-black span {
  transition: all 0.2s ease;
}

a.btn.btn-black:hover span {
  transform: translateX(5px);
}

.text-focus {
  position: relative;
  z-index: 1;
}

.text-focus::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  background: url(https://www.blipcut.com/images/product/tts/sec8-text-underline.png) no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 1vw;
  z-index: -1;
}

@media (max-width: 1599.98px) {
  .text-focus::before {
    bottom: -7px;
    height: 1.5vw;
  }
}
@media (max-width: 991.98px) {
  .text-focus::before {
    bottom: -6px;
    height: 16px;
  }
}
.top-bg {
  z-index: -1;
}

.section-1 {
  padding: 180px 0 68px;
}

.section-1 .text-green {
  background: linear-gradient(76.88deg, #81E029 15.52%, #37DDC0 37.55%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}

.section-1 .title-text {
  max-width: 944px;
}

.section-1 .title-text p {
  font-size: 18px;
  opacity: 0.6;
}

@media (max-width: 991.98px) {
  .section-1 {
    padding: 104px 0 48px;
  }
  .section-1 .title-text p {
    font-size: 14px;
  }
}
.brands {
  padding: 72px 0;
  position: relative;
}

.brands::before {
  content: "";
  position: absolute;
  width: 1200px;
  height: 428px;
  background: url(https://www.blipcut.com/images/product/tts/sec2-earth.png) no-repeat center center;
  background-size: 100% 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, -28px);
  z-index: -1;
}

.brands p.title {
  font-size: 20px;
}

.brands .items {
  margin-bottom: 38px;
}

.brands .item {
  width: 25%;
  text-align: center;
}

.brands .item .data {
  font-size: 80px;
  font-weight: 900;
  line-height: 100%;
  color: transparent;
  background: linear-gradient(109.94deg, #25442D 2.56%, #2F916F 90.94%);
  -webkit-background-clip: text;
  background-clip: text;
}

.brands .icon-box {
  padding: 26px 0;
  position: relative;
  overflow: hidden;
}

.brands .icon-box::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
  background: linear-gradient(90deg, #fff -10%, rgba(255, 255, 255, 0.9) 14.18%, rgba(9, 12, 51, 0) 100%);
}

.brands .icon-box::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 9;
  background: linear-gradient(90deg, rgba(9, 12, 51, 0) 0%, rgba(255, 255, 255, 0.9) 86.18%, #fff 100%);
}

@media (min-width: 992px) {
  .brands .icon-box > div {
    min-width: 1451px;
    display: inline-flex;
    justify-content: space-between;
    will-change: transform;
  }
  .brands .icon-box > div:first-child {
    animation: first_move 24s linear infinite;
    transform: translateX(100%);
    padding-right: 120px;
  }
  .brands .icon-box > div:last-child {
    animation: secound_move 24s linear infinite;
    animation-delay: -12s;
    transform: translateX(0);
    padding-right: 120px;
  }
  @keyframes first_move {
    0% {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
  }
  @keyframes secound_move {
    0% {
      transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
    }
  }
}
@media (max-width: 1599.98px) {
  .brands {
    padding: 48px 0;
  }
  .brands::before {
    width: 1000px;
    height: 401px;
    transform: translate(-50%, 10px);
  }
  .brands .items {
    margin-bottom: 32px;
  }
  .brands .item .data {
    font-size: 64px;
  }
  .brands .icon-box {
    padding: 24px 0;
  }
}
@media (max-width: 991.98px) {
  .brands {
    padding: 32px 0;
  }
  .brands .items {
    gap: 16px 0;
    margin-bottom: 10px;
  }
  .brands .item {
    width: 50%;
    padding: 16px 32px 24px;
  }
  .brands .item .data {
    font-size: 48px;
  }
  .brands .icon-box > div {
    gap: 24px;
  }
  .brands .icon-box > div > img {
    width: auto;
    height: 16px;
  }
  .brands .icon-box::before,
  .brands .icon-box::after {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .brands::before {
    width: 720px;
    height: 302px;
    top: 72px;
    transform: translate(-50%, 0);
  }
  .brands .item {
    width: 100%;
  }
}
.section-2 {
  padding: 64px 0;
  position: relative;
}
@media (min-width: 1600px) {
  .section-2 {
    padding: 60px 0 120px;
  }
}
.section-2 .generate-box {
  background: linear-gradient(180deg, #F5F7FF 0%, #E2E7FF 100%);
  border-radius: 24px;
  padding: 16px;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.0784313725);
}
.section-2 .generate-box .generate-box-inner {
  border-radius: 18px;
  padding: 20px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.0705882353);
  border: 1px solid #FFFFFF;
  width: 100%;
  gap: 24px;
}
@media (min-width: 390px) {
  .section-2 .generate-box .generate-box-inner {
    padding: 24px;
  }
}
@media (min-width: 1280px) {
  .section-2 .generate-box .generate-box-inner {
    gap: 48px;
  }
}
@media (min-width: 1600px) {
  .section-2 .generate-box .generate-box-inner {
    gap: 80px;
  }
}
@keyframes waveAnimation {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.5);
  }
  100% {
    transform: scaleY(1);
  }
}
.section-2 .generate-box .generate-box-inner .inner-left {
  width: 100%;
}
@media (min-width: 1280px) {
  .section-2 .generate-box .generate-box-inner .inner-left {
    width: 459px;
  }
}
.section-2 .generate-box .generate-box-inner .inner-left p {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: #1A1A1A;
}
.section-2 .generate-box .generate-box-inner .inner-left .tag-list {
  gap: 8px;
  flex-wrap: wrap;
}
.section-2 .generate-box .generate-box-inner .inner-left .tag-list .tag-item {
  font-weight: 400;
  font-size: 12px;
  color: #1A1A1A;
  border-radius: 30px;
  padding: 10px 16px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.0705882353);
  border: 1px solid #FFFFFF;
}
.section-2 .generate-box .generate-box-inner .inner-middle .wave {
  display: inline-block;
  width: 100%;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.section-2 .generate-box .generate-box-inner .inner-middle .wave.playing svg path {
  animation: waveAnimation 1s infinite ease-in-out;
  transform-origin: center;
}
.section-2 .generate-box .generate-box-inner .inner-middle .wave.playing svg path:nth-child(odd) {
  animation-delay: 0s;
}
.section-2 .generate-box .generate-box-inner .inner-middle .wave.playing svg path:nth-child(even) {
  animation-delay: 0.4s;
}
.section-2 .generate-box .generate-box-inner .inner-right .voice-item {
  cursor: pointer;
  color: #969DC9;
  position: relative;
}
.section-2 .generate-box .generate-box-inner .inner-right .voice-item:hover {
  color: #C5CCF5;
}
.section-2 .generate-box .generate-box-inner .inner-right .btn-xl {
  height: 48px;
  padding: 0 32px;
}
@media (min-width: 390px) {
  .section-2 .generate-box .generate-box-inner .inner-right .btn-xl {
    padding: 0 40px;
  }
}
@media (min-width: 1280px) {
  .section-2 .generate-box .generate-box-inner .inner-right .btn-xl {
    height: 64px;
  }
}

.section-3 {
  padding: 64px 0;
}
@media (min-width: 1600px) {
  .section-3 {
    padding: 100px 0 120px;
  }
}
@media (min-width: 992px) {
  .section-3 .voice-box {
    gap: 16px;
  }
}
@media (min-width: 1280px) {
  .section-3 .voice-box {
    gap: 24px;
  }
}
.section-3 .cell {
  width: 358px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: start;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  height: auto;
}
@media (min-width: 992px) {
  .section-3 .cell {
    width: 280px;
  }
}
@media (min-width: 1280px) {
  .section-3 .cell {
    width: 380px;
  }
}
@media (min-width: 1600px) {
  .section-3 .cell {
    width: 456px;
  }
}
.section-3 .cell .top-text {
  padding: 32px 20px 24px;
}
@media (min-width: 1280px) {
  .section-3 .cell .top-text {
    padding: 32px;
  }
}
.section-3 .cell .top-text .title {
  color: #000000;
}
@media (min-width: 1280px) {
  .section-3 .cell .top-text .title {
    font-size: 24px;
  }
}
.section-3 .cell .top-text .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #4A4A4A;
}
@media (min-width: 1280px) {
  .section-3 .cell .top-text .desc {
    font-size: 18px;
  }
}
.section-3 .swiper-pagination-bullet {
  width: 14px;
  height: 5px;
  background: #25442D;
  margin-right: 6px;
}

.section-4 {
  padding: 80px 0;
}

.section-4 .text-title p {
  max-width: 780px;
  color: #727374;
}

.section-4 .voice-box {
  gap: 32px 0;
}

.section-4 .item {
  width: calc(33.4% - 22px);
  padding: 24px 20px 20px;
  height: auto;
  display: flex;
  flex-direction: column;
}

.section-4 .voice-item {
  cursor: pointer;
}

.section-4 .voice-item.voice1 {
  color: #5D00FF;
}

.section-4 .voice-item.voice2 {
  color: #FF5B00;
}

.section-4 .voice-item.voice3,
.section-4 .voice-item.voice4 {
  color: #0083FF;
}

.section-4 .voice-item.voice5 {
  color: #228B28;
}

.section-4 .voice-item.voice6 {
  color: #FF00AF;
}

.section-4 .sculpture {
  width: 56px;
  height: 56px;
  position: relative;
  background: #FFFFFF;
  border-radius: 50%;
  margin-right: 16px;
}

.section-4 .sculpture::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(calc(2px - 50%), -50%);
  height: 65%;
  aspect-ratio: 1/1;
  background-color: currentColor;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--icon-play);
          mask-image: var(--icon-play);
  -webkit-mask-size: 80% auto;
          mask-size: 80% auto;
  /* transition: all 0.3s linear; */
}

.section-4 .voice-item.active .sculpture::after {
  -webkit-mask-image: var(--icon-stop);
          mask-image: var(--icon-stop);
  transform: translate(-50%, -50%);
}

.section-4 .wave .sound-animation {
  display: inline-block;
  width: 148px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.section-4 .wave .sound-animation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="150" height="52" viewBox="0 0 150 52" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M1 25L1 27" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M5 24L5 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M9 21L9 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M13 16.5V35.5" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M17 21L17 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M21 24L21 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M25 25L25 27" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M29 21L29 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M33 16.5V35.5" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M37 14L37 38" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M41 18L41 34" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M45 8L45 44" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M49 15L49 37" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M53 18L53 34" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M57 24L57 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M61 20L61 32" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M65 17L65 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M69 24L69 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M73 21L73 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M77 17L77 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M81 5L81 47" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M85 10L85 42" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M89 1L89 51" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M93 6L93 46" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M97 10L97 42" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M101 20L101 32" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M105 23L105 29" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M109 16L109 36" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M113 13L113 39" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M117 15L117 37" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M121 17L121 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M125 9L125 43" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M129 13L129 39" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M133 20L133 32" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M137 17L137 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M141 21L141 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M145 24L145 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M149 25L149 27" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
          mask-image: url('data:image/svg+xml,<svg width="150" height="52" viewBox="0 0 150 52" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M1 25L1 27" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M5 24L5 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M9 21L9 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M13 16.5V35.5" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M17 21L17 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M21 24L21 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M25 25L25 27" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M29 21L29 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M33 16.5V35.5" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M37 14L37 38" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M41 18L41 34" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M45 8L45 44" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M49 15L49 37" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M53 18L53 34" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M57 24L57 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M61 20L61 32" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M65 17L65 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M69 24L69 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M73 21L73 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M77 17L77 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M81 5L81 47" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M85 10L85 42" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M89 1L89 51" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M93 6L93 46" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M97 10L97 42" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M101 20L101 32" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M105 23L105 29" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M109 16L109 36" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M113 13L113 39" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M117 15L117 37" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M121 17L121 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M125 9L125 43" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M129 13L129 39" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M133 20L133 32" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M137 17L137 35" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M141 21L141 31" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M145 24L145 28" stroke="black" stroke-width="2" stroke-linecap="round"/><path d="M149 25L149 27" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
}

.section-4 .voice-item.active .sound-animation::before {
  animation: animate-sound-mask 0.6s infinite linear;
}

@keyframes animate-sound-mask {
  0% {
    -webkit-mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="13" width="1" height="4" rx=".5" fill="black"/><rect x="2" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="4" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="6" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="10" y="2" width="1" height="26" rx=".5" fill="black"/><rect x="12" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="14" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="16" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="18" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="20" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="22" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="24" width="1" height="30" rx=".5" fill="black"/><rect x="26" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="28" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="30" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="32" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="34" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="36" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="38" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="40" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="42" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="44" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="48" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="52" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="54" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="56" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="58" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="60" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="62" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="64" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="66" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="68" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="70" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="72" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="76" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="78" y="11" width="1" height="7" rx=".5" fill="black"/></svg>');
            mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="13" width="1" height="4" rx=".5" fill="black"/><rect x="2" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="4" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="6" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="10" y="2" width="1" height="26" rx=".5" fill="black"/><rect x="12" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="14" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="16" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="18" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="20" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="22" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="24" width="1" height="30" rx=".5" fill="black"/><rect x="26" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="28" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="30" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="32" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="34" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="36" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="38" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="40" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="42" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="44" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="48" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="52" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="54" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="56" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="58" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="60" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="62" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="64" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="66" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="68" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="70" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="72" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="76" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="78" y="11" width="1" height="7" rx=".5" fill="black"/></svg>');
  }
  30% {
    -webkit-mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="14" width="1" height="2" rx=".5" fill="black"/><rect x="2" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="4" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="6" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="8" y="4" width="1" height="22" rx=".5" fill="black"/><rect x="10" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="12" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="14" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="16" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="18" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="20" y="8" width="1" height="14" rx=".5" fill="black"/><rect x="22" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="24" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="26" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="28" y="8" width="1" height="14" rx=".5" fill="black"/><rect x="30" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="32" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="34" y="4" width="1" height="21" rx=".5" fill="black"/><rect x="36" y="6" width="1" height="17" rx=".5" fill="black"/><rect x="38" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="40" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="42" y="3" width="1" height="24" rx=".5" fill="black"/><rect x="44" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="48" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="52" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="54" y="4" width="1" height="20" rx=".5" fill="black"/><rect x="56" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="58" y="6" width="1" height="17" rx=".5" fill="black"/><rect x="60" y="8" width="1" height="12" rx=".5" fill="black"/><rect x="62" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="64" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="66" y="5" width="1" height="18" rx=".5" fill="black"/><rect x="68" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="70" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="72" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="76" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="78" y="11" width="1" height="6" rx=".5" fill="black"/></svg>');
            mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="14" width="1" height="2" rx=".5" fill="black"/><rect x="2" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="4" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="6" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="8" y="4" width="1" height="22" rx=".5" fill="black"/><rect x="10" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="12" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="14" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="16" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="18" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="20" y="8" width="1" height="14" rx=".5" fill="black"/><rect x="22" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="24" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="26" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="28" y="8" width="1" height="14" rx=".5" fill="black"/><rect x="30" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="32" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="34" y="4" width="1" height="21" rx=".5" fill="black"/><rect x="36" y="6" width="1" height="17" rx=".5" fill="black"/><rect x="38" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="40" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="42" y="3" width="1" height="24" rx=".5" fill="black"/><rect x="44" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="48" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="52" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="54" y="4" width="1" height="20" rx=".5" fill="black"/><rect x="56" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="58" y="6" width="1" height="17" rx=".5" fill="black"/><rect x="60" y="8" width="1" height="12" rx=".5" fill="black"/><rect x="62" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="64" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="66" y="5" width="1" height="18" rx=".5" fill="black"/><rect x="68" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="70" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="72" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="76" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="78" y="11" width="1" height="6" rx=".5" fill="black"/></svg>');
  }
  60% {
    -webkit-mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="14" width="1" height="1" rx=".5" fill="black"/><rect x="2" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="4" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="6" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="8" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="17" rx=".5" fill="black"/><rect x="10" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="12" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="14" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="16" y="11" width="1" height="6" rx=".5" fill="black"/><rect x="18" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="20" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="22" y="12" width="1" height="4" rx=".5" fill="black"/><rect x="24" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="26" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="28" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="30" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="32" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="34" y="6" width="1" height="16" rx=".5" fill="black"/><rect x="36" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="38" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="40" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="42" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="44" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="48" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="6" rx=".5" fill="black"/><rect x="52" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="54" y="6" width="1" height="16" rx=".5" fill="black"/><rect x="56" y="8" width="1" height="12" rx=".5" fill="black"/><rect x="58" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="60" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="62" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="64" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="66" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="68" y="11" width="1" height="6" rx=".5" fill="black"/><rect x="70" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="72" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="4" rx=".5" fill="black"/><rect x="76" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="78" y="12" width="1" height="5" rx=".5" fill="black"/></svg>');
            mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="14" width="1" height="1" rx=".5" fill="black"/><rect x="2" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="4" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="6" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="8" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="17" rx=".5" fill="black"/><rect x="10" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="12" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="14" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="16" y="11" width="1" height="6" rx=".5" fill="black"/><rect x="18" y="12" width="1" height="5" rx=".5" fill="black"/><rect x="20" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="22" y="12" width="1" height="4" rx=".5" fill="black"/><rect x="24" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="26" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="28" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="30" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="32" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="34" y="6" width="1" height="16" rx=".5" fill="black"/><rect x="36" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="38" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="40" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="42" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="44" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="48" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="6" rx=".5" fill="black"/><rect x="52" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="54" y="6" width="1" height="16" rx=".5" fill="black"/><rect x="56" y="8" width="1" height="12" rx=".5" fill="black"/><rect x="58" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="60" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="62" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="64" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="66" y="7" width="1" height="14" rx=".5" fill="black"/><rect x="68" y="11" width="1" height="6" rx=".5" fill="black"/><rect x="70" y="9" width="1" height="10" rx=".5" fill="black"/><rect x="72" y="10" width="1" height="8" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="4" rx=".5" fill="black"/><rect x="76" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="78" y="12" width="1" height="5" rx=".5" fill="black"/></svg>');
  }
  100% {
    -webkit-mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="13" width="1" height="4" rx=".5" fill="black"/><rect x="2" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="4" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="6" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="10" y="2" width="1" height="26" rx=".5" fill="black"/><rect x="12" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="14" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="16" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="18" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="20" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="22" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="24" width="1" height="30" rx=".5" fill="black"/><rect x="26" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="28" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="30" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="32" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="34" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="36" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="38" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="40" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="42" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="44" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="48" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="52" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="54" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="56" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="58" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="60" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="62" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="64" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="66" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="68" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="70" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="72" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="76" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="78" y="11" width="1" height="7" rx=".5" fill="black"/></svg>');
            mask-image: url('data:image/svg+xml,<svg width="79" height="30" fill="black" xmlns="http://www.w3.org/2000/svg"><rect y="13" width="1" height="4" rx=".5" fill="black"/><rect x="2" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="4" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="6" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="8" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="10" y="2" width="1" height="26" rx=".5" fill="black"/><rect x="12" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="14" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="16" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="18" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="20" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="22" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="24" width="1" height="30" rx=".5" fill="black"/><rect x="26" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="28" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="30" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="32" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="34" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="36" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="38" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="40" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="42" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="44" y="9" width="1" height="11" rx=".5" fill="black"/><rect x="46" y="11" width="1" height="8" rx=".5" fill="black"/><rect x="48" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="50" y="11" width="1" height="7" rx=".5" fill="black"/><rect x="52" y="10" width="1" height="10" rx=".5" fill="black"/><rect x="54" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="56" y="6" width="1" height="18" rx=".5" fill="black"/><rect x="58" y="5" width="1" height="20" rx=".5" fill="black"/><rect x="60" y="7" width="1" height="15" rx=".5" fill="black"/><rect x="62" y="5" width="1" height="19" rx=".5" fill="black"/><rect x="64" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="66" y="3" width="1" height="23" rx=".5" fill="black"/><rect x="68" y="10" width="1" height="9" rx=".5" fill="black"/><rect x="70" y="7" width="1" height="16" rx=".5" fill="black"/><rect x="72" y="8" width="1" height="13" rx=".5" fill="black"/><rect x="74" y="12" width="1" height="6" rx=".5" fill="black"/><rect x="76" y="9" width="1" height="12" rx=".5" fill="black"/><rect x="78" y="11" width="1" height="7" rx=".5" fill="black"/></svg>');
  }
}
.section-4 .bottom-text {
  padding: 32px 16px;
  border: 1px solid #FFFFFF;
  flex: 1;
}

.section-4 .bottom-text li {
  padding-left: 30px;
  position: relative;
}

.section-4 .bottom-text li:not(:last-child) {
  margin-bottom: 8px;
}

.section-4 .bottom-text li::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(https://www.blipcut.com/images/product/tts/sec3-correct-icon.svg) no-repeat center center;
  background-size: 100% 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section-4 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #25442D;
  margin-right: 6px;
}

@media (max-width: 1599.98px) {
  .section-4 {
    padding: 60px 0;
  }
  .section-4 .voice-box {
    gap: 24px 0;
  }
  .section-4 .item {
    width: calc(33.4% - 16px);
  }
}
@media (max-width: 1279.98px) {
  .section-4 {
    padding: 40px 0;
  }
  .section-4 .text-title p {
    font-size: 14px;
  }
  .section-4 .item {
    width: calc(50% - 16px);
  }
  .section-4 .item h4 {
    font-size: 20px;
  }
  .section-4 .item p,
  .section-4 .item li {
    font-size: 14px;
  }
}
.section-5 {
  padding: 120px 0;
}

.section-5 .bottom_lange_voice {
  gap: 16px;
}

.section-5 .bottom_lange_voice .link-voice {
  width: calc(20% - 13px);
  padding: 8px 16px 8px 8px;
  border-radius: 32px;
  background: #F4F4F4;
  color: #000000;
  font-weight: 700;
}
.section-5 .bottom_lange_voice .link-voice .link-text {
  width: 80%;
}
.section-5 .bottom_lange_voice .link-voice .tone {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.section-5 .bottom_lange_voice .link-voice:hover {
  background: #D9D9D9;
}

.section-5 .bottom_lange_voice .link-voice a {
  flex: 1;
}

.section-5 .bottom_lange_voice .voice-item .sculpture {
  color: #fff;
  background: #1A1A1A;
}

@media (max-width: 1599.98px) {
  .section-5 .bottom_lange_voice .link-voice {
    width: calc(20% - 16px);
  }
  .section-5 .bottom_lange_voice .link-voice a img {
    width: 36px;
  }
}
@media (max-width: 991.98px) {
  .section-5 {
    padding: 40px 0;
  }
  .section-5 .bottom_lange_voice .link-voice a img {
    width: 42px;
    height: 42px;
  }
  .section-5 .bottom_lange_voice {
    gap: 12px;
  }
  .section-5 .bottom_lange_voice::after {
    content: "";
    position: sticky;
    width: 100%;
    height: 68px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #fdfdff 15%, rgba(255, 255, 255, 0.9) 34.18%, rgba(9, 12, 51, 0) 100%);
  }
  .section-5 .bottom_lange_voice .link-voice {
    width: calc(50% - 12px);
  }
}
.section-7 .different-language {
  gap: 48px;
}
@media (min-width: 1600px) {
  .section-7 .different-language {
    gap: 92px;
  }
}
.section-7 .different-language .lang-link-list {
  gap: 19px;
  width: 300px;
}
.section-7 .different-language .lang-link-list .link-item {
  color: #1A1A1A;
  text-decoration: underline;
}
.section-7 .different-language .lang-link-list .link-item:hover {
  color: #517D00;
}

.section-6 {
  padding: 120px 0;
  background: linear-gradient(180deg, #F6F8FC 0%, #F6F8FC 96.31%);
}

.section-6 .cont {
  gap: 93px;
  width: -moz-max-content;
  width: max-content;
  padding: 70px;
  background: #F6FFE5;
  border-radius: 40px;
}

.section-6 .guide-list {
  width: 520px;
}

.section-6 .guide-list li {
  height: -moz-max-content;
  height: max-content;
  cursor: pointer;
}

.section-6 .guide-list li h3 {
  font-size: 24px;
  line-height: 120%;
}

.section-6 .guide-list li:not(:last-child) {
  min-height: 146px;
}

.section-6 .guide-list li:not(:last-child)::after {
  content: "";
  height: 48px;
  width: 2px;
  border-radius: 4px;
  border: 2px solid #25442D;
  left: 28px;
  top: 50%;
  transform: translate(-50%, 4px);
  display: block;
  position: absolute;
}

.section-6 .guide-list li .num {
  font-size: 24px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  background: rgba(166, 255, 0, 0.5019607843);
  color: #25442D;
  margin-right: 35px;
}

.section-6 .guide-list li.swiper-slide-thumb-active .num {
  background: #25442D;
  color: #A6FF00;
}

.section-6 .guide-pic {
  max-width: 695px;
}

.section-6 .guide-pic .contest .num {
  font-size: 18px;
  line-height: 140%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #A6FF00;
  color: #25442D;
}

.section-6 .guide-pic .swiper-slide-active .num {
  background: #25442D;
  color: #A6FF00;
}

.section-6 .guide-pic .contest h3 {
  font-size: 20px;
  line-height: 120%;
}

.section-6 .guide-pic .contest p {
  font-size: 14px;
  margin-bottom: 40px;
}

.section-6 .swiper-pagination-bullet {
  width: 14px;
  height: 5px;
  background: #25442D;
  margin-right: 6px;
}

.section-6 .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 20px;
}

@media (max-width: 1599.98px) {
  .section-6 {
    padding: 60px 0;
  }
  .section-6 .cont {
    width: 100%;
    padding: 70px 48px;
    justify-content: space-between;
  }
  .section-6 .guide-list {
    width: 502px;
  }
  .section-6 .guide-pic {
    max-width: 530px;
  }
}
@media (max-width: 1279.98px) {
  .section-6 .cont {
    padding: 64px 16px;
  }
}
@media (max-width: 991.98px) {
  .section-6 {
    padding: 64px 0;
  }
}
.pro_faq {
  padding-top: 120px;
}

@media (max-width: 1599.98px) {
  .pro_faq {
    padding-top: 120px;
  }
}
@media (max-width: 991.98px) {
  .pro_faq {
    padding-top: 80px;
  }
}
.pro_faq .accordion.v1.v1-0-1 .accordion-item {
  margin-bottom: 0;
  padding: 20px;
  cursor: pointer;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item:has(.show) {
  border-radius: 16px;
  padding: 20px;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item > div::after {
  display: block;
  content: "";
  border: 1px solid #F2F2F2;
  position: relative;
  top: 20px;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header.collapsed {
  font-weight: 700 !important;
  color: #1A1A1A !important;
  padding: 0;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header {
  font-weight: 700 !important;
  font-size: 18px;
  padding: 0 0 16px;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header h3 {
  margin-bottom: 0;
  font-size: 16px;
  margin-right: 16px;
  line-height: 1.5;
  text-align: start;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header::after {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.00029 14.0003L15.2929 22.2929C15.6834 22.6834 16.3166 22.6834 16.7071 22.2929L24.9997 14.0003" stroke="%231A1A1A" stroke-width="3" stroke-linecap="round"/></svg>');
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header:not(.collapsed)::after {
  transform: rotate(180deg);
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-body {
  overflow: hidden;
  padding: 0;
  font-size: 14px;
}

.pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-body * {
  color: #7A7A7A;
  font-size: 14px;
}

@media (max-width: 767.98px) {
  .pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-body * {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .pro_faq .accordion.v1.v1-0-1 .accordion-item {
    margin-bottom: 0;
    padding: 26px 40px;
  }
  .pro_faq .accordion.v1.v1-0-1 .accordion-item:has(.show) {
    padding: 26px 40px;
  }
  .pro_faq .accordion.v1.v1-0-1 .accordion-item > div::after {
    top: 26px;
  }
  .pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header {
    font-size: 24px;
  }
  .pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header h3 {
    font-size: 18px;
  }
  .pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-header::after {
    width: 32px;
    height: 32px;
  }
  .pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-body {
    padding: 0;
    font-size: 16px;
  }
  .pro_faq .accordion.v1.v1-0-1 .accordion-item .accordion-body p {
    border-top: none;
    padding-top: 0;
  }
}
.btm-module {
  padding-bottom: 120px;
}

.btm-module .item {
  padding: 120px 0;
  border-radius: 32px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

.btm-module video {
  position: absolute;
  width: 105%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}

.btm-module .item h2 {
  font-size: 56px;
}

.btm-module a {
  margin-right: 32px;
}

@media (max-width: 1599.98px) {
  .btm-module .item {
    padding: 100px 0;
  }
  .btm-module .item h2 {
    font-size: 40px;
  }
}
@media (max-width: 1279.98px) {
  .btm-module video {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 991.98px) {
  .btm-module {
    padding-bottom: 80px;
  }
  .btm-module .item {
    padding: 80px 48px;
  }
  .btm-module .item h2 {
    font-size: 26px;
  }
  .btm-module a {
    margin-right: unset;
    margin-bottom: 24px;
    justify-content: center;
    padding: 0;
  }
}/*# sourceMappingURL=speech-generation.css.map */