main .text-green {
  color: #3DDC84;
}

main .dev-mobile .btn.btn-lg {
  justify-content: center;
  gap: 4px;
}

.video-guide {
  cursor: pointer;
  color: #3DDC84;
}

.video-guide:hover span {
  color: #f50 !important;
}

.sec1 {
  padding: 32px 0 0;
  background: #F7FFFB;
}

@media (min-width: 1280px) {
  .sec1 {
    position: relative;
  }
}

.sec1 .container {
  padding: 0;
  z-index: 1;
}

.sec1 .lft {
  padding: 0 24px;
}

.sec1 .lft .product-name {
  color: #212121;
}

.sec1 .lft .product-name .support-tips {
  background: linear-gradient(271.03deg, #4385F3 3.64%, #ABE40A 51.11%, #016B36 95.28%),
    linear-gradient(269.85deg, #00EABF 1.87%, #38FE59 22.62%, #D0EA6A 48.23%, #38FED3 97.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec1 .lft .product-name .support-tips::after {
  content: "";
  width: 100%;
  height: 9px;
  background: url('data:image/svg+xml,<svg width="117" height="11" viewBox="0 0 117 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 7c7.774-2.12 41.38-4.998 45.308-4.998 4.35 0-.105 2.44-4.592 5.701-.512.372-.205 1.153.425 1.093L115 2.002" stroke="url(%23paint0_linear_10547_5574)" stroke-opacity=".6" stroke-width="4" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_10547_5574" x1="17.113" y1="5.25" x2="101.616" y2="5.25" gradientUnits="userSpaceOnUse"><stop stop-color="%23016B36" stop-opacity="0.5"/><stop offset=".518" stop-color="%237AE95B" stop-opacity="0.5"/><stop offset="1" stop-color="%234385F3" stop-opacity="0.5"/></linearGradient></defs></svg>') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 2px;
  z-index: -1;
}

.sec1 .lft ul {
  list-style: none;
}

.sec1 .lft ul>li {
  position: relative;
}

.sec1 .lft ul>li::before {
  position: absolute;
  left: -28px;
  top: 3px;
  content: "";
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.226l2.17-1.713C5.566 11.673 7.497 13.146 9 14.37c3.544-4.491 9.57-9.243 12.477-10.957.058.126.215.507.523 1.219-4.842 4.134-9.705 11.726-11.638 16.297L2 12.226z" fill="%233B84F7"/></svg>');
  background-size: 100% 100%;
}

@media (min-width: 992px) {
  .sec1 .lft ul>li::before {
    width: 24px;
    height: 24px;
  }
}

.sec1 .rgt {
  width: 100%;
  position: relative;
}

.sec1 .rgt::before {
  content: '';
  position: absolute;
  width: 576px;
  height: 576px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(https://images.tenorshare.tw/products/4ukey-for-android/sec1-rgt-img-before.png) no-repeat center center;
  background-size: cover;
  z-index: -1;
}

@media (max-width: 991.98px) {
  .sec1 .rgt {
    margin-top: 52px;
  }

  .sec1 .rgt::before {
    width: calc(100% + 40px);
    height: calc(100% + 75px);
    transform: translate(-50%, -55%);
  }
}

.sec1 .rgt picture {
  z-index: -1;
  bottom: 0;
  pointer-events: none;
  width: 342px;
}



@media (min-width: 567px) {
  .sec1 {
    height: 1000px;
  }

  .sec1 .rgt {
    width: 90%;
    height: 338px;
  }
}

@media (min-width: 768px) {
  .sec1 {
    padding: 32px 0;
    height: auto;
  }

  .sec1 .container {
    padding: 0 24px;
  }

  .sec1 .lft {
    max-width: 540px;
    padding: 0;
  }

  .sec1 .rgt {
    width: 420px;
  }
}

@media (min-width: 992px) {
  .sec1 {
    padding: 40px 0;
  }

  .sec1 .lft .product-name .support-tips::after {
    bottom: -2px;
  }

  .sec1 .lft h2 {
    line-height: 130%;
  }

  .sec1 .lft .sys-switch {
    min-width: 200px;
  }

  .sec1 .rgt {
    width: 540px;
    margin-right: -28px;
    margin-bottom: 12px;
  }

  .sec1 .rgt .video-guide {
    margin-bottom: -6px;
  }

  .sec1 .rgt picture {
    width: 506px;
  }
}

@media (min-width: 1280px) {
  .sec1 .rgt {
    margin-right: -46px;
  }

  .sec1 .rgt picture {
    width: 590px;
  }
}

@media (min-width: 1600px) {
  .sec1 .rgt {
    margin-right: -88px;
  }
}

.sec2 {
  padding: 48px 0 0;
}

.sec2 .content {
  border-radius: 24px;
  border: 1px solid rgba(33, 33, 33, 0.1019607843);
}

@media (max-width: 389.9px) {
  .sec2 .content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

.sec2 .lft .item:first-child {
  width: 100%;
}

.sec2 .lft img {
  width: 132px;
}

.sec2 .lft::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: url('data:image/svg+xml,<svg width="294" height="1" viewBox="0 0 294 1" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.5H294" stroke="%23E7E7E7" stroke-dasharray="2 2"/></svg>');
  position: absolute;
  z-index: -1;
  bottom: -15px;
}

.sec2 .rgt {
  width: 100%;
}

.sec2 .rgt .swiper-pagination span {
  width: 6px !important;
  height: 6px !important;
}

.sec2 .rgt .swiper-pagination .swiper-pagination-bullet-active {
  width: 24px !important;
  height: 6px !important;
  border-radius: 24px;
  background: #acacac !important;
}

@media (min-width: 768px) {
  .sec2 .content {
    max-width: 560px;
  }

  .sec2 .lft .item:first-child {
    width: auto;
  }
}

@media (min-width: 992px) {
  .sec2 {
    padding: 22px 0 0;
  }

  .sec2 .content {
    max-width: 100%;
  }

  .sec2 .lft img {
    width: 122px;
  }

  .sec2 .lft::after {
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(233, 233, 233, 0) 0%, #e9e9e9 48%, rgba(233, 233, 233, 0) 100%);
    right: -25px;
    bottom: auto;
  }

  .sec2 .rgt {
    max-width: 430px;
  }

  .sec2 .rgt .testimonial-swiper .testimonial-text {
    max-width: 294px;
  }
}

@media (min-width: 1280px) {
  .sec2 .lft img {
    width: 158px;
  }
}


.sec3 .h2-title {
  max-width: 760px;
}

.sec3 .reiboot-feature .reiboot-image {
  width: 100%;
}

.sec3 .reiboot-feature .reiboot-list {
  width: 100%;
}

.sec3 .reiboot-feature .reiboot-list .swiper-wrapper {
  transform: translate3d(0px, 0px, 0px) !important;
}

.sec3 .reiboot-feature .reiboot-list .item {
  border-radius: 16px;
  position: relative;
  cursor: pointer;

}

.sec3 .reiboot-feature .reiboot-list .item h3 {
  margin-bottom: 0;
  color: #424141;
}

.sec3 .reiboot-feature .reiboot-list .item h3 span {
  font-weight: 330;
}

.sec3 .reiboot-feature .reiboot-list .item p {
  display: none;
}

.sec3 .reiboot-feature .reiboot-list .item.swiper-slide-thumb-active {
  box-shadow: 0px 12px 12px 0px #63977417;
}

.sec3 .reiboot-feature .reiboot-list .item.swiper-slide-thumb-active h3 {
  margin-bottom: 0px;
  color: #3DDC84;
}

.sec3 .reiboot-feature .reiboot-list .item.swiper-slide-thumb-active h3 svg {
  color: #3DDC84;
}

.sec3 .reiboot-feature .reiboot-list .item.swiper-slide-thumb-active p {
  color: #3DDC84;
  display: block;
}

.sec3 .reiboot-feature .reiboot-list .item::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 1px solid #E7E7E7;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.sec3 .reiboot-feature .reiboot-list .item.swiper-slide-thumb-active::after {
  border: 2px solid #3DDC84;
}

@media (min-width: 768px) {
  .sec3 .reiboot-feature .reiboot-image {
    width: 388px;
  }

  .sec3 .reiboot-feature .reiboot-list {
    width: 312px;
  }
}

@media (min-width: 992px) {
  .sec3 .reiboot-feature .reiboot-image {
    width: 496px;
  }

  .sec3 .reiboot-feature .reiboot-list {
    width: 412px;
  }
}

@media (min-width: 1280px) {
  .sec3 .reiboot-feature .reiboot-image {
    width: 584px;
  }

  .sec3 .reiboot-feature .reiboot-list {
    width: 456px;
  }

  .sec3 .reiboot-feature .reiboot-list .item li:nth-child(2n-1) {
    min-width: 192px;
  }
}


.g-frp {
  padding-bottom: 80px;
}

.g-frp .h2-title {
  max-width: 760px;
}

.g-frp .items {
  gap: 30px;
}

.g-frp .item {
  position: relative;
}

.g-frp .cell-box {
  gap: 16px;
}

.g-frp .cell {
  width: 258px;
  padding: 24px 26px;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 380;
}

@media (min-width: 992px) {
  .g-frp .cell:nth-child(1):hover {
    border: 1px solid #3BBE76;
    color: #3BBE76;
  }
  
  .g-frp .cell:nth-child(2):hover {
    border: 1px solid #729CFF;
    color: #729CFF;
  }

  .g-frp .cell:nth-child(3):hover {
    border: 1px solid #EB7BC4;
    color: #EB7BC4;
  }

  .g-frp .cell:nth-child(4):hover {
    border: 1px solid #EBD44E;
    color: #EBD44E;
  }
}

@media (min-width: 768px) {
  .g-frp .item:not(:last-child):after {
    content: '';
    position: absolute;
    width: 70px;
    height: 12px;
    background: url(https://images.tenorshare.tw/products/4ukey-for-android/green-arrow.svg) no-repeat center center;
    background-size: 100% 100%;
    right: 0;
    top: 70px;
  }

  .g-frp .item:nth-child(1)::after {
    transform: translateX(15%);
  }

  .g-frp .item:nth-child(2)::after {
    transform: translateX(95%);
  }
}

@media(min-width: 992px) {
  .g-frp .item:not(:last-child):after {
    width: 90px;
    top: 95px;
  }
}

@media (min-width: 1280px) {
  .g-frp .item:not(:last-child):after {
    width: 114px;
  }

  .g-frp .item:nth-child(1)::after {
    transform: translateX(30%);
  }
}

@media (max-width: 991.98px) {
  .g-frp {
    padding-bottom: 48px;
  }

  .g-frp .item p {
    font-size: 16px !important;
    font-weight: 520;
  }
}


.sec4 {
  padding: 80px 0 0;
  background: linear-gradient(180deg, #F4FFF3 0%, rgba(243, 250, 255, 0) 104.3%);
}

.sec4 .swiper-wrapper {
  gap: 15px;
}

.sec4 .swiper-slide {
  width: calc(33.3% - 10px);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.sec4 .swiper-slide .cell {
  border-radius: 12px;
}

.sec4 .swiper-slide .title {
  font-size: 18px;
  font-weight: 520;
  padding: 24px 24px 0;
}

.sec4 .swiper-slide .hove-text {
  position: relative;

  padding: 0 22px;
}

.sec4 .swiper-slide:hover .hove-text {
  transform: translateY(0);
}

.sec4 .swiper-slide .hove-text .text-title {
  font-size: 24px;
  font-weight: 520;
}

.sec4 .swiper-slide .hove-text .text {
  font-size: 18px;
}

@media (min-width: 650px) {
  .sec4 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .sec4 .swiper-slide .hove-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: translateY(calc(100% + 2px));
    color: #FFFFFF;
    transition: all .5s;
  }

  .sec4 .swiper-slide:hover .hove-text {
    transform: translateY(0);
  }

  .sec4 .swiper-slide:nth-child(1) .hove-text {
    background: linear-gradient(180deg, #E0C4FF 0%, #C28BFF 100%);
  }

  .sec4 .swiper-slide:nth-child(2) .hove-text {
    background: linear-gradient(180deg, #B1FCA1 0%, #6AE25D 100%);
  }

  .sec4 .swiper-slide:nth-child(3) .hove-text {
    background: linear-gradient(180deg, #97DEFF 0%, #41C3FF 100%);
  }

  .sec4 .swiper-slide:nth-child(4) .hove-text {
    background: linear-gradient(180deg, #C4FDEF 0%, #3CE2BC 100%);
  }

  .sec4 .swiper-slide:nth-child(5) .hove-text {
    background: linear-gradient(180deg, #FCDDA1 0%, #EFBE5C 100%);
  }

  .sec4 .swiper-slide:nth-child(6) .hove-text {
    background: linear-gradient(180deg, #CAD7FF 0%, #5C85FF 100%);
  }
}

@media (max-width: 1279.98px) {
  .sec4 .swiper-slide .hove-text .text-title {
    font-size: 20px;
  }

  .sec4 .swiper-slide .hove-text .text {
    font-size: 16px;
  }
}

@media (max-width: 991.98px) {
  .sec4 {
    padding: 48px 0;
  }

  .sec4 .swiper-wrapper {
    gap: 24px;
  }

  .sec4 .swiper-slide {
    width: calc(50% - 12px);
  }
}

@media (max-width: 649.98px) {
  .sec4 .swiper-wrapper {
    gap: 0;
  }

  .sec4 .swiper-slide .cell {
    padding-top: 36px;
  }

  .sec4 .swiper-slide .title {
    display: none;
  }

  .sec4 .swiper-slide .hove-text {
    padding: 0 28px;
    margin-top: 16px;
  }

  .sec4 .swiper-slide .hove-text .text-title {
    font-size: 18px;
  }
}


.sec5 {
  padding: 80px 0;
}

.sec5 .lft {
  max-width: 537px;
}

.sec5 .lft p {
  font-size: 18px;
  color: #424141;
}

.sec5 .lft ul li {
  color: #6B6B6B;
  padding-left: 28px;
  position: relative;
}

.sec5 .lft ul li:not(:last-child) {
  margin-bottom: 8px;
}

.sec5 .lft ul li::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 2px;
  background: url(https://images.tenorshare.tw/products/4ukey-for-android/correct.svg) no-repeat center center;
  background-size: 100% 100%;
}

.sec5 .rgt {
  max-width: 503px;
}

@media (max-width: 1279.98px) {
  .sec5 .lft {
    max-width: 500px;
  }

  .sec5 .rgt {
    max-width: 400px;
  }
}

@media (max-width: 991.98px) {
  .sec5 {
    padding: 48px 0;
  }

  .sec5 .lft,
  .sec5 .rgt {
    max-width: 100%;
  }

  .sec5 .lft p {
    font-size: 16px;
    text-align: center;
  }
}

.support-module {
  padding: 40px 0 0;
  background: #F3FFFA;
}

.support-module .h2-title {
  max-width: 770px;
}

.support-module .sub-tit {
  color: #131212CC;
}

.support-module .select-group {
  gap: 12px;
}

@media (min-width: 1280px) {
  .support-module .select-group {
    gap: 24px;
  }
}

.support-module .select-group .dropdown {
  min-width: 256px;
}

@media (min-width: 1600px) {
  .support-module .select-group .dropdown {
    min-width: 300px;
  }
}

.support-module .select-group .dropdown:hover {
  cursor: pointer;
}

.support-module .select-group .dropdown .select-icon {
  position: absolute;
  right: 16px;
  top: calc(50% - 12px);
}

.support-module .select-group .dropdown .dropdown-toggle {
  height: 56px;
  background-color: #fff;
  padding: 16px 28px 16px 16px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #d8dfe2;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  justify-content: space-between;
}

@media (min-width: 1600px) {
  .support-module .select-group .dropdown .dropdown-toggle {
    height: 68px;
    padding: 16px;
  }
}

.support-module .select-group .dropdown .left-content {
  display: flex;
  align-items: center;
  margin-right: 12px;
}

.support-module .select-group .dropdown .left-content svg {
  margin-right: 8px;
  width: 24px;
}

@media (min-width: 1600px) {
  .support-module .select-group .dropdown .left-content svg {
    width: 32px;
  }
}

.support-module .select-group .dropdown .left-content span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #9C9C9C;
}

.support-module .select-group .dropdown .dropdown-menu {
  border-radius: 6px;
  border: none;
  color: #212121;
  margin-top: 6px !important;
  box-shadow: 0px 4px 4px rgba(196, 196, 196, 0.25);
}

@media (min-width: 1600px) {
  .support-module .select-group .dropdown .dropdown-menu {
    margin-top: 8px !important;
  }
}

.support-module .select-group .dropdown .dropdown-menu .dropdown-item {
  padding: 8px 24px;
  line-height: 28px;
}

@media (min-width: 1600px) {
  .support-module .select-group .dropdown .dropdown-menu .dropdown-item {
    padding: 12px 24px;
  }
}

.support-module .select-group .dropdown .dropdown-menu .dropdown-item:hover,
.support-module .select-group .dropdown .dropdown-menu .dropdown-item:focus {
  color: #3DDC84;
  background-color: #EDFFF5;
  text-decoration: none;
  font-weight: 600;
}

.support-module .select-group .btn-group .btn {
  min-width: 300px;
  justify-content: center;
  border-radius: 6px;
}

.support-module .select-group .btn-group .btn:hover {
  color: #fff !important;
}

.support-module .count-num {
  color: #6B6B6B;
  font-size: 18px;
  font-weight: 380;
}

.support-module .count-num svg {
  vertical-align: -6px;
}

.support-module .dropdown.v1-0-1 .dropdown-toggle::after {
  display: none;
}

.support-module .scroll img:nth-child(1) {
  animation: scroll_move1 48s linear infinite;
  transform: translateX(100%);
}

.support-module .scroll img:nth-child(2) {
  animation: scroll_move2 48s linear infinite;
  animation-delay: calc(48s / -2);
  transform: translateX(0);
}

@keyframes scroll_move1 {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes scroll_move2 {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-200%)
  }
}

@media (max-width: 1599.98px) {
  .support-module .scroll img {
    height: 100px;
  }
}

@media (max-width: 991.98px) {
  .support-module .scroll img {
    height: 60px;
  }

  .support-module .select-group .btn-group .btn {
    min-width: 187px;
  }

  .support-module .count-num {
    font-size: 16px;
  }
}

.sec7 {
  padding: 48px 0;
}

.sec7 .repair-steps .steps-num {
  width: 64px;
  height: 64px;
  font-size: 24px;
  background: linear-gradient(180deg, #FEFEFF 0%, #F9F9FC 100%);
  border: 1px solid #E6EAFA;
  box-shadow: 0px 1px 4px 0px rgba(255, 255, 255, 0.2509803922), 0px 4px 4px 0px rgba(211, 223, 238, 0.2509803922);
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .sec7 {
    padding: 64px 0;
  }
}

@media (min-width: 1280px) {
  .sec7 {
    padding: 80px 0;
  }
}


.why-choise {
  padding-bottom: 80px;
}

.why-choise .reason-box {
  gap: 24px;
}

.why-choise .cell {
  width: 252px;
}

@media (max-width: 991.98px) {
  .why-choise {
    padding-bottom: 48px;
  }

  .why-choise .cell img {
    width: 48px;
  }
}

@media (max-width: 767.98px) {
  .why-choise .reason-box {
    gap: 24px;
  }

  .why-choise .cell {
    width:calc(50% - 12px);
  }
}


.sec8 {
  padding: 48px 0;
  background: #F3FFFA;
}

@media (min-width: 992px) {
  .sec8 {
    position: relative;
  }

  .sec8::before {
    content: "";
    width: 682px;
    height: 351px;
    background: url('data:image/svg+xml,<svg width="682" height="351" viewBox="0 0 682 351" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M426.932-328.722c99.249 131.773 70.045 321.305-65.056 423.416-135.102 102.111-325.41 78.49-425.1-52.95l-155.074 117.207c163.034 215.247 474.481 254.864 696.159 87.317C699.538 78.721 746.41-231.717 583.818-447.298L426.932-328.722z" stroke="url(%23paint0_linear_3392_9941)"/><defs><linearGradient id="paint0_linear_3392_9941" x1="321" y1="93" x2="430" y2="285" gradientUnits="userSpaceOnUse"><stop stop-color="%2306FB12" stop-opacity=".2"/><stop offset="1" stop-color="%2306FB12" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    left: 0px;
    top: 0;
  }
}

.sec8 .feedback-features li {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}

.sec8 .feedback-features li::before {
  display: block;
  content: "";
  width: 20px;
  height: 21px;
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3392_10125)" stroke="%233DDC84"><rect x=".6" y="1.1" width="18.8" height="18.8" rx="9.4" stroke-width="1.2"/><path d="M5.832 10.5l2.946 2.946c.21.21.553.198.748-.025L15 7.167" stroke-width="1.6" stroke-linecap="round"/></g><defs><clipPath id="clip0_3392_10125"><path fill="%23fff" transform="translate(0 .5)" d="M0 0h20v20H0z"/></clipPath></defs></svg>');
  position: absolute;
  left: 0px;
}

.sec8 .feedback-cont .feedback-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.sec8 .feedback-cont .feedback-swiper .feedback-card {
  width: 286px;
  border-radius: 16px;
  height: auto !important;
}

.sec8 .feedback-cont::before {
  display: block;
  content: "";
  width: 48px;
  height: 315px;
  background: url('data:image/svg+xml,<svg width="48" height="315" viewBox="0 0 48 315" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="315" fill="url(%23paint0_linear_681_22677)"/><defs><linearGradient id="paint0_linear_681_22677" x1="48" y1="157.5" x2="0" y2="157.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23F3FFFA" stop-opacity="0"/><stop offset="1" stop-color="%23F3FFFA"/></linearGradient></defs></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.sec8 .feedback-cont::after {
  display: block;
  content: "";
  width: 48px;
  height: 315px;
  background: url('data:image/svg+xml,<svg width="48" height="315" viewBox="0 0 48 315" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="315" transform="matrix(-1 0 0 1 48 0)" fill="url(%23paint0_linear_681_22678)"/><defs><linearGradient id="paint0_linear_681_22678" x1="48" y1="157.5" x2="0" y2="157.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23F3FFFA" stop-opacity="0"/><stop offset="1" stop-color="%23F3FFFA"/></linearGradient></defs></svg>');
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

@media (min-width: 992px) {
  .sec8 {
    padding: 0;
    height: 476px;
  }

  .sec8 h2 {
    font-size: 20px;
  }

  .sec8 .feedback-features li {
    position: relative;
    width: 100%;
  }

  .sec8 .feedback-cont .feedback-swiper {
    height: 476px;
  }

  .sec8 .feedback-cont::before {
    width: 1920px;
    height: 96px;
    background: url('data:image/svg+xml,<svg width="1920" height="96" viewBox="0 0 1920 96" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1920" height="96" fill="url(%23paint0_linear_552_3098)"/><defs><linearGradient id="paint0_linear_552_3098" x1="960" y1="0" x2="960" y2="96" gradientUnits="userSpaceOnUse"><stop stop-color="%23F3FFFA"/><stop offset="1" stop-color="%23F3FFFA" stop-opacity="0"/></linearGradient></defs></svg>');
  }

  .sec8 .feedback-cont::after {
    width: 1920px;
    height: 96px;
    background: url('data:image/svg+xml,<svg width="1920" height="96" viewBox="0 0 1920 96" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1920" height="96" transform="matrix(1 0 0 -1 0 96)" fill="url(%23paint0_linear_552_3099)"/><defs><linearGradient id="paint0_linear_552_3099" x1="960" y1="0" x2="960" y2="96" gradientUnits="userSpaceOnUse"><stop stop-color="%23F3FFFA"/><stop offset="1" stop-color="%23F3FFFA" stop-opacity="0"/></linearGradient></defs></svg>');
  }
}

@media (min-width: 1280px) {
  .sec8 h2 {
    font-size: 28px;
  }
}


.sec9 {
  padding: 48px 0;
  background: #3DDC84;
  z-index: 1;
}

.sec9 .pseudo-bg {
  pointer-events: none;
}

.sec9 .img-logo {
  width: 80px;
}

.sec9 .product-features .product-feature {
  flex: 1 1 40%;
}

.sec9 .product-features .product-feature:first-child {
  flex: 1 1 100%;
}

.sec9::before {
  display: block;
  content: "";
  width: 210px;
  height: 194px;
  background: url('data:image/svg+xml,<svg width="210" height="194" viewBox="0 0 210 194" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M196.379 -115.44C238.738 4.03113 173.839 136.347 50.9366 179.923C-71.966 223.498 -205.718 161.614 -248.077 42.1426L-160.791 11.1952C-134.971 84.0203 -53.3459 121.521 21.3989 95.0201C96.1438 68.5192 135.916 -12.0233 110.096 -84.8484L196.379 -115.44Z" fill="url(%23paint0_linear_681_23129)"/><defs><linearGradient id="paint0_linear_681_23129" x1="133.593" y1="170.96" x2="-8.13645" y2="16.2919" gradientUnits="userSpaceOnUse"><stop stop-color="%2306FB16"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.sec9::after {
  display: block;
  content: "";
  width: 210px;
  height: 194px;
  background: url('data:image/svg+xml,<svg width="215" height="197" viewBox="0 0 215 197" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M475.477 147.687C424.466 24.8424 280.877 -32.5906 154.504 19.8854C28.1301 72.3615 -32.5412 214.613 18.4697 337.458L108.221 300.189C77.1263 225.308 114.339 138.702 191.194 106.788C268.05 74.8745 355.664 109.646 386.758 184.528L475.477 147.687Z" fill="url(%23paint0_linear_681_23127)"/><defs><linearGradient id="paint0_linear_681_23127" x1="74" y1="40.5" x2="244" y2="222.5" gradientUnits="userSpaceOnUse"><stop stop-color="%2306FB16"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
}

@media (min-width: 768px) {
  .sec9 .product-features .product-feature {
    flex: 1 1 20%;
  }

  .sec9 .product-features .product-feature:first-child {
    flex: 1 1 20%;
  }
}

@media (min-width: 992px) {
  .sec9 {
    padding: 64px 0;
  }

  .sec9 .img-logo {
    width: 96px;
  }

  .sec9::before,
  .sec9::after {
    display: none;
  }

  .sec9 .pseudo-bg::before {
    display: block;
    content: "";
    width: 501px;
    height: 410px;
    background: url('data:image/svg+xml,<svg width="501" height="410" viewBox="0 0 501 410" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M153.841 -517C-54.0429 -309.116 -50.1708 32.6707 163.684 246.525C377.538 460.38 719.325 464.252 927.209 256.368L775.329 104.488C648.611 231.206 440.293 228.287 310.235 98.2289C180.176 -31.8296 177.258 -240.147 303.976 -366.865L153.841 -517Z" fill="url(%23paint0_linear_552_3279)"/><defs><linearGradient id="paint0_linear_552_3279" x1="100.341" y1="225.524" x2="540.525" y2="-130.316" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%2306FB16"/></linearGradient></defs></svg>');
    position: absolute;
    z-index: -1;
    top: 0;
    left: 459px;
  }

  .sec9 .pseudo-bg::after {
    display: block;
    content: "";
    width: 606px;
    height: 396px;
    background: url('data:image/svg+xml,<svg width="606" height="396" viewBox="0 0 606 396" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M-352 159.263C-137.264 -55.4731 215.79 -51.4735 436.694 169.431C657.598 390.335 661.598 743.388 446.861 958.125L289.974 801.238C420.869 670.342 417.855 455.158 283.509 320.812C149.163 186.466 -66.0211 183.452 -196.916 314.347L-352 159.263Z" fill="url(%23paint0_linear_552_3278)"/><defs><linearGradient id="paint0_linear_552_3278" x1="415" y1="104" x2="47.4307" y2="558.694" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%2306FB16"/></linearGradient></defs></svg>');
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: -960px;
  }
}

@media (min-width: 1280px) {
  .sec9 {
    padding: 80px 0;
  }

  .sec9 .img-logo {
    width: 128px;
  }
}

@media (min-width: 1600px) {
  .sec9 .pseudo-bg::before {
    left: calc(100% - 501px);
  }

  .sec9 .pseudo-bg::after {
    left: -100%;
  }
}

@media (min-width: 2560px) {
  .sec9 .pseudo-bg::before {
    width: 653px;
    height: 410px;
    background: url('data:image/svg+xml,<svg width="653" height="410" viewBox="0 0 653 410" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M153.841 -517C-54.0429 -309.116 -50.1708 32.6707 163.684 246.525C377.538 460.38 719.325 464.252 927.209 256.368L775.329 104.488C648.611 231.206 440.293 228.287 310.235 98.2289C180.176 -31.8296 177.258 -240.147 303.976 -366.865L153.841 -517Z" fill="url(%23paint0_linear_904_4683)"/><defs><linearGradient id="paint0_linear_904_4683" x1="100.341" y1="225.524" x2="540.525" y2="-130.316" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%2306FB16"/></linearGradient></defs></svg>');
    left: calc(100% - 653px);
  }

  .sec9 .pseudo-bg::after {
    width: 675px;
    background: url('data:image/svg+xml,<svg width="675" height="396" viewBox="0 0 675 396" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M-283 159.263C-68.2635 -55.4731 284.79 -51.4735 505.694 169.431C726.598 390.335 730.598 743.388 515.861 958.125L358.974 801.238C489.869 670.342 486.855 455.158 352.509 320.812C218.163 186.466 2.97893 183.452 -127.916 314.347L-283 159.263Z" fill="url(%23paint0_linear_904_4682)"/><defs><linearGradient id="paint0_linear_904_4682" x1="484" y1="104" x2="116.431" y2="558.694" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%2306FB16"/></linearGradient></defs></svg>');
  }
}


.tech-spec {
  padding: 80px 0;
}

.tech-spec .tech-content .specs-item {
  background: #B4FFE029;
  border-radius: 24px;
}

.tech-spec .tech-content .specs-item .specs-title {
  font-size: 18px;
}

.tech-spec .tech-content .specs-item svg {
  flex-shrink: 0;
}

.tech-spec .tech-content .col:first-child .device-models {
  word-break: break-all;
}


.pro-guide {
  padding: 48px 0 72px;
  background: #F3FFFA;
}

.pro-guide .container {
  padding: 0;
}

.pro-guide h2 {
  padding: 0 24px;
}

.pro-guide .nav-contanier .nav-contanier-content {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.pro-guide .nav-contanier .nav-contanier-content::-webkit-scrollbar {
  display: none;
}

.pro-guide .nav {
  width: 100%;
  gap: 48px;
}

.pro-guide .nav::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #d8dfe2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.pro-guide .nav .nav-link {
  cursor: pointer;
  position: relative;
}

.pro-guide .nav .nav-link:hover {
  color: #3DDC84;
}

.pro-guide .nav .nav-link.active {
  color: #3DDC84;
}

.pro-guide .nav .nav-link.active::after {
  z-index: 99;
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background: #3DDC84;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
}

.pro-guide .tab-content {
  padding: 0 24px;
}

@media (min-width: 992px) {
  .pro-guide {
    padding: 80px 0 128px;
  }

  .pro-guide .container {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .pro-guide .nav-contanier {
    margin: 40px auto 0;
  }

  .pro-guide .nav-contanier::after {
    height: 4px;
  }

  .pro-guide .tab-content {
    padding: 0;
  }

  .pro-guide .nav {
    font-size: 18px;
    gap: 216px;
  }

  .pro-guide .nav::after {
    display: none;
  }

  .pro-guide .nav .nav-link {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 12px;
  }

  .pro-guide .nav .nav-link.active::after {
    width: calc(100% + 24px);
  }
}

@media (min-width: 1280px) {
  .pro-guide .tab-content {
    max-width: 1096px;
    margin-left: auto;
    margin-right: auto;
  }

  .pro-guide .nav .nav-link {
    font-size: 20px;
  }

  .pro-guide .nav .nav-link.active::after {
    height: 4px;
  }
}

@media (min-width: 1400px) {
  .pro-guide .nav {
    font-size: 20px;
  }

  .pro-guide .nav-contanier {
    max-width: 1266px;
  }
}

@media (min-width: 1600px) {
  .pro-guide .nav-contanier {
    margin-top: 60px;
  }

  .pro-guide .tab-content {
    margin-top: 60px;
    max-width: 100%;
  }

  .pro-guide .tab-content .link-more a {
    font-size: 18px;
  }

  .pro-guide .nav .nav-link {
    padding-bottom: 14px;
  }
}

.faq .accordion.v1.v1-0-1 .accordion-item {
  position: relative;
  background: #3DDC841A;
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 12px;
  border: none !important;
}

.faq .accordion.v1.v1-0-1 .accordion-item.active {
  background: #3DDC84;
}

.faq .accordion.v1.v1-0-1 .accordion-item.active .collapsed {
  color: #fff;
}

.faq .accordion.v1.v1-0-1 .accordion-item.active .accordion-button:hover {
  color: #fff;
}

.faq .accordion.v1.v1-0-1 .accordion-item.active .accordion-button::after {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="19" y="10" width="2" height="20" rx="1" fill="white"/><rect x="30" y="19" width="2" height="20" rx="1" transform="rotate(90 30 19)" fill="white"/> </svg>');
  transform: rotate(0deg);
}

.faq .accordion.v1.v1-0-1 .accordion-item:last-child {
  margin-bottom: 0;
}

.faq .accordion.v1.v1-0-1 .accordion-item .accordion-button {
  font-size: 16px;
  font-weight: 520;
  line-height: 1;
  background: none;
  cursor: pointer;
  padding-bottom: 12px !important;
  padding-right: 24px !important;
}

.faq .accordion.v1.v1-0-1 .accordion-item .accordion-button:hover {
  color: #3DDC84;
}

.faq .accordion.v1.v1-0-1 .accordion-item .accordion-button::after {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="19" y="10" width="2" height="20" rx="1" fill="%23212121"/><rect x="30" y="19" width="2" height="20" rx="1" transform="rotate(90 30 19)" fill="currentColor"/> </svg>');
  position: absolute;
  top: -4px;
  right: 0;
}

.faq .accordion.v1.v1-0-1 .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
}

.faq .accordion.v1.v1-0-1 .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="19" y="10" width="2" height="20" rx="1" fill="white"/><rect x="30" y="19" width="2" height="20" rx="1" transform="rotate(90 30 19)" fill="white"/> </svg>');
  transform: rotate(45deg);
}

.faq .accordion.v1.v1-0-1 .accordion-item .accordion-body a {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .faq .accordion.v1.v1-0-1 .accordion-item .accordion-button::after {
    width: 40px;
    height: 40px;
    top: -8px;
  }
}

.hot-article .article-list .item {
  border-radius: 24px;
  background: #3DDC841A;
}