: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 #00000040;
}

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;
  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;
  }
}

.section-2 {
  padding: 72px 0;
  position: relative;
}

.section-2::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;
}

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

.section-2 .items {
  margin-bottom: 38px;
}

.section-2 .item {
  width: calc(25%);
  text-align: center;
}

.section-2 .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;
}

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

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

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

@media (min-width: 992px) {
  .section-2 .icon-box>div {
    min-width: 1451px;
    display: inline-flex;
    justify-content: space-between;
    will-change: transform;
  }
  
  .section-2 .icon-box>div:first-child {
    animation: first_move 24s linear infinite;
    transform: translateX(100%);
    padding-right: 120px;
  }
  
  .section-2 .icon-box>div:last-child {
    animation: secound_move 24s linear infinite;
    animation-delay: calc(24s / -2);
    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) {
  .section-2 {
    padding: 48px 0;
  }

  .section-2::before {
    width: 1000px;
    height: 401px;
    transform: translate(-50%, 10px);
  }

  .section-2 .items {
    margin-bottom: 32px;
  }

  .section-2 .item .data {
    font-size: 64px;
  }

  .section-2 .icon-box {
    padding: 24px 0;
  }
}

@media (max-width: 991.98px) {
  .section-2 {
    padding: 32px 0;
  }

  .section-2 .items {
    gap: 16px 0;
    margin-bottom: 10px;
  }

  .section-2 .item {
    width: 50%;
    padding: 16px 32px 24px;
  }

  .section-2 .item .data {
    font-size: 48px;
  }

  .section-2 .icon-box>div {
    gap: 24px;
  }

  .section-2 .icon-box>div>img {
    width: auto;
    height: 16px;
  }

  .section-2 .icon-box::before,
  .section-2 .icon-box::after {
    display: none;
  }
}

@media (max-width: 767.98px) {

  .section-2::before {
    width: 720px;
    height: 302px;
    top: 72px;
    transform: translate(-50%, 0);
  }

  .section-2 .item {
    width: 100%;
  }
}

.section-3 {
  padding: 70px 0 120px;
}

.section-3 .text-orange {
  color: #FF7E43;
}

.section-3 .text-pink {
  background: linear-gradient(90deg, #FA8100 23.56%, #FFAEF4 47.6%, #FFA942 86.54%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-3 .text-blue {
  background: linear-gradient(90deg, #C59CFF 0%, #41C4FA 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-3 .languages-voice {
  background: url(https://www.blipcut.com/images/product/tts/sec3-languages-voice-bg.png) no-repeat center center;
  background-size: cover;
  padding: 52px 0 60px;
  border-radius: 24px;
  position: relative;
}

.section-3 .languages-voice .lft {
  max-width: 530px;
  margin-left: 60px;
}

.section-3 .languages-voice .lft h3 span {
  color: #FF7E43;
}

.section-3 .languages-voice .lft p {
  font-size: 18px;
}

.section-3 .languages-voice .rgt {
  width: 730px;
  height: 387px;
}

.section-3 .voice-item {
  width: max-content;
  color: #01C16D;
  padding: 8px;
  border-radius: 88px;
  background: #fff;
  box-shadow: 0px 4px 8px 0px #8EF5AD29;
  border: 2px solid #FFFFFF;
  position: absolute;
  cursor: pointer;
}

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

.section-3 .wave .sound-animation::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  mask-image: url('data:image/svg+xml,<svg width="88" height="28" viewBox="0 0 88 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 11.434L0.5 16.566 M3 11.434L3 16.566 M5.5 9.8L5.5 18.2 M8 9.8L8 18.2 M10.5 7.7L10.5 20.3 M13 7.7L13 20.3 M15.5 4.667L15.5 23.333 M18.5 1.763L18.5 26.237 M21 7.7L21 20.3 M23.5 7.7L23.5 20.3 M26 9.8L26 18.2 M28.5 9.8L28.5 18.2 M31 11.434L31 16.566 M33.5 11.434L33.5 16.566 M36 12.833L36 15.167 M38.5 12.833L38.5 15.167 M41.5 11.434L41.5 16.566 M44 9.8L44 18.2 M46.5 7.7L46.5 20.3 M49 4.667L49 23.333 M51.5 7.7L51.5 20.3 M54 9.8L54 18.2 M56.5 11.434L56.5 16.566 M59.5 12.833L59.5 15.167 M62 12.833L62 15.167 M64.5 12.833L64.5 15.167 M67 10.033L67 17.967 M69.5 7.7L69.5 20.3 M72 4.434L72 23.566 M74.5 0L74.5 28 M77 4.434L77 23.566 M79.5 7.7L79.5 20.3 M82 10.033L82 17.967 M84.5 10.728L84.5 17.272 M87 11.439L87 16.561" stroke="black" stroke-width="1" stroke-linecap="round"/></svg>');
}

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

.section-3 .sculpture {
  width: 20px;
  height: 20px;
  position: relative;
  background: #000;
  color: #fff;
  border-radius: 50%;
  margin-left: 6px;
}

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

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

.section-3 .voice-item.voice1 {
  left: 22%;
  top: 0;
}

.section-3 .voice-item.voice2 {
  left: 34%;
  top: 17%;
}

.section-3 .voice-item.voice3 {
  left: 70%;
  top: 14%;
}

.section-3 .voice-item.voice4 {
  left: 0%;
  top: 28%;
}

.section-3 .voice-item.voice5 {
  left: 48%;
  top: 38%;
}

.section-3 .voice-item.voice6 {
  left: 16%;
  top: 52%;
}

.section-3 .voice-item.voice7 {
  left: 43%;
  top: 64%;
}

.section-3 .voice-item.voice8 {
  right: 3%;
  top: 50%;
}

.section-3 .voice-item.voice9 {
  left: 9%;
  top: 81%;
}

.section-3 .voice-item.voice10 {
  left: 48%;
  bottom: 0%;
}

.section-3 .voice-item.voice11 {
  right: 0%;
  bottom: 7%;
}

.section-3 .cell {
  width: calc(33.4% - 21px);
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section-3 .cell.cell1 {
  background: url(https://www.blipcut.com/images/product/tts/sec3-cell-bg1.png) no-repeat center center;
  background-size: cover;
}

.section-3 .cell.cell2 {
  background: url(https://www.blipcut.com/images/product/tts/sec3-cell-bg2.png) no-repeat center center;
  background-size: cover;
}

.section-3 .cell.cell3 {
  background: url(https://www.blipcut.com/images/product/tts/sec3-cell-bg3.png) no-repeat center center;
  background-size: cover;
}

.section-3 .cell .top-text {
  padding: 40px 28px 0;
  margin-bottom: 24px;
}

.section-3 .cell .top-text p {
  font-size: 18px;
}

.section-3 .cell .top-text p.title {
  font-size: 26px;
  line-height: 1.2;
}

@media (max-width: 1599.98px) {
  .section-3 .languages-voice .lft {
    max-width: 440px;
    margin-left: 48px;
  }

  .section-3 .languages-voice .lft h3 {
    font-size: 26px;
  }

  .section-3 .languages-voice .lft p {
    font-size: 16px;
  }

  .section-3 .languages-voice .rgt {
    width: 612px;
    height: 323px;
  }

  .section-3 .voice-item {
    padding: 7px;
  }

  .section-3 .voice-item img {
    width: 23px;
  }

  .section-3 .wave .sound-animation {
    width: 73px;
    height: 23px;
  }

  .section-3 .sculpture {
    width: 16px;
    height: 16px;
  }

  .section-3 .cell {
    width: calc(33.4% - 13px);
  }

  .section-3 .cell .top-text {
    padding: 32px 24px 0;
    margin-bottom: 20px;
  }

  .section-3 .cell .top-text p {
    font-size: 16px;
  }

  .section-3 .cell .top-text p.title {
    font-size: 20px;
  }
}

@media (max-width: 1279.98px) {
  .section-3 .languages-voice {
    padding: 28px 0 35px;
  }

  .section-3 .languages-voice .lft,
  .section-3 .languages-voice .rgt {
    width: 100%;
    max-width: 100%;
  }

  .section-3 .languages-voice .lft {
    margin-left: 0;
    padding: 0 22px;
    text-align: center;
    margin-bottom: 52px;
  }
}

@media (max-width: 991.98px) {
  .section-3 {
    padding: 60px 0 80px;
  }

  .section-3 .cell-box {
    gap: 24px;
  }

  .section-3 .cell {
    width: 100%;
  }

  .section-3 .cell .top-text {
    padding: 28px 22px 0;
    margin-bottom: 28px;
  }

  .section-3 .cell .top-text p {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  .section-3 .languages-voice .lft {
    margin-bottom: 40px;
  }

  .section-3 .languages-voice .lft h3 {
    font-size: 20px;
  }

  .section-3 .languages-voice .lft p {
    font-size: 14px;
  }

  .section-3 .languages-voice .rgt {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 24px 16px;
    padding: 0 16px;
  }

  .section-3 .voice-item {
    position: relative;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    right: unset !important;
  }
}

@media (max-width: 450px) {
  .section-3 .voice-item {
    width: calc(50% - 8px);
    max-width: 150px;
  }
}

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

.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;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: var(--icon-play);
  mask-size: 80% auto;
  /* transition: all 0.3s linear; */
}

.section-4 .voice-item.active .sculpture::after {
  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;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  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% {
    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% {
    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% {
    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% {
    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 .top_mood_voice {
  padding-top: 50px;
}

.section-5 .mood-box {
  width: calc(50% - 15px);
  padding: 66px 30px 40px;
  position: relative;
}

.section-5 .mood-box.lft {
  background: url(https://www.blipcut.com/images/product/tts/user-mood-voice-bg1.png) no-repeat center center;
  background-size: cover;
}

.section-5 .mood-box.rgt {
  background: url(https://www.blipcut.com/images/product/tts/user-mood-voice-bg2.png) no-repeat center center;
  background-size: cover;
}

.section-5 .mood-box .user-header {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}

.section-5 .mood-box .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

.section-5 .mood_voice_box {
  gap: 16px 12px;
}

.section-5 .mood-box .voice-item {
  min-width: 150px;
  padding: 6px 8px;
  border-radius: 88px;
  font-size: 14px;
  background: #FFFFFFCC;
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(8px);
  cursor: pointer;
}

.section-5 .voice-item .sculpture {
  width: 32px;
  height: 32px;
  position: relative;
  border-radius: 50%;
}

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

.section-5 .voice-item.active .sculpture::after {
  animation: animate-sound2 0.6s infinite linear;
  transform: translate(-50%, -50%);
}

@keyframes animate-sound2 {
  0% {
    mask-image: url('data:image/svg+xml,<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 18v4M27 11v18M20 6v28M13 12v16M6 18v4" stroke="%23fff" stroke-width="3.6" stroke-linecap="round"/></svg>');
  }
  30% {
    mask-image: url('data:image/svg+xml,<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 17v6M27 8v24M20 12v16M13 15v10M6 19v2" stroke="%23fff" stroke-width="3.6" stroke-linecap="round"/></svg>');
  }
  60% {
    mask-image: url('data:image/svg+xml,<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 19v2M27 12v16M20 6v28M13 17v6M6 17v6" stroke="%23fff" stroke-width="3.6" stroke-linecap="round"/></svg>');
  }
  100% {
    mask-image: url('data:image/svg+xml,<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 18v4M27 11v18M20 6v28M13 12v16M6 18v4" stroke="%23fff" stroke-width="3.6" stroke-linecap="round"/></svg>');
  }
}

.section-5 .mood-box .voice-item .sculpture {
  background: #A6FF00;
}

.section-5 .bottom_lange_voice {
  gap: 20px 0;
}

.section-5 .bottom_lange_voice .link-voice {
  width: calc(25% - 18px);
  padding: 10px 16px;
  border-radius: 8px;
  background: #F6F8FC;
  border: 1px solid #F2F2F2;
}

.section-5 .bottom_lange_voice .link-voice:hover {
  background: #A6FF0033;
  border: 1px solid #A6FF00;
  box-shadow: 0px 2px 8px 0px #8AB73A3B;

}

.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 .mood-box {
    width: calc(50% - 10px);
    padding: 46px 26px;
  }

  .section-5 .mood_voice_box {
    gap: 12px 8px;
  }

  .section-5 .mood-box .user-header {
    width: 80px;
  }

  .section-5 .mood-box .voice-item {
    min-width: 128px;
  }

  .section-5 .voice-item .sculpture {
    width: 24px;
    height: 24px;
  }

  .section-5 .bottom_lange_voice .voice-item .sculpture {
    width: 32px;
    height: 32px;
  }

  .section-5 .bottom_lange_voice .link-voice a img {
    width: 36px;
  }
}

@media (max-width: 991.98px) {
  .section-5 {
    padding: 40px 0;
  }

  .section-5 .mood-box {
    width: 100%;
    padding: 56px 20px 32px;
  }

  .section-5 .top_mood_voice {
    padding-top: 40px;
  }

  .section-5 .mood-box.lft {
    margin-bottom: 64px;
  }

  .section-5 .mood-box .name {
    font-size: 20px;
  }

  .section-5 .mood-box .gender {
    font-size: 14px;
  }

  .section-5 .voice-item .sculpture {
    width: 32px;
    height: 32px;
  }

  .section-5 .bottom_lange_voice .link-voice a img {
    width: 42px;
    height: 42px;
  }

  .section-5 .bottom_lange_voice {
    gap: 12px;
    max-height: 432px;
    overflow: scroll;
    padding-right: 16px;
  }

  .section-5 .bottom_lange_voice::after {
    content: '';
    position: sticky;
    width: 100%;
    height: 68px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #fdfdff 15%, rgb(255 255 255 / 90%) 34.18%, rgba(9, 12, 51, 0) 100%);
  }

  .section-5 .bottom_lange_voice .link-voice {
    width: 100%;
  }
}

@media (max-width: 630px) {
  .section-5 .mood_voice_box {
    gap: 12px 16px;
  }

  .section-5 .mood-box .voice-item {
    min-width: calc(50% - 8px);
  }

  .section-5 .btn-group a.btn {
    width: 100%;
    max-width: 400px;
    padding: 20px 0;
    justify-content: center;
  }
}

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

}

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

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

.section-6 .guide-list li {
  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: #A6FF0080;
  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: 40px 16px;
  }
}

@media (max-width: 991.98px) {
  .section-6 {
    padding: 40px 0;
  }
}

.section-7 {
  padding: 120px 0;
}

.section-7 .swiper-wrapper {
  height: auto;
  gap: 32px;
}

.section-7 .swiper-slide {
  width: 360px;
  height: auto;
}

.section-7 .item-box {
  height: 100%;
  padding: 48px 36px;
  border: 1px solid #A8A8A8;
  border-radius: 16px;
}

.section-7 .item-box .active-top-icon {
  position: absolute;
  width: max-content;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  padding: 6px 18px;
  line-height: 1.2;
  background: linear-gradient(270deg, #a6ff00 -2.55%, #ffc66c 105.84%);
}

.section-7 .item-box .license {
  font-weight: 500;
}

.section-7 .item-box .price-per-day {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1a1a;
  margin-right: 10px;
}

.section-7 .item-box .price-per-day span {
  font-size: 20px;
}

.section-7 .item-box .pf-choose {
  font-size: 14px;
  color: #FFC66C;
}

.section-7 .item-box .price-old,
.section-7 .item-box .credit-title,
.section-7 .item-box ul {
  color: #7a7a7a;
  font-size: 14px;
}

.section-7 .swiper-slide.active .item-box {
  border: 0;
  background: #25442D;
}

.section-7 .swiper-slide.active .item-box .license,
.section-7 .swiper-slide.active .item-box .price-per-day {
  color: #FFFFFF;
}

.section-7 .swiper-slide.active .item-box .price-old,
.section-7 .swiper-slide.active .item-box .credit-title,
.section-7 .swiper-slide.active .item-box ul {
  color: #FFFFFFB2;
}

.section-7 .payment>img {
  margin-right: 12px;
}

.section-7 .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #A8A8A8;
  margin-right: 6px;
  opacity: 1;
}

.section-7 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #A6FF00;
}

@media (max-width: 991.98px) {
  .section-7 {
    padding: 60px 0;
  }

  .section-7 .swiper-wrapper {
    gap: 0;
  }

  .section-7 .payment>div {
    width: 100%;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 14px;
  }

  .section-7 .payment>img {
    margin: 6px;
  }

  .section-7 .item-box .pf-choose {
    font-size: 12px;
  }
}

.section-8 {
  padding: 40px 0 80px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 3.84%, rgba(9, 255, 0, 0.06) 86.65%, rgba(0, 255, 98, 0.06) 100%);
}

.section-8 #swiper-step-txt {
  width: 248px;
  padding-right: 48px;
  margin-right: 48px;
  position: relative;
}

.section-8 #swiper-step-txt::after {
  content: '';
  position: absolute;
  height: calc(110%);
  border: 1px dashed #1A1A1A;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.1;
}

.section-8 #swiper-step-txt .swiper-slide {
  padding: 1px;
  background: #F2F2F2;
  border-radius: 8px;
}

.section-8 #swiper-step-txt .swiper-slide:not(:last-child) {
  margin-bottom: 16px;
}

.section-8 #swiper-step-txt .swiper-slide.swiper-slide-thumb-active {
  background: linear-gradient(76.88deg, #B5FF6F 12.19%, #05F7CC 37.55%);
}

.section-8 #swiper-step-txt .swiper-slide span {
  display: flex;
  line-height: 1.4;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 6px;
}

.section-8 #swiper-step-txt .swiper-slide.swiper-slide-thumb-active span {
  font-weight: 700;
  background: linear-gradient(84.77deg, #BFFFC3 13.1%, #A5FFEF 85.13%);
}

.section-8 #swiper-step-pic {
  max-width: 1040px;
}

.section-8 #swiper-step-pic .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-8 #swiper-step-pic .swiper-slide .lft {
  max-width: 500px;
}

.section-8 #swiper-step-pic .swiper-slide .rgt {
  max-width: 454px;
}

@media (max-width: 1599.98px) {
  .section-8 #swiper-step-txt {
    width: 224px;
    padding-right: 24px;
    margin-right: 24px;
  }

  .section-8 #swiper-step-pic {
    max-width: 927px;
  }

  .section-8 #swiper-step-pic .swiper-slide .lft {
    max-width: 454px;
  }

  .section-8 #swiper-step-pic .swiper-slide .rgt {
    max-width: 410px;
  }
}

@media (max-width: 1279.98px) {
  .section-8 #swiper-step-txt {
    width: 100%;
    margin-right: unset;
    padding-right: unset;
    overflow: hidden;
  }

  .section-8 #swiper-step-txt::after {
    display: none;
  }

  .section-8 #swiper-step-txt .swiper-slide {
    width: max-content !important;
    min-width: 200px;
  }

  .section-8 #swiper-step-txt .swiper-slide:not(:last-child) {
    margin-right: 16px;
    margin-bottom: 0;
  }

  .section-8 #swiper-step-pic .swiper-slide {
    flex-direction: column;
  }

  .section-8 #swiper-step-pic {
    max-width: 100%;
  }

  .section-8 #swiper-step-pic .swiper-slide .lft,
  .section-8 #swiper-step-pic .swiper-slide .rgt {
    max-width: 100%;
  }

  .section-8 #swiper-step-pic .swiper-slide .lft {
    margin: 24px 0 32px;
  }
}

.pro_faq {
  padding-top: 160px;
}

@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;
  }
}