/* Christmas banner start */
.the_banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background: #363838;
}
.the_banner .banner-content {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
@media (min-width: 992px) {
  .the_banner .banner-content {
    white-space: normal;
  }
}
.the_banner .banner-content .icon {
  width: 30px;
  height: 32px;
  flex-shrink: 0;
}
.the_banner .banner-content a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .the_banner .banner-content a {
    font-size: 18px;
    line-height: 27px;
    white-space: normal;
  }
}
.the_banner .banner-content a:hover {
  opacity: 0.7;
}
.the_banner .banner-content a .yellow-word {
  font-weight: 900;
  color: #FFCF1B;
}
/* Christmas banner end- */
  [data-sys="android"] .sys-noandroid{
    display: none !important; 
  }
  [data-sys="ios"] .sys-noios{
    display: none !important; 
  }


  section {
    padding: 64px 0;
  }

  @media (min-width: 1280px) {
    section {
      padding: 100px 0;
    }
  }
  .section-1 {
    padding: 0;
    overflow: hidden;
    position: relative;
  }
  .section-1 .content-wrap {
    padding: 32px 0 0px;
    position: relative;
    background: linear-gradient(180deg, #FFFFFF 0%, #F0EDFF 100%);
    display: flex;
    align-items: center;
  }
  @media (min-width: 992px) {
    .section-1 .content-wrap {
      background: url("../png/banner-bg-2.png") no-repeat;
      background-size: cover;
      padding: 32px 0;
    }
  }
  @media (min-width: 1600px) {
    .section-1 .content-wrap {
      padding: 36px 0;
    }
  }
  .section-1 h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 41.6px;
  }
  @media (min-width: 992px) {
    .section-1 h1 {
      font-size: 40px;
      line-height: 56px;
    }
  }
  @media (min-width: 1600px) {
    .section-1 h1 {
      font-size: 48px;
      line-height: 67.2px;
    }
  }
  .section-1 .hot-icon {
    width: 45px;
    height: 16px;
    display: inline-block;
    z-index: 1;
    background: url(../png/hot-2.png) no-repeat;
    background-size: 100% 100%;
  }
  .section-1 .new-icon {
    width: 45px;
    height: 16px;
    display: inline-block;
    z-index: 1;
    background: url(../png/new.png) no-repeat;
    background-size: 100% 100%;
  }
  .section-1 .self-icon {
    width: max-content;
    height: 16px;
    padding: 0 6px 0 9px;
    display: inline-block;
    z-index: 1;
    background: url(../png/hot.png)
      no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-style: italic;
  }
  .section-1 .lft {
    max-width: 100%;
  }
  @media (min-width: 992px) {
    .section-1 .lft {
      max-width: 720px;
    }
  }
  @media (min-width: 1600px) {
    .section-1 .lft {
      max-width: 790px;
      margin-left: 0;
    }
  }
  .section-1 .lft .notice-cont {
    display: inline-flex;
    align-items: center;
    padding: 4px 5px;
    background: linear-gradient(90deg, rgba(156, 227, 246, 0.25) 0%, rgba(247, 183, 250, 0.25) 100%);
    border-radius: 4px;
    gap: 8px;
    margin-bottom: 12px;
    color: #6767FF;
  }
  .section-1 .lft .notice-cont svg {
    width: 24px;
    height: 24px;
  }
  .section-1 .lft .notice-cont p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    width: 285px;
  }
  @media (min-width: 992px) {
    .section-1 .lft .notice-cont {
      padding: 8px 12px;
    }
    .section-1 .lft .notice-cont p {
      width: 472px;
      font-size: 16px;
    }
  }
  .section-1 .lft .sec-tit {
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    gap: 4px;
  }
  @media (min-width: 992px) {
    .section-1 .lft .sec-tit {
      font-size: 24px;
    }
  }
  .section-1 .lft .sec-tit .support-tips {
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
    position: relative;
    z-index: 2;
  }
  .section-1 .lft .sec-tit .support-tips span{
    position: relative;
    z-index: 2;
    background: linear-gradient(268.21deg, #F7A099 -4.16%, #FB755E 17.31%, #4893B3 46.88%, #02384F 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .section-1 .lft .sec-tit .support-tips::after {
    content: "";
    width: 100%;
    height: 12px;
    background: url("https://images.tenorshare.com/img-2024/product/ianygo/support-line.svg") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: -4px;
  }
  .section-1 .lft .des-list {
    color: #6B6B6B;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 28px;
    max-width: 790px;
    list-style: none;
    margin-bottom: 32px;
  }
  @media (max-width: 568px) {
    .section-1 .lft .des-list {
      max-width: 342px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 24px;
      margin-bottom: 20px;
    }
  }
  @media (max-width: 992px) {
    .section-1 .lft .des-list {
      margin-top: 14px;
    }
  }
  @media (max-width: 1600px) {
    .section-1 .lft .des-list {
      line-height: 24px;
    }
  }
  .section-1 .lft .des-list li {
    font-size: 14px;
    position: relative;
    color: #878B8D;
  }
  @media (min-width: 1600px) {
    .section-1 .lft .des-list li {
      font-size: 16px;
    }
  }
  .section-1 .lft .des-list li .text-bold {
    font-weight: 500;
    color: #525252;
  }
  .section-1 .lft .des-list li::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(../png/blue-correct-2.png) no-repeat;
    background-size: 100% 100%;
    top: 2px;
    left: -28px;
  }
  @media (min-width: 1600px) {
    .section-1 .lft .des-list li::before {
      width: 24px;
      height: 24px;
      top: 0;
    }
  }
  .section-1 .lft .des-list li:not(:nth-child(1)) {
    margin-top: 12px;
  }
  @media (max-width: 992px) {
    .section-1 .lft .des-list li:not(:nth-child(1)) {
      margin-top: 8px;
    }
  }
  .section-1 .btn-group {
    gap: 12px;
  }
  @media (min-width: 992px) {
    .section-1 .btn-group {
      gap: 32px;
    }
  }
  .section-1 .btn-group a {
    min-width: 200px;
  }
  @media (max-width: 992px) {
    .btn-group a {
      min-width: 224px !important;
    }
    .btn.btn-xl{
      padding: 0px 18px !important;
    }
  }
  .section-1 .change-sys a {
    opacity: 0.3;
    transition: all 0.4s;
  }
  .section-1 .change-sys a.active {
    opacity: 1;
  }
  .section-1 .change-sys a:hover {
    color: #212121;
    opacity: 1;
  }
  .section-1 .banner {
    width: 326px;
    margin-top: 8px;
  }
  @media (min-width: 1280px) {
    .section-1 .banner {
      width: 558px;
      margin-top: 0;
    }
  }
  @media (min-width: 1600px) {
    .section-1 .banner {
      width: 745px;
      margin-right: 45px;
    }
  }

  .section-2 {
    padding: 26px 0;
    background: #E9E9FF;
  }
  @media (min-width: 1280px) {
    .section-2 {
      padding: 20px 0;
    }
  }
  @media (min-width: 1600px) {
    .section-2 {
      padding: 24px 0;
    }
  }
  .section-2 .lft {
    margin-bottom: 12px;
  }
  @media (min-width: 1280px) {
    .section-2 .lft {
      margin-bottom: 0;
    }
  }
  .section-2 .lft .pre-prize {
    gap: 12px;
    margin-bottom: 12px;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .pre-prize {
      gap: 14px;
      padding-right: 50px;
      margin-bottom: 0;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .pre-prize {
      gap: 16px;
      padding-right: 32px;
    }
  }
  .section-2 .lft .pre-prize li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 105px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #A2A2CC;
    position: relative;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .pre-prize li {
      width: 132px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .pre-prize li {
      width: 175px;
    }
  }
  .section-2 .lft .pre-prize li::before {
    content: "";
    width: 20px;
    height: 32px;
    background: url(https://images.tenorshare.com/img-2024/product/ianygo/prize-bg.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0px;
    top: 0;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .pre-prize li::before {
      width: 25px;
      height: 40px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .pre-prize li::before {
      width: 34px;
      height: 55px;
    }
  }
  .section-2 .lft .pre-prize li::after {
    content: "";
    width: 20px;
    height: 32px;
    background: url(https://images.tenorshare.com/img-2024/product/ianygo/prize-bg.svg) no-repeat;
    background-size: 100% 100%;
    transform: rotateY(180deg);
    position: absolute;
    right: 0px;
    top: 0;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .pre-prize li::after {
      width: 25px;
      height: 40px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .pre-prize li::after {
      width: 34px;
      height: 55px;
    }
  }
  .section-2 .lft .pre-prize li .tit {
    font-size: 18px;
    font-weight: 800;
    display: block;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .pre-prize li .tit {
      font-size: 20px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .pre-prize li .tit {
      font-size: 28px;
    }
  }
  .section-2 .lft .pre-prize li .des {
    font-size: 12px;
    transform: scale(0.7);
    text-wrap: nowrap;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .pre-prize li .des {
      transform: scale(0.8);
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .pre-prize li .des {
      transform: scale(1);
    }
  }
  .section-2 .lft .media-lists {
    gap: 12px;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .media-lists {
      padding: 0 24px;
      gap: 24px;
      border-width: 2px;
      border-style: solid;
      border-color: transparent #99A6CB transparent #99A6CB;
    }
  }
  @media (min-width: 1700px) {
    .section-2 .lft .media-lists {
      padding: 0 40px;
      gap: 40px;
    }
  }
  .section-2 .lft .media-lists img:nth-child(1) {
    width: 110px;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .media-lists img:nth-child(1) {
      width: 170px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .media-lists img:nth-child(1) {
      width: 226px;
    }
  }
  .section-2 .lft .media-lists img:nth-child(2) {
    width: 43px;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .media-lists img:nth-child(2) {
      width: 66px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .media-lists img:nth-child(2) {
      width: 87px;
    }
  }
  .section-2 .lft .media-lists img:nth-child(3) {
    width: 65px;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .media-lists img:nth-child(3) {
      width: 100px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .media-lists img:nth-child(3) {
      width: 134px;
    }
  }
  .section-2 .lft .media-lists img:nth-child(4) {
    width: 76px;
  }
  @media (min-width: 1280px) {
    .section-2 .lft .media-lists img:nth-child(4) {
      width: 117px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .lft .media-lists img:nth-child(4) {
      width: 156px;
    }
  }
  @media (min-width: 1280px) {
    .section-2 .rgt {
      padding-left: 40px;
    }
  }
  .section-2 .rgt img {
    width: 116px;
    margin-right: 2px;
  }
  @media (min-width: 992px) {
    .section-2 .rgt img {
      width: 99px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .rgt img {
      width: 116px;
    }
  }
  .section-2 .rgt .review-mark {
    font-size: 24px;
    font-weight: 500;
  }
  .section-2 .rgt .des {
    color: #3A3A3A;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
  }
  .section-2 .rgt .des:hover {
    color: #F50;
  }
  @media (min-width: 992px) {
    .section-2 .rgt .des {
      font-size: 16px;
    }
  }
  @media (min-width: 1600px) {
    .section-2 .rgt .des {
      font-size: 18px;
    }
  }
  .section-2 .rgt .gap-line {
    width: 120px;
    height: 1px;
    background: #99A6CB;
    margin: 4px 0;
  }
  @media (max-width: 1600px) {
    .section-2 .rgt .gap-line {
      margin: 2px 0;
      width: 108px;
    }
  }
  @media (max-width: 992px) {
    .section-2 .rgt .gap-line {
      margin: 4px 0;
      width: 120px;
    }
  }

  
  .section-3 .content h2 {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section-3 .content h2 span {
    background: linear-gradient(90.22deg, #5A39FF 25.42%, #DE2BFF 63.03%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 6px;
  }
  .section-3 .content h2 .discord{
    position: relative;
    display: inline-block;
    margin : 0 8px;
  }
  .section-3 .content h2 .discord::after{
    display: block;
    content: '';
    width:27px;
    height: 46px;
    background: url('data:image/svg+xml,<svg width="27" height="46" viewBox="0 0 27 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2744 10.7629C11.4697 10.0159 12.5303 10.0159 12.7256 10.7629L15.1174 19.9091C15.2206 20.3039 15.51 20.6235 15.8927 20.7651L21.3801 22.7967C22.0329 23.0383 22.0329 23.9617 21.3801 24.2033L15.8927 26.2349C15.51 26.3765 15.2206 26.6961 15.1174 27.0909L12.7256 36.2371C12.5303 36.9841 11.4697 36.9841 11.2744 36.2371L8.88263 27.0909C8.77939 26.6961 8.48995 26.3765 8.10728 26.2349L2.6199 24.2033C1.96709 23.9617 1.96709 23.0383 2.6199 22.7967L8.10728 20.7651C8.48995 20.6235 8.77939 20.3039 8.88263 19.9091L11.2744 10.7629Z" fill="url(%23paint0_linear_2477_2044)" stroke="url(%23paint1_linear_2477_2044)" stroke-width="0.5"/><path d="M21.108 28.439C21.1946 28.0115 21.8054 28.0115 21.892 28.439L22.9525 33.6742C22.9899 33.8588 23.1119 34.0152 23.2819 34.0964L26.0129 35.4016C26.3163 35.5466 26.3163 35.9784 26.0129 36.1234L23.2819 37.4286C23.1119 37.5099 22.9899 37.6662 22.9525 37.8508L21.892 43.086C21.8054 43.5135 21.1946 43.5135 21.108 43.086L20.0475 37.8508C20.0101 37.6662 19.8881 37.5098 19.7181 37.4286L16.9871 36.1234C16.6837 35.9784 16.6837 35.5466 16.9871 35.4016L19.7181 34.0964C19.8881 34.0152 20.0101 33.8588 20.0475 33.6742L21.108 28.439Z" fill="url(%23paint2_linear_2477_2044)" stroke="url(%23paint3_linear_2477_2044)" stroke-width="0.2"/><defs><linearGradient id="paint0_linear_2477_2044" x1="7" y1="34.5" x2="3.10639" y2="22.7803" gradientUnits="userSpaceOnUse"><stop stop-color="%235A39FF"/><stop offset="1" stop-color="%23DE2BFF"/></linearGradient><linearGradient id="paint1_linear_2477_2044" x1="12" y1="7" x2="12" y2="40" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white" stop-opacity="0.06"/></linearGradient><linearGradient id="paint2_linear_2477_2044" x1="19.2083" y1="42.2708" x2="16.4192" y2="35.7675" gradientUnits="userSpaceOnUse"><stop stop-color="%235A39FF"/><stop offset="1" stop-color="%23DE2BFF"/></linearGradient><linearGradient id="paint3_linear_2477_2044" x1="21.5" y1="26" x2="21.5" y2="45.525" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white" stop-opacity="0.06"/></linearGradient></defs></svg>');
    background-size: cover;
    position: absolute;
    top:-22px;
    right: -12px;
  }
  .section-3 .content .content-main {
    background: #E9E9FF;
    border-radius: 24px;
    gap: 120px;
  }
  .section-3 .content .lft {
    width: 600px;
    height: 436px;
    border-radius: 24px;
    overflow: hidden;
  }
  .section-3 .content .lft video {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .section-3 .content .rgt {
    width: 800px;
  }
  .section-3 .content .rgt .top {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 4px;
    border-radius: 14px;
    background: rgba(82, 82, 255, 0.1019607843);
  }
  .section-3 .content .rgt .top .swiper-slide {
    border: 1px solid transparent;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 8px 32px;
    font-size: 20px;
    border-radius: 12px;
    line-height: 1.5;
    cursor: pointer;
  }
  .section-3 .content .rgt .top .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid rgba(82, 82, 255, 0.0588235294);
    background: #FFFFFF;
    font-weight: 600;
    color: #5252FF;
  }
  .section-3 .content .rgt .top .swiper-slide:last-child {
    margin: 0 !important;
  }
  .section-3 .content .rgt .top .hot {
    position: relative;
  }
  .section-3 .content .rgt .top .hot::before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="4.5" fill="%23FF5500" stroke="white"/></svg>');
    position: absolute;
    top: 6px;
    right: 28px;
  }
  .section-3 .content .rgt .top .active.hot::before {
    display: none;
  }
  .section-3 .content .rgt .sec3-con-swiper li {
    border-bottom: 1px solid rgba(58, 58, 58, 0.1019607843);
    margin-bottom: 12px;
    gap: 12px;
    color: #525252;
  }
  .section-3 .content .rgt .sec3-con-swiper li:last-child {
    margin-bottom: 0;
  }
  .section-3 .content .rgt .sec3-con-swiper .label-txt {
    min-width: 80px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 8px;
  }
  .section-3 .content .rgt .sec3-con-swiper .label-txt span {
    display: inline-block;
  }
  .section-3 .content .rgt .sec3-con-swiper .trend {
    background: linear-gradient(270deg, #BFA2FF 0%, #6F71FF 100%);
  }
  .section-3 .content .rgt .sec3-con-swiper .new {
    background: linear-gradient(270deg, #FFA2A4 0%, #F36FFF 100%);
  }
  .section-3 .content .rgt .sec3-con-swiper .event {
    background: linear-gradient(270deg, #36D1E9 0%, #0BDB81 100%);
  }
  .section-3 .content .rgt .sec3-con-swiper .guide {
    background: linear-gradient(270deg, #FF8284 0%, #FCA533 100%);
  }
  .section-3 .content .rgt .sec3-con-swiper p {
    overflow: hidden;
  }
  .section-3 .content .rgt .sec3-con-swiper .text {
    width: 520px;
    overflow: hidden;
    white-space: nowrap;
  }
  .section-3 .content .rgt .sec3-con-swiper .text a {
    white-space: normal;
  }
  @media (min-width: 768px) {
    .section-3 .content .rgt .sec3-con-swiper .text a {
      white-space: nowrap;
    }
  }
  .section-3 .content .rgt .sec3-con-swiper .text a:hover {
    text-decoration: none;
    color: #5252FF;
  }
  @media (max-width: 1599.98px) {
    .section-3 .content h2 {
      margin-bottom: 48px;
    }
    .section-3 .content h2 .discord svg{
      width: 52px;
      height: 53px;
    }
    .section-3 .content h2 .discord::after{
      width: 22px;
      height: 38px;
      top: -20px;
      right: -8px;
    }
    .section-3 .content .content-main {
      gap: 32px;
    }
    .section-3 .content .lft {
      width: 450px;
      height: 360px;
    }
    .section-3 .content .rgt {
      width: 684px;
    }
    .section-3 .content .rgt .top .swiper-slide {
      padding: 8px 24px;
      font-size: 18px;
    }
    .section-3 .content .rgt .sec3-con-swiper li {
      font-size: 16px;
    }
    .section-3 .content .rgt .sec3-con-swiper .text {
      width: 480px;
    }
    .section-3 .content .rgt .sec3-con-swiper .event-slide .text {
      width: 424px;
    }
  }
  @media (max-width: 1279.98px) {
    .section-3 {
      padding: 64px 0;
    }
    .section-3 .content .content-main {
      gap: 24px;
    }
    .section-3 .content .lft {
      width: 380px;
      height: 320px;
    }
    .section-3 .content .rgt {
      width: 528px;
    }
    .section-3 .content .rgt .top .swiper-slide {
      padding: 8px 12px;
      font-size: 16px;
    }
    .section-3 .content .rgt .top .hot {
      position: relative;
    }
    .section-3 .content .rgt .top .hot::before {
      top: 8px;
      right: 4px;
    }
    .section-3 .content .rgt .sec3-con-swiper li {
      font-size: 14px;
      gap: 12px;
    }
    .section-3 .content .rgt .sec3-con-swiper .label-txt {
      padding: 4px 8px;
      font-size: 12px;
      min-width: 68px;
    }
    .section-3 .content .rgt .sec3-con-swiper .text {
      width: 348px;
    }
    .section-3 .content .rgt .sec3-con-swiper .event-slide .text {
      width: 306px;
    }
  }
  @media (max-width: 991.98px) {
    .section-3 .content h2 {
      margin-bottom: 32px;
    }
    .section-3 .content .rgt {
      width: 100%;
    }
    .section-3 .content .rgt .sec3-con-swiper {
      margin: 0 24px;
    }
    .section-3 .content .rgt .sec3-con-swiper .text {
      width: 490px;
    }
    .section-3 .content .rgt .sec3-con-swiper .event-slide .text {
      width: 446px;
    }
  }
  @media (max-width: 767.98px) {
    .section-3 .content h2{
      display: block;
    }
    .section-3 .content h2 .discord svg{
      width: 42px;
      height: 43px;
    }
    .section-3 .content h2 .discord::after{
      width: 18px;
      height: 31px;
      top: -14px;
      right: -8px;
    }
    .section-3 .content .rgt {
      padding: 8px;
    }
    .section-3 .content .rgt .top {
      width: 100%;
      padding: 8px 18px;
    }
    .section-3 .content .rgt .top .swiper-wrapper {
      flex-wrap: wrap;
      gap: 8px;
      transform: translate3d(0px, 0px, 0px) !important;
    }
    .section-3 .content .rgt .top .swiper-slide {
      flex: 1 1 45%;
      justify-content: center;
    }
    .section-3 .content .rgt .top .hot::before {
      top: 8px;
      right: 3px;
    }
    .section-3 .content .rgt .sec3-con-swiper {
      margin: 0 8px;
    }
    .section-3 .content .rgt .sec3-con-swiper .label-txt {
      min-width: 80px;
      padding: 5px 10px;
      font-size: 14px;
    }
    .section-3 .content .rgt .sec3-con-swiper li {
      flex-direction: column;
    }
    .section-3 .content .rgt .sec3-con-swiper li > div {
      width: 100%;
      display: flex;
      justify-content: space-between;
    }
    .section-3 .content .rgt .sec3-con-swiper .text {
      width: 100%;
    }

    .section-3 .content .rgt .sec3-con-swiper .event-slide .text {
      width: 100%;
    }
  }

  .section-4 .content {
    position: relative;
  }
  .section-4 .content .top {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 4px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.0588235294);
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
  }
  .section-4 .content .sec4-nav-swiper .swiper-slide {
    border: 1px solid transparent;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 8px 32px;
    font-size: 20px;
    border-radius: 12px;
    line-height: 1.5;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.6);
  }
  .section-4 .content .sec4-nav-swiper .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid rgba(82, 82, 255, 0.0588235294);
    background: #FFFFFF;
    font-weight: 600;
    color: #5252FF;
  }
  .section-4 .content .sec4-nav-swiper .swiper-slide:last-child {
    margin: 0 !important;
  }
  .section-4 .content .sec4-nav-swiper .item1.swiper-slide-thumb-active {
    color: #FF681C;
  }
  .section-4 .content .sec4-nav-swiper .item2.swiper-slide-thumb-active {
    color: #FF891B;
  }
  .section-4 .content .sec4-nav-swiper .item3.swiper-slide-thumb-active {
    color: #3AB910;
  }
  .section-4 .content .sec4-nav-swiper .item4.swiper-slide-thumb-active {
    color: #6767FF;
  }
  .section-4 .content .sec4-con-swiper .swiper-slide {
    padding: 164px 0 60px;
    border-radius: 24px;
  }
  .section-4 .content .sec4-con-swiper .swiper-slide .cell {
    max-width: 1264px;
  }
  .section-4 .content .sec4-con-swiper .swiper-slide .lft {
    width: 552px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .section-4 .content .sec4-con-swiper .swiper-slide .lft h2 {
    line-height: 1.2;
  }
  .section-4 .content .sec4-con-swiper .swiper-slide .lft p {
    flex: 1;
    font-size: 16px;
  }
  .section-4 .content .sec4-con-swiper .swiper-slide .lft .btn-group {
    gap: 32px;
  }
  @media (max-width: 1279.98px) {
    .section-4 .content .sec4-con-swiper .swiper-slide .lft .btn-group {
      flex-direction: column;
    }
  }
  .section-4 .content .sec4-con-swiper .swiper-slide .rgt {
    width: 640px;
  }
  .section-4 .content .sec4-con-swiper .item1 {
    background: #FFECE3;
  }
  .section-4 .content .sec4-con-swiper .item2 {
    background: #FFF4C9;
  }
  .section-4 .content .sec4-con-swiper .item3 {
    background: #E9FFC4;
  }
  .section-4 .content .sec4-con-swiper .item4 {
    background: #E4E4FF;
  }
  @media (max-width: 1599.98px) {
    .section-4 .content .sec4-con-swiper .swiper-slide .cell {
      max-width: 1144px;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .rgt {
      width: 520px;
    }
  }
  @media (max-width: 1279.98px) {
    .section-4 {
      padding-bottom: 0;
    }
    .section-4 .content .sec4-nav-swiper .swiper-slide {
      padding: 6px 16px;
      font-size: 16px;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .cell {
      max-width: 912px;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .lft {
      width: 420px;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .rgt {
      width: 496px;
    }
  }
  @media (max-width: 991.98px) {
    .section-4 .content .top {
      width: 220px;
      top: 36px;
      background: transparent;
    }
    .section-4 .content .top .swiper-button-next,
    .section-4 .content .top .swiper-button-prev {
      display: block;
      width: 40px;
      height: 40px;
    }
    .section-4 .content .top .swiper-button-next::after,
    .section-4 .content .top .swiper-button-prev::after {
      display: none;
    }
    .section-4 .content .top .swiper-button-next {
      right: -56px;
    }
    .section-4 .content .top .swiper-button-prev {
      left: -56px;
    }
    .section-4 .content .sec4-nav-swiper .swiper-slide {
      padding: 6px 16px;
      font-size: 16px;
      justify-content: center;
    }
    .section-4 .content .sec4-con-swiper .swiper-wrapper {
      align-items: stretch;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide {
      height: auto;
      padding: 112px 0 60px;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .cell {
      max-width: 912px;
      padding: 0 8px;
      flex-direction: column;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .lft {
      width: 100%;
      margin-bottom: 32px;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .lft .text {
      text-align: center;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .lft .btn-group {
      margin: auto;
    }
    .section-4 .content .sec4-con-swiper .swiper-slide .rgt {
      width: 100%;
    }
    .section-4 .content .sec4-con-swiper .swiper-pagination {
      bottom: 10px;
    }
    .section-4 .content .sec4-con-swiper .swiper-pagination span {
      width: 12px;
      height: 12px;
    }
    .section-4 .content .sec4-con-swiper .swiper-pagination .swiper-pagination-bullet-active {
      background: #000000;
    }
  }

  #sec-9 {
    color: #6b6b6b;
    padding: 100px 0 52px;
    text-align: center;
  }
  #sec-9 .des {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    margin: 12px 0 116px;
  }
  #sec-9 .content .left {
    width: 825px;
    background: #6767FF;
    padding: 80px 48px 40px;
    border-radius: 16px;
    text-align: left;
    position: absolute;
    left: 68px;
    top: 50%;
    transform: translateY(-33%);
  }
  #sec-9 .content .left > .top_img {
    padding: 16px 60px 16px 48px;
    position: absolute;
    left: 0;
    top: -16px;
    background: url(../png/top-img.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  #sec-9 .content .left > .top_img svg {
    width: 40px;
    height: 40px;
  }
  #sec-9 .content .left > .top_img span {
    font-size: 26px;
    font-weight: 600;
    color: #212121;
  }
  #sec-9 .content .right {
    background: #F5F5F5;
    padding: 80px 48px;
    display: flex;
    justify-content: flex-end;
    border-radius: 16px;
  }
  #sec-9 .content .right > div {
    width: 681px;
  }
  #sec-9 .content .right h3 {
    color: #212121;
  }
  #sec-9 .content .right ul li {
    color: #6b6b6b;
    font-weight: 400;
  }
  #sec-9 .content h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    color: #fff;
    text-align: left;
  }
  #sec-9 .content ul {
    margin: 32px 0;
    padding-left: 0;
  }
  #sec-9 .content .right ul {
    margin: 40px 0 0;
  }
  #sec-9 .content li {
    list-style: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    display: flex;
    align-items: start;
  }
  #sec-9 .content li p {
    margin-bottom: 0;
  }
  #sec-9 .content li img {
    margin-top: 2px;
  }
  #sec-9 .content li:not(:last-of-type) {
    margin-bottom: 16px;
  }
  #sec-9 .content li div {
    padding: 2px;
    display: flex;
    margin-right: 8px;
  }
  #sec-9 .content li div span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    color: rgb(82, 82, 82);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    position: relative;
  }
  #sec-9 .content .left li:not(:last-of-type) div span::after {
    content: "";
    position: absolute;
    top: 16px;
    left: 7px;
    width: 2px;
    height: 24px;
    background-color: rgba(255, 255, 255, 0.4);
  }
  #sec-9 .content .right li div span {
    background-color: #6b6b6b !important;
    color: #fff !important;
  }
  #sec-9 .content .hr {
    background: repeating-linear-gradient(to right, #fff, #fff 8px, transparent 8px, transparent 16px);
    height: 2px;
    width: 360px;
    opacity: 0.25;
  }
  #sec-9 .content .left .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  #sec-9 .container .dev-desktop {
    margin-top: 40px;
  }
  #sec-9 .container .btn-group .btn {
    min-width: 222px;
    padding: 0 48px;
  }
  @media (max-width: 1600px) {
    #sec-9 .container .des {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 134px;
    }
    #sec-9 .container .content .left {
      width: 640px;
      left: 0px;
      padding: 80px 40px 50px 32px;
    }
    #sec-9 .content .left > .top_img svg {
      width: 32px;
      height: 32px;
    }
    #sec-9 .content .left .icon img {
      width: 56px;
      height: 56px;
      margin-right: 12px;
    }
    #sec-9 .container .btn-group .btn {
      min-width: 146px;
      padding: 0 16px;
    }
    #sec-9 .container .content .icon svg {
      width: 56px;
      height: 56px;
    }
    #sec-9 .container .content .left .top_img {
      top: -11px;
      padding: 12px 40px;
    }
    #sec-9 .container .content .icon svg {
      width: 48px;
      height: 48px;
      margin-right: 12px;
    }
    #sec-9 .container .content h3 {
      font-size: 20px;
      font-weight: 700;
      line-height: 30px;
      text-wrap: pretty;
    }
    #sec-9 .container .content ul {
      margin: 40px 0 0;
    }
    #sec-9 .content li:not(:last-of-type) {
      margin-bottom: 16px;
    }
    #sec-9 .container .content ul li {
      font-size: 16px;
      line-height: 24px;
    }
    #sec-9 .content .right {
      padding: 38px 32px;
    }
    #sec-9 .content .right > div {
      width: 496px;
    }
    #sec-9 .content .hr {
      width: 240px;
    }
    #sec-9 .container .dev-desktop {
      margin-top: 40px;
    }
  }
  @media (max-width: 1280px) {
    #sec-9 {
      padding: 80px 0 0;
    }
    #sec-9 .container .des {
      margin-bottom: 51px;
    }
    #sec-9 .container .content .left {
      width: 100%;
      position: relative;
      bottom: 0;
      left: 0;
      margin-bottom: 24px;
      padding: 61px 24px 24px;
    }
    #sec-9 .container .btn-group .btn {
      min-width: 200px;
    }
    #sec-9 .container .content .right {
      padding: 0;
    }
    #sec-9 .container .content .right > div {
      width: 100%;
      padding: 24px;
    }
    #sec-9 .container .content .right > div > div:last-of-type {
      /* display: block !important; */
    }
    #sec-9 .container .content .right > div > div:last-of-type ul {
      margin: 8px 0 0 0;
    }
    #sec-9 .container .content .right .d-flex ul:first-of-type {
      margin-top: 16px;
    }
    #sec-9 .container .content ul {
      margin: 16px 0 0;
    }
    #sec-9 .content .hr {
      width: 100% !important;
      margin: 16px 0;
    }
    #sec-9 .content .right hr {
      margin: 16px 0 !important;
    }
    #sec-9 .container .dev-mobile {
      text-align: center;
      margin-top: 24px;
    }
  }
  @media (max-width:1279.98px) {
    #sec-9 .content .left {
      transform: translateY(0%);
    }
  }
  @media (max-width: 992px) {
    #sec-9 .des {
      margin-top: 24px;
    }
    #sec-9 .container .content ul li {
      font-size: 14px;
      line-height: 21px;
    }
    #sec-9 .content li:not(:last-of-type) {
      margin-bottom: 8px;
    }
    
    #sec-9 .content .left .bg {
      bottom: 25px;
    }
    #sec-9 .container .content .left .top_img {
      padding: 8px 20px 8px 24px;
    }
    #sec-9 .content .left > .top_img span {
      font-size: 16px;
    }
    #sec-9 .content .left > .top_img svg {
      width: 32px;
      height: 32px;
    }
    #sec-9 .content .left .icon img {
      width: 48px;
      height: 48px;
      margin-right: 12px;
    }
    #sec-9 .container .content .icon svg {
      width: 48px;
      height: 48px;
    }
    #sec-9 .content .left .videopaly {
      font-size: 14px;
    }
    #sec-9 .container .content .right ul li {
      width: 100%;
    }
  }

  #sec-4 {
    position: relative;
    padding: 0;
    overflow: hidden;
  }
  #sec-4 h2 {
    max-width: 1160px;
  }
  #sec-4 .des {
    max-width: 1100px;
    color: #6b6b6b;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0 0;
  }
  #sec-4 .swiper-sec-4 {
    height: 500px;
    max-width: 1405px;
    margin-top: 84px;
  }
  #sec-4 .swiper-sec-4 .img-wrap {
    width: 785px;
    border-radius: 12px;
    overflow: hidden;
  }
  @media (max-width: 1599.98px) {
    #sec-4 .swiper-sec-4 .img-wrap {
      width: 520px;
    }
  }
  #sec-4 .swiper-sec-4 .img-wrap video {
    border-radius: 12px;
    display: block;
  }
  #sec-4 .swiper-sec-4 .text-wrap {
    width: 446px;
  }
  #sec-4 .swiper-sec-4 .text-wrap .tit {
    color: #000;
    font-size: 36px;
    font-weight: 600;
    line-height: 140%;
    margin: 0;
  }
  #sec-4 .swiper-sec-4 .text-wrap .des {
    color: #525252;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
  }
  #sec-4 .swiper-sec-4 .text-wrap .dev-desktop .btn {
    color: #fff;
    margin-top: 40px;
  }
  #sec-4 .swiper-sec-4 .swiper-pagination {
    left: 60.6%;
    z-index: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #E9E9FF;
    padding: 16px;
    border-radius: 24px;
  }
  #sec-4 .swiper-sec-4 .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #a8a8ff;
    background: none;
    width: 12px;
    height: 12px;
    opacity: 1;
    transition: all 0.4s;
  }
  #sec-4 .swiper-sec-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 44px;
    background: #a8a8ff;
    border-radius: 100px;
  }
  #sec-4 .part-top {
    margin-top: 234px;
  }
  #sec-4 .part-tab .des {
    color: #6b6b6b;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
  }
  #sec-4 .part-tab .nav {
    border: 6px solid #6767ff;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    background: #6767ff;
  }
  #sec-4 .part-tab .nav-link {
    background: none;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #fff;
    color: rgb(243, 251, 254);
    font-size: 32px;
    padding: 1.125rem 5.125rem;
  }
  #sec-4 .part-tab .nav-link:nth-child(2) {
    margin-left: 6px;
  }
  #sec-4 .part-tab .nav-link.active {
    background: rgb(243, 251, 254);
    color: #6767ff;
  }
  #sec-4 .container {
    position: relative;
  }
  #sec-4 .line-img-wrap {
    text-align: left;
    position: absolute;
    top: 0;
    right: 50%;
    width: 2561px;
    transform: translateX(50%);
    z-index: -1;
  }
  #sec-4 .line-img-wrap svg {
    width: 2561px;
  }
  #sec-4 .line-img-wrap .line-img-icon {
    opacity: 0;
    transition: all 0.4s;
    position: relative;
    top: -10px;
  }
  @media (max-width: 1599.98px) {
    #sec-4 .container .part-top {
      position: relative;
      left: 4.5%;
    }
    #sec-4 h2 {
      margin: 0 auto;
    }
    #sec-4 .line-img-wrap {
      width: 1283px;
      right: 0;
      transform: translateX(-5%);
    }
    #sec-4 .line-img-wrap svg {
      width: 100%;
    }
    #sec-4 .swiper-sec-4 {
      margin-top: 54px;
      height: 340px;
    }
    #sec-4 .swiper-sec-4 .text-wrap .tit {
      font-size: 26px;
    }
    #sec-4 .swiper-sec-4 .text-wrap .des {
      font-size: 16px;
    }
    #sec-4 .swiper-sec-4 .text-wrap .btn {
      margin-top: 28px;
    }
    #sec-4 .swiper-sec-4 .swiper-pagination {
      top: 50%;
      left: 54%;
      transform: translateY(-50%);
    }
    #sec-4 .swiper-sec-4 .img-wrap video {
      height: 340px;
      width: auto;
      border-radius: 8px;
    }
    #sec-4 .swiper-sec-4 .text-wrap {
      width: 400px;
    }
    #sec-4 .part-top {
      margin-top: 260px;
    }
    #sec-4 .part-tab .des {
      font-size: 16px;
    }
    #sec-4 .part-tab .tab-content {
      max-width: 864px;
      margin-left: auto;
      margin-right: auto;
    }
    #sec-4 .part-tab .tab-content video {
      border-radius: 18px !important;
    }
    #sec-4 .part-tab .nav {
      border: 4px solid #6767ff;
    }
    #sec-4 .part-tab .nav-link {
      padding: 16px 48px;
      font-size: 24px;
      font-weight: 500;
      line-height: 1;
    }
  }
  @media (max-width: 1366px) {
    #sec-4 .line-img-wrap {
      transform: translateX(0%);
    }
  }
  @media (max-width: 1279.98px) {
    #sec-4 .line-img-wrap {
      display: none;
    }
  }
  @media (max-width: 991.98px) {
    #sec-4 .container {
      position: relative;
      top: 0;
      left: 0;
      transform: none;
    }
    #sec-4 .container .part-top {
      left: 0;
    }
    #sec-4 .swiper-sec-4 {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      margin-top: 36px;
    }
    #sec-4 .swiper-sec-4 .img-wrap {
      width: 500px;
    }
    #sec-4 .swiper-sec-4 .text-wrap {
      width: 420px;
    }
    #sec-4 .swiper-sec-4 .img-wrap video {
      height: auto;
      border-radius: 5px;
    }
    #sec-4 .swiper-sec-4 .swiper-pagination {
      top: 72%;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      z-index: 0;
      flex-direction: row;
      display: flex;
      text-align: center;
      justify-content: center;
    }
    #sec-4 .swiper-sec-4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      height: 12px;
      width: 44px;
    }
    #sec-4 .part-tab .nav {
      width: 100%;
    }
    #sec-4 .part-top {
      margin-top: 80px;
      padding-bottom: 60px;
    }
    #sec-4 .part-tab .nav-link {
      width: calc(33% - 1px);
      margin: 0;
      padding: 0;
      height: 42px;
      font-size: 16px;
    }
    #sec-4 .part-tab .nav-link:nth-child(2) {
      margin-left: 2px;
    }
    #sec-4 .part-tab .tab-content video {
      border-radius: 10px !important;
    }
  }

  #sec-4 {
    padding: 114px 0 100px;
  }
  #sec-4 .part-tab .tabSwiper {
    margin-top: 40px;
    max-width: 1330px;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper {
    width: 480px;
  }
 
  @media (min-width: 992px) {
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-wrapper {
      gap: 8px;
      transform: translate3d(0px, 0px, 0px) !important;
    }
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide {
    padding: 16px 22px;
    border-radius: 12px;
    gap: 24px;
    cursor: pointer;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide svg {
    color: #6B6B6B;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide h3 {
    color: #6B6B6B;
    font-size: 24px;
    line-height: 1.3;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide p {
    color: #6B6B6B;
    font-size: 16px;
    line-height: 1.5;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active {
    background: #6767FF;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active svg {
    color: #fff;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active h3 {
    color: #fff;
  }
  #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active p {
    opacity: 0.6;
    color: #fff;
  }
  #sec-4 .part-tab .tabSwiper .tabRgtSwiper {
    width: 750px;
  }
  @media (max-width: 1599.98px) {
    #sec-4 {
      padding: 122px 0 100px;
    }
    #sec-4 h2 {
      max-width: 900px;
    }
    #sec-4 .des {
      max-width: 900px;
    }
    #sec-4 .part-tab .tabSwiper {
      margin-top: 60px;
      max-width: 1008px;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper {
      width: 440px;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide {
      padding: 12px 12px;
      gap: 16px;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide svg {
      width: 40px;
      height: 40px;
    }
    #sec-4 .part-tab .tabSwiper .tabRgtSwiper {
      width: 520px;
    }
    #sec-4 .part-top {
      width: 1045px;
    }
    #sec-4 .part-top h2 {
      max-width: 900px;
    }
    #sec-4 .part-top .des {
      max-width: 900px;
    }
  }
  @media (max-width: 1279.98px) {
    #sec-4 {
      padding: 64px 0;
    }
    #sec-4 .part-tab .tabSwiper {
      margin-top: 60px;
      max-width: 100%;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper {
      width: 420px;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide {
      padding: 12px 16px;
      gap: 16px;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide svg {
      width: 40px;
      height: 40px;
    }
    #sec-4 .part-tab .tabSwiper .tabRgtSwiper {
      width: 500px;
    }
    #sec-4 .part-top {
      width: 100%;
    }
    #sec-4 .part-top h2 {
      max-width: 900px;
    }
    #sec-4 .part-top .des {
      max-width: 900px;
    }
  }
  @media (max-width: 991.98px) {
    #sec-4 {
      padding: 64px 0;
    }
    #sec-4 .part-tab .tabSwiper {
      max-width: 100%;
      margin-top: 32px;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper {
      width: 100%;
      margin-bottom: 12px;
      overflow: hidden;
    }
  
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide {
      padding: 0;
      gap: 16px;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide svg {
      width: 40px;
      height: 40px;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active {
      background: transparent;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active svg {
      color: #3A3A3A;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active h3 {
      color: #3A3A3A;
      font-weight: 500;
    }
    #sec-4 .part-tab .tabSwiper .tablftSwiper .swiper-slide.swiper-slide-thumb-active p {
      opacity: 0.6;
      color: #3A3A3A;
    }
    #sec-4 .part-tab .tabSwiper .tabRgtSwiper {
      width: 100%;
      padding-bottom: 36px;
    }
    #sec-4 .part-tab .tabSwiper .tabRgtSwiper .swiper-pagination {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      background: #E9E9FF;
      padding: 6px 16px;
      border-radius: 24px;
      display: flex;
      justify-content: center;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
    }
    #sec-4 .part-tab .tabSwiper .tabRgtSwiper .swiper-pagination span {
      border: 1px solid #a8a8ff;
      background: none;
      opacity: 1;
      transition: all 0.4s;
      width: 12px;
      height: 12px;
    }
    #sec-4 .part-tab .tabSwiper .tabRgtSwiper .swiper-pagination .swiper-pagination-bullet-active {
      height: 12px;
      width: 44px;
      border-radius: 100px;
      background: #a8a8ff;
    }
    #sec-4 .part-top {
      width: 100%;
      margin-top: 64px;
      padding-bottom: 0;
    }
    #sec-4 .part-top h2 {
      max-width: 900px;
    }
    #sec-4 .part-top .des {
      max-width: 900px;
    }
    #sec-4 .swiper-sec-4 {
      padding-bottom: 32px;
    }
    #sec-4 .swiper-sec-4 .img-wrap {
      width: 100%;
    }
    #sec-4 .swiper-sec-4 .text-wrap {
      width: 100%;
      order: -1;
      margin-bottom: 12px;
      text-align: center;
    }
    #sec-4 .swiper-sec-4 .text-wrap .tit {
      font-weight: 500;
      color: #3A3A3A;
    }
    #sec-4 .swiper-sec-4 .text-wrap .des {
      margin-top: 12px;
    }
    #sec-4 .swiper-sec-4 .swiper-pagination {
      top: auto !important;
      bottom: 0;
      padding: 6px 16px;
      height: 24px;
    }
  }

  #sec-5 {
    transition: all 0.4s;
    position: relative;
    z-index: 10;
    /* opacity: 0; */
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #sec-5 .sticky-part-wrap {
    position: -webkit-sticky;
    /* position: sticky; */
    top: 0;
    /* padding-bottom: 430px; */
  }
  #sec-5 .sticky-part {
    transform: scale(0.9);
    opacity: 1;
    max-width: 806px;
  }
  #sec-5 .container {
    max-width: none;
    padding: 0;
  }
  #sec-5 .des {
    margin: 12px 0 0;
    color: #6b6b6b;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
  }
  #sec-5 .scroll-open-wrap {
    padding: 30px 20px;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content.no-touch .scroll-open-item {
    pointer-events: none;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item {
    left: calc(50vw - 388px);
    height: auto;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item:nth-child(1) {
    transform: translate(0, 10%);
    z-index: 10;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item:nth-child(2) {
    transform: translate(-100%, 10%);
    z-index: 9;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item:nth-child(3) {
    transform: translate(-200%, 10%);
    z-index: 8;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item:nth-child(4) {
    transform: translate(-300%, 10%);
    z-index: 7;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item:nth-child(5) {
    transform: translate(-400%, 10%);
    z-index: 6;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item:nth-child(6) {
    transform: translate(-500%, 10%);
    z-index: 5;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content .scroll-open-item:nth-child(7) {
    transform: translate(-600%, 10%);
    z-index: 4;
  }
  #sec-5 .scroll-open-wrap .scroll-open-content.show .scroll-open-item:nth-child(n) {
    -webkit-animation: card-open-anima 1s cubic-bezier(0.34, 0.94, 0.55, 1.14) forwards;
    animation: card-open-anima 1s cubic-bezier(0.34, 0.94, 0.55, 1.14) forwards;
  }
  @-webkit-keyframes card-open-anima {
    to {
      transform: translate(0, 0);
      left: 0;
    }
  }
  @keyframes card-open-anima {
    to {
      transform: translate(0, 0);
      left: 0;
    }
  }
  #sec-5 .scroll-open-item {
    padding: 36px;
    background: #fff;
    width: 388px;
    border-radius: 12px;
    transition: all 0.4s;
    border: 1px solid #d8dfe2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 32px;
  }
  #sec-5 .scroll-open-item .tit {
    color: #212121;
    font-size: 28px;
    font-weight: 600;
    line-height: 130%;
    margin-top: 40px;
    margin-bottom: 0;
  }
  #sec-5 .scroll-open-item .des {
    color: #6b6b6b;
    font-weight: 400;
    line-height: 150%;
    margin-top: 24px;
  }
  #sec-5 .swiper-card-button-wrap {
    display: flex;
    border-radius: 100px;
    background: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 40px auto;
    padding: 4px;
  }
  #sec-5 .swiper-card-button-wrap .swiper-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    color: #6c7071;
  }
  #sec-5 .swiper-card-button-wrap .swiper-btn:focus {
    outline: none;
  }
  #sec-5 .swiper-card-button-wrap .swiper-btn:not(.swiper-button-disabled) {
    background: #d4d4ff;
  }
  #sec-5 .swiper-card-button-wrap .swiper-btn:not(.swiper-button-disabled):hover {
    background: #d4d4ff;
    color: #212121;
  }
  #sec-5 .swiper-card-button-wrap .swiper-btn.swiper-button-disabled:hover {
    cursor: default;
  }
  #sec-5 .swiper-card-button-wrap .swiper-card-button-next {
    transform: rotate(180deg);
    margin-left: 12px;
  }
  #sec-5 .sticky-part-wrap {
    top: calc(50% - 300px);
  }
  @media (max-width: 1599.98px) {
    #sec-5 .scroll-open-item {
      padding: 24px 24px 40px;
    }
    #sec-5 .scroll-open-item .img-wrap {
      height: 48px;
    }
    #sec-5 .scroll-open-item .img-wrap img {
      max-height: 100%;
    }
    #sec-5 .sticky-part-wrap {
      /* padding-bottom: 370px; */
    }
    #sec-5 .swiper-card-button-wrap {
      margin-top: 28px;
    }
    #sec-5 .scroll-open-item .tit {
      font-size: 20px;
      margin-top: 40px;
    }
    #sec-5 .scroll-open-item .des {
      font-size: 16px;
      margin-top: 12px;
    }
    #sec-5 .scroll-open-item {
      width: 282px;
    }
  }
  @media (max-width: 991.98px) {
    #sec-5 {
      background: #D4D4FF;
      opacity: 1;
      min-height: auto;
    }
    #sec-5 .scroll-open-item {
      transform: none !important;
      left: 0 !important;
    }
    #sec-5 .scroll-open-wrap {
      padding-top: 0;
    }
  }
  @media (max-width: 576px) {
    #sec-5 .sticky-part-wrap {
      position: relative;
      padding: 0 24px 0;
    }
  }

  .sec-steps {
    padding: 64px 0;
    background: #F0F0FF;
    overflow: hidden;
  }
  .sec-steps h2 {
    margin-bottom: 32px;
  }
  .sec-steps .guide-list {
    flex: 1;
    margin: 0;
  }
  .sec-steps .guide-list ul {
    margin-bottom: 32px;
  }
  .sec-steps .guide-list li {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow: hidden;
    cursor: pointer;
    padding: 16px 20px;
    border-radius: 6px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.5019607843);
    position: relative;
  }
  .sec-steps .guide-list li .text span {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #6B6B6B;
    display: inline-block;
  }
  .sec-steps .guide-list li .text p {
    font-size: 16px;
    line-height: 24px;
    color: #848484;
  }
  .sec-steps .guide-list .btn {
    min-width: 220px;
  }
  .sec-steps .guide-list .progress-bar {
    width: 0%;
    height: 4px;
    background: #6767FF;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .sec-steps .guide-list .swiper-slide-thumb-active {
    background: rgba(82, 82, 255, 0.2);
  }
  .sec-steps .guide-list .swiper-slide-thumb-active span,
  .sec-steps .guide-list .swiper-slide-thumb-active p {
    color: #5252FF !important;
  }
  .sec-steps .guide-list .swiper-slide-thumb-active .progress-bar {
    transition: all 2900ms linear;
    width: 100%;
  }
  .sec-steps .guide-list .guide-link {
    margin: 0 0 32px 0;
    font-size: 16px;
    line-height: 24px;
  }
  .sec-steps .guide-pic {
    max-width: 100%;
    margin: 0;
  }
  .sec-steps .guide-pic .swiper-slide {
    padding: 8px;
    background: #A8A8FF;
    border: 3px solid #6060B7;
    border-radius: 12px;
  }
  @media (min-width: 992px) {
    .sec-steps {
      padding: 100px 0 52px;
      position: relative;
    }
    .sec-steps h2 {
      margin-bottom: 60px;
    }
    .sec-steps .cont {
      gap: 16px;
    }
    .sec-steps .guide-list li {
      padding: 16px;
    }
    .sec-steps .guide-list li .text span {
      font-size: 24px;
      line-height: 32px;
    }
    .sec-steps .guide-list .guide-link {
      margin: 0 0 0 12px;
      font-size: 16px;
      line-height: 27px;
    }
    .sec-steps .guide-pic {
      max-width: 450px;
    }
    .sec-steps .guide-pic .swiper-slide {
      padding: 14px;
      border-radius: 20px;
    }
    .sec-steps .guide-pic .swiper-slide img {
      border-radius: 12px;
    }
    .sec-steps::after {
      content: "";
      width: 796px;
      height: 388px;
      background: url(../png/sec-step-bg-2.png) no-repeat;
      background-size: 100%;
      position: absolute;
      right: -100px;
      bottom: 24px;
    }
  }
  @media (min-width: 1280px) {
    .sec-steps {
      padding: 100px 0;
    }
    .sec-steps h2 {
      margin-bottom: 60px;
    }
    .sec-steps .cont {
      gap: 0px;
    }
    .sec-steps .guide-list {
      max-width: 518px;
    }
    .sec-steps .guide-list ul {
      margin-bottom: 48px;
      max-width: 464px;
    }
    .sec-steps .guide-list li {
      padding: 24px 32px;
    }
    .sec-steps .guide-list .guide-link {
      margin: 0 0 0 32px;
      font-size: 18px;
    }
    .sec-steps .guide-pic {
      max-width: 640px;
    }
  }
  @media (min-width: 1600px) {
    .sec-steps .cont {
      max-width: 1530px;
    }
    .sec-steps .guide-list {
      max-width: 600px;
    }
    .sec-steps .guide-list ul {
      max-width: 530px;
    }
    .sec-steps .guide-list li .text span {
      font-size: 26px;
      line-height: 34px;
    }
    .sec-steps .guide-list li .text p {
      font-size: 18px;
      line-height: 27px;
    }
    .sec-steps .guide-pic {
      max-width: 800px;
    }
    .sec-steps .guide-pic .swiper-slide {
      padding: 18px;
      border-radius: 24px;
    }
    .sec-steps .guide-pic .swiper-slide img {
      border-radius: 16px;
    }
    .sec-steps::after {
      width: 924px;
      height: 450px;
      right: 0;
      bottom: 70px;
    }
  }

  .sec-reviews {
    padding: 56px 0;
    background: #6767FF;
    position: relative;
  }
  .sec-reviews h2 svg {
    width: 52px;
    height: 38px;
}
  @media (min-width: 992px) {
    .sec-reviews {
      padding: 100px 0;
    }
    .sec-reviews h2 svg {
      width: 64px;
      height: 48px;
  }
  }
  .sec-reviews::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 247px;
    height: 391px;
    background: url('data:image/svg+xml,<svg width="247" height="391" viewBox="0 0 247 391" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M-290.7 89.8846C-170.229 -29.8042 27.2327 -27.3536 150.897 96.3106C274.561 219.975 277.012 417.437 157.323 537.908L70.4718 451.057C143.805 376.941 141.843 255.777 66.1293 180.064C-9.58402 104.35 -130.748 102.388 -204.864 175.721L-290.7 89.8846Z" stroke="white" stroke-width="2"/></svg>') no-repeat;
    background-size: 100%;
  }
  @media (min-width: 992px) {
    .sec-reviews::before {
      width: 318px;
      height: 405px;
      background: url('data:image/svg+xml,<svg width="318" height="405" viewBox="0 0 318 405" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M-407.939 120.589C-245.132 -41.6301 22.086 -38.4426 189.368 128.84C356.65 296.122 359.838 563.34 197.619 726.146L79.5462 608.074C178.71 508.322 176.221 344.845 74.1073 242.731C-28.0065 140.617 -191.483 138.128 -291.235 237.292L-407.939 120.589Z" stroke="white" stroke-width="1.5"/></svg>') no-repeat;
      background-size: 100%;
    }
  }
  .sec-reviews .cont {
    width: 100%;
    margin-top: 32px;
    gap: 32px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont {
      margin-top: 60px;
      gap: 12px;
    }
  }
  @media (min-width: 1280px) {
    .sec-reviews .cont {
      gap: 32px;
    }
  }
  .sec-reviews .cont .cell {
    background: #F3FBFE;
    border-radius: 12px;
    padding: 32px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell {
      min-height: 400px;
      padding: 32px 24px;
    }
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell {
      padding: 32px;
    }
  }
  .sec-reviews .cont .cell.media-review {
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 64px 32px;
    background: #FFECE3;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review {
      width: 388px;
      max-width: 544px;
      padding: 32px 72px;
    }
  }
  @media (min-width: 1280px) {
    .sec-reviews .cont .cell.media-review {
      width: 544px;
    }
  }
  
  @media (min-width: 1600px) {
    .sec-reviews .cont .cell.media-review {
      width: 770px;
      max-width: 770px;
      padding: 32px;
    }
  }
  .sec-reviews .cont .cell.media-review::before, .sec-reviews .cont .cell.media-review::after {
    content: "";
    width: 48px;
    height: 48px;
    background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M63.2888 16.7822C58.8325 17.7304 55.277 19.437 52.6222 21.9022C49.9673 24.4622 48.3555 27.6385 47.7866 31.4311C48.9244 31.4311 49.6829 31.4785 50.0622 31.5733C53.3807 31.9526 56.1777 33.4222 58.4533 35.9822C60.634 38.637 61.7244 41.7185 61.7244 45.2267C61.7244 49.1141 60.5392 52.3852 58.1688 55.04C55.7036 57.6948 52.6222 59.0222 48.9244 59.0222C44.7525 59.0222 41.2444 57.363 38.3999 54.0444C35.4607 50.7259 33.991 45.8904 33.991 39.5378C33.991 33.6593 35.3185 28.2074 37.9733 23.1822C40.5333 18.2518 44.0414 14.1274 48.4977 10.8089C52.954 7.58517 57.8844 5.54667 63.2888 4.69333V16.7822ZM30.151 16.7822C25.6948 17.7304 22.1392 19.437 19.4844 21.9022C16.8296 24.4622 15.2177 27.6385 14.6488 31.4311H16.3555C19.8636 31.8104 22.8029 33.28 25.1733 35.84C27.4488 38.4948 28.5866 41.6237 28.5866 45.2267C28.5866 49.1141 27.4014 52.3852 25.031 55.04C22.5659 57.6948 19.4844 59.0222 15.7866 59.0222C11.6147 59.0222 8.1066 57.363 5.26216 54.0444C2.3229 50.7259 0.85326 45.8904 0.85326 39.5378C0.85326 33.6593 2.18067 28.2074 4.83549 23.1822C7.39548 18.2518 10.9036 14.1274 15.3599 10.8089C19.8162 7.58517 24.7466 5.54667 30.151 4.69333V16.7822Z" fill="%23FB0A06"/></svg>') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review::before, .sec-reviews .cont .cell.media-review::after {
      width: 64px;
      height: 64px;
    }
  }
  .sec-reviews .cont .cell.media-review::before {
    top: 16px;
    left: 16px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review::before {
      top: 32px;
      left: 32px;
    }
  }
  .sec-reviews .cont .cell.media-review::after {
    transform: rotate(180deg);
    right: 16px;
    bottom: 16px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review::after {
      right: 32px;
      bottom: 32px;
    }
  }
  .sec-reviews .cont .cell.media-review .media-review-swpier {
    max-width: 570px;
    margin: 0 auto;
    font-size: 16px;
  }
  .sec-reviews .cont .cell.media-review .media-review-swpier img {
    height: 52px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review .media-review-swpier {
      max-width: 400px;
    }
  }
  @media (min-width: 1600px) {
    .sec-reviews .cont .cell.media-review .media-review-swpier {
      max-width: 570px;
      font-size: 18px;
    }
  }
  .sec-reviews .cont .cell.media-review .media-review-swpier .media-review-info {
    color: #525252;
    max-width: 570px;
    margin: 28px auto 0;
    line-height: 1.5;
  }
  .sec-reviews .cont .cell.media-review .swiper-pagination {
    display: flex;
    justify-content: center;
    left: 0;
    bottom: 16px;
    gap: 12px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review .swiper-pagination {
      bottom: 32px;
    }
  }
  .sec-reviews .cont .cell.media-review .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .sec-reviews .cont .cell.media-review .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgb(0, 0, 0);
  }
  .sec-reviews .cont .cell.media-review .media-swiper-prev,
  .sec-reviews .cont .cell.media-review .media-swiper-next {
    position: absolute;
    z-index: 2;
    top: calc(50% - 20px);
  }
  .sec-reviews .cont .cell.media-review .media-swiper-prev:hover,
  .sec-reviews .cont .cell.media-review .media-swiper-next:hover {
    cursor: pointer;
  }
  .sec-reviews .cont .cell.media-review .media-swiper-prev.swiper-button-disabled,
  .sec-reviews .cont .cell.media-review .media-swiper-next.swiper-button-disabled {
    opacity: 0.4;
  }
  .sec-reviews .cont .cell.media-review .media-swiper-prev {
    left: -12px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review .media-swiper-prev {
      left: 24px;
    }
  }
  @media (min-width: 1600px) {
    .sec-reviews .cont .cell.media-review .media-swiper-prev {
      left: 32px;
    }
  }
  .sec-reviews .cont .cell.media-review .media-swiper-next {
    right: -12px;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.media-review .media-swiper-next {
      right: 24px;
    }
  }
  @media (min-width: 1600px) {
    .sec-reviews .cont .cell.media-review .media-swiper-next {
      right: 32px;
    }
  }
  .sec-reviews .cont .cell.user-review {
    width: 100%;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.user-review {
      width: 300px;
    }
  }
  @media (min-width: 1600px) {
    .sec-reviews .cont .cell.user-review {
      width: 360px;
    }
  }
  .sec-reviews .cont .cell.user-review .txt {
    margin-bottom: 32px;
  }
  .sec-reviews .cont .cell.user-review .txt .tit {
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 8px;
    display: inline-block;
  }
  @media (min-width: 992px) {
    .sec-reviews .cont .cell.user-review .txt .tit {
      font-size: 20px;
      min-height: 72px;
    }
  }
  @media (min-width: 1600px) {
    .sec-reviews .cont .cell.user-review .txt .tit {
      font-size: 24px;
    }
  }
  .sec-reviews .cont .cell.user-review .txt p {
    color: #6B6B6B;
    font-size: 16px;
    line-height: 1.5;
  }
  .sec-reviews .cont .cell.user-review .user-info .user-name {
    font-weight: 600;
  }
  .sec-reviews .cont .cell.user-review:hover {
    text-decoration: none;
  }
  .sec-reviews .cont .cell.user-review:hover .txt {
    color: #212121;
  }
  .sec-reviews .cont .cell.user-review:hover .user-name {
    color: #212121;
  }

  #sec-8 {
    padding: 64px 0;
    background: #F0F0FF;
  }
  #sec-8::before {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg width="384" height="341" viewBox="0 0 384 341" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" d="M117.94 -370.233C-41.1677 -210.733 -38.0934 51.1996 125.853 215.147C289.8 379.093 551.733 382.168 711.233 223.06L595.285 107.112C497.719 204.286 337.667 201.911 237.707 101.952C137.748 1.99278 135.373 -158.06 232.547 -255.626L117.94 -370.233Z" stroke="%233C3CFF"/></svg>') no-repeat center center;
    background-size: 100%;
    width: 384px;
    height: 341px;
    right: 0;
    top: 0;
    pointer-events: none;
  }
  #sec-8::after {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg width="317" height="341" viewBox="0 0 317 341" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M-543.218 331.841C-493.093 103.44 -262.466 -40.5196 -27.5054 11.0454C207.456 62.6104 356.603 289.916 306.478 518.317L139.608 481.695C170.162 342.471 78.8833 204.168 -64.0114 172.809C-206.906 141.449 -347.711 228.817 -378.266 368.042L-543.218 331.841Z" fill="%235252FF"/></svg>') no-repeat center center;
    background-size: 100%;
    width: 317px;
    height: 341px;
    left: 0;
    bottom: 0;
    pointer-events: none;
  }
  #sec-8 .img-logo {
    width: 128px;
    height: 128px;
  }
  #sec-8 h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 57.6px;
  }
  #sec-8 .des {
    color: #525252;
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
  }
  #sec-8 .des .now {
    -webkit-animation: nowonline 1s linear infinite alternate;
    animation: nowonline 1s linear infinite alternate;
  }
  @-webkit-keyframes nowonline {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.1);
    }
  }
  @keyframes nowonline {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.1);
    }
  }
  #sec-8 .des span {
    color: #5252FF;
    font-size: 26px;
    font-weight: 500;
    line-height: 36.4px;
  }
  #sec-8 .des-list {
    margin-top: 48px;
    max-width: 1450px;
    padding: 13px 0;
  }
  #sec-8 .des-list .item svg {
    color: #5252FF;
  }
  #sec-8 .des-list .item .tit {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
  }
  #sec-8 .des-list .item .des {
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
  }
  #sec-8 .review {
    gap: 26px;
  }
  #sec-8 .review .trustpilot {
    position: relative;
    width: 149px;
  }
  #sec-8 .review .trustpilot::after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background: #D8DFE2;
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
  }
  #sec-8 .review .star {
    width: 209.5px;
  }
  @media (max-width: 1600px) {
    #sec-8 {
      padding: 64px 0;
    }
    #sec-8::before {
      background: url('data:image/svg+xml,<svg width="312" height="314" viewBox="0 0 312 314" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" d="M105.632 -318.924C-35.8673 -177.034 -33.1211 55.9488 112.712 201.781C258.544 347.614 491.527 350.36 633.418 208.861L530.335 105.778C443.502 192.218 301.095 190.091 212.152 101.148C123.21 12.2053 121.082 -130.202 207.522 -217.035L105.632 -318.924Z" stroke="%230670FB"/></svg>') no-repeat center center;
      width: 312px;
      height: 314px;
    }
    #sec-8::after {
      background: url('data:image/svg+xml,<svg width="294" height="223" viewBox="0 0 294 223" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M-340.684 104.947C-198.388 -37.3493 35.5642 -34.6989 181.947 111.684C328.33 258.067 330.98 492.019 188.685 634.315L84.7228 530.353C171.461 443.615 169.463 301.022 80.4387 211.998C-8.58601 122.973 -151.179 120.975 -237.917 207.713L-340.684 104.947Z" fill="%235FB2FF"/></svg>') no-repeat center center;
      width: 294px;
      height: 223px;
    }
    #sec-8 .img-logo {
      width: 96px;
      height: 96px;
    }
    #sec-8 h2 {
      font-size: 36px;
      line-height: 50.4px;
    }
    #sec-8 .des {
      font-size: 18px;
      line-height: 24px;
    }
    #sec-8 .des span {
      font-size: 20px;
      line-height: 30px;
    }
    #sec-8 a .start {
      height: 32px;
      width: auto;
    }
    #sec-8 .comment-points {
      font-size: 16px;
      line-height: 24px;
    }
    #sec-8 .btn-29.btn-outline-black {
      padding: 0 32px;
    }
    #sec-8 .des-list {
      margin-top: 40px;
      padding: 0;
    }
    #sec-8 .des-list .item img {
      width: 40px;
      height: 40px;
    }
    #sec-8 .des-list .item .tit {
      font-size: 16px;
    }
  }
  @media (max-width: 992px) {
    #sec-8 {
      padding: 64px 0;
    }
    #sec-8::before {
      width: 288px;
      height: 240px;
    }
    #sec-8 .img-logo {
      width: 80px;
      height: 80px;
    }
    #sec-8 h2 {
      font-size: 32px;
      line-height: 1.2;
    }
    #sec-8 .btn.btn-xl {
      padding: 0 50px;
      height: 56px;
    }
    #sec-8 .des {
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
    }
    #sec-8 .des p:nth-child(1) svg {
      width: 16px;
      height: 16px;
    }
    #sec-8 .des p:nth-child(2) svg {
      width: 24px;
      height: 24px;
    }
    #sec-8 a .start {
      height: 24px;
    }
    #sec-8 .des-list {
      margin-top: 32px;
      gap: 20px 24px;
    }
    #sec-8 .des-list .item {
      flex: 1 1 30%;
    }
    #sec-8 .des-list .item .des {
      font-size: 12px;
    }
  }
  @media (max-width: 576px) {
    #sec-8::before {
      background: url('data:image/svg+xml,<svg width="156" height="220" viewBox="0 0 156 220" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" d="M67.8575 -190.697C-23.9483 -98.723 -22.1908 52.3628 72.3672 146.921C166.925 241.479 318.011 243.236 409.985 151.431L343.039 84.4843C286.829 140.526 194.569 139.177 136.954 81.5616C79.3386 23.9466 77.9891 -68.3135 134.031 -124.523L67.8575 -190.697Z" stroke="%233C3CFF" stroke-width="0.428648"/></svg>') no-repeat center center;
      width: 156px;
      height: 220px;
    }
    #sec-8::after {
      background: url('data:image/svg+xml,<svg width="231" height="215" viewBox="0 0 231 215" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M-289 86.4156C-172.373 -30.2115 19.3761 -28.0392 139.353 91.9376C259.33 211.914 261.502 403.664 144.875 520.291L59.6669 435.083C130.758 363.992 129.121 247.121 56.1556 174.156C-16.8099 101.19 -133.68 99.5529 -204.772 170.644L-289 86.4156Z" fill="%235FB2FF"/></svg>') no-repeat center center;
      width: 231px;
      height: 215px;
    }
    #sec-8 .des-list .item {
      flex: 1 1 45%;
    }
    #sec-8 .review {
      gap: 16px;
    }
    #sec-8 .review .trustpilot {
      order: 3;
      width: 132px;
    }
    #sec-8 .review .trustpilot::after {
      display: none;
    }
    #sec-8 .review .text {
      order: 2;
      font-size: 16px;
    }
    #sec-8 .review .star {
      width: 190px;
      order: 1;
    }
    #sec-8 .review .star span {
      font-size: 24px;
    }
  }

  .sec-table .content h2 {
    margin-bottom: 112px;
  }
  .sec-table .content .tableBox {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto;

  }
  .sec-table .content .tableBox .cell {
    height: 120px;
    font-size: 26px;
  }
  .sec-table .content .tableBox .cell > div {
    width: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec-table .content .tableBox .cell > div:nth-child(1) {
    width: 540px;
    padding: 12px 100px;
    justify-content: start;
  }
  .sec-table .content .tableBox .cell1 {
    background: #F8F8F8;
  }
  .sec-table .content .tableBox .cell2 {
    background: #EDEDFF;
  }
  .sec-table .content .tableBox li > div:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
  .sec-table .content .tableBox li .table-header {
    border-left: none !important;
  }
  .sec-table .content .tableBox .last {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  .sec-table .content .tableBox li:last-child {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  .sec-table .content .tableBox .dev-desktop .btn {
    min-width: 200px;
  }
  @media (min-width:1280px) {
    .sec-table .content .tableBox .dev-desktop .btn {
      min-width: 240px;
    }
  }
  .sec-table .content .tableBox .table-header.item > div {
    width: 370px;
    padding: 40px 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: start;
  }
  .sec-table .content .tableBox .table-header.item > div h3 {
    margin-bottom: 10px;
    font-weight: 900;
    color: #5252FF;
  }
  .sec-table .content .tableBox .table-header.item > div > span {
    padding: 8px 24px;
    border-radius: 24px;
    margin-bottom: 10px;
    background: #E9E9FF;
    font-size: 14px;
    color: #000;
  }
  .sec-table .content .tableBox .table-header.item > div .price {
    min-height: 78px;
    margin-bottom: 12px;
  }
  .sec-table .content .tableBox .table-header.item > div .price span {
    font-size: 48px;
    font-weight: 900;
    line-height: 1.4;
  }
  .sec-table .content .tableBox .table-header.item > div .price label {
    color: #515455;
  }
  .sec-table .content .tableBox .table-header.item > div .googel-play {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
  }
  .sec-table .content .tableBox .table-header.item > div .googel-play img {
    width: 200px;
  }
  .sec-table .content .tableBox .table-header.item > div:nth-child(1) {
    width: 540px;
    padding: 40px 100px;
    align-items: start;
    justify-content: center;
  }
  .sec-table .content .tableBox .table-header.item > div:nth-child(1) h3 {
    margin-bottom: 0;
  }
  .sec-table .content .tableBox .table-header > div:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
  .sec-table .content .most-popular {
    width: 370px;
    top: -58px;
    left: 540px;
    padding: 6px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    background: linear-gradient(342.9deg, #0900FF 68.11%, #DB35FC 100.01%);
  }
  .sec-table .content .most-popular > div {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
  }
  .sec-table .content .most-popular .icon {
    background: transparent;
    height: 52px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
  }
  .sec-table .content .most-popular .desktop {
    padding: 40px 16px;
    flex-direction: column;
  }
  .sec-table .content .most-popular .desktop h3 {
    margin-bottom: 10px;
    font-weight: 900;
    color: #5252FF;
  }
  .sec-table .content .most-popular .desktop > span {
    padding: 8px 24px;
    border-radius: 24px;
    margin-bottom: 10px;
    background: #E9E9FF;
    font-size: 14px;
    color: #000;
  }
  .sec-table .content .most-popular .desktop .price {
    min-height: 78px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .sec-table .content .most-popular .desktop .price > div {
    display: flex;
    flex-direction: column;
  }
  .sec-table .content .most-popular .desktop .price span {
    font-size: 48px;
    font-weight: 900;
  }
  .sec-table .content .most-popular .desktop .price label {
    color: #515455;
    line-height: 1.2;
  }
  .sec-table .content .most-popular .desktop .price del {
    line-height: 1.2;
  }
  .sec-table .content .more-feature {
    width: 100%;
    height: 240px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 56.25%);
    bottom: -10px;
    z-index: 2;
    padding-bottom: 40px;
  }
  .sec-table .content .more-feature a {
    color: #FF5500;
  }
  @media (max-width: 1699.98px) {
    .sec-table .content .tableBox .table-header.item > div:nth-child(1) {
      width: 430px;
    }
    .sec-table .content .tableBox .cell > div:nth-child(1) {
      width: 430px;
    }
    .sec-table .content .most-popular {
      left: 430px;
    }
  }
  @media (max-width: 1599.98px) {
    .sec-table .container {
      padding: 0;
      max-width: 1280px;
    }
    .sec-table .content .tableBox .table-header.item > div {
      width: 320px;
    }
    .sec-table .content .tableBox .table-header.item > div:nth-child(1) {
      width: 320px;
    }
    .sec-table .content .tableBox .cell > div:nth-child(1) {
      width: 320px;
      padding: 12px 8px 12px 40px;
    }
    .sec-table .content .tableBox .cell > div {
      width: 320px;
    }
    .sec-table .content .most-popular {
      width: 320px;
      left: 320px;
    }
  }
  @media (max-width: 1279.98px) {
    .sec-table .container {
      padding: 0 24px;
      max-width: 100%;
    }
    .sec-table .content .tableBox {
      width: 927px;
    }
    .sec-table .content .tableBox .table-header.item > div {
      width: 232px;
    }
    .sec-table .content .tableBox .table-header.item > div .price span {
      font-size: 32px;
    }
    .sec-table .content .tableBox .table-header.item > div .googel-play img {
      width: 89px;
    }
    .sec-table .content .tableBox .table-header.item > div:nth-child(1) {
      width: 232px;
    }
    .sec-table .content .tableBox .cell {
      font-size: 20px;
    }
    .sec-table .content .tableBox .cell > div:nth-child(1) {
      width: 232px;
      padding: 12px 8px 12px 40px;
    }
    .sec-table .content .tableBox .cell > div {
      width: 232px;
    }
    .sec-table .content .most-popular {
      width: 232px;
      left: 232px;
    }
    .sec-table .content .most-popular .desktop .price span {
      font-size: 32px;
    }
  }
  @media (max-width: 991.98px) {
    .sec-table .content .tableContainer {
      overflow-x: auto;
      overflow-y: initial;
    }
  }
  @media (max-width: 576.98px) {
    .sec-table .container {
      padding: 0 24px;
      max-width: 100%;
    }
    .sec-table .content h2 {
      margin-bottom: 24px;
    }
    .sec-table .content .swiper-more {
      color: #FF681C;
      margin-bottom: 6px;
    }
    .sec-table .content .tableContainer {
      padding-top: 46px;
    }
    .sec-table .content .tableBox {
      width: 640px;
    }
    .sec-table .content .tableBox .table-header.item > div {
      width: 160px;
      padding: 24px 10px 16px;
    }
    .sec-table .content .tableBox .table-header.item > div .price {
      min-height: 39px;
      display: flex;
      align-items: flex-end;
    }
    .sec-table .content .tableBox .table-header.item > div .price span {
      font-size: 24px;
    }
    .sec-table .content .tableBox .table-header.item > div .price label {
      font-size: 16px;
    }
    .sec-table .content .tableBox .table-header.item > div h3 {
      font-size: 26px;
      font-weight: 500;
      text-align: center;
    }
    .sec-table .content .tableBox .table-header.item > div > span {
      padding: 3px 16px;
      font-size: 12px;
    }
    .sec-table .content .tableBox .table-header.item > div .googel-play {
      width: 125px;
    }
    .sec-table .content .tableBox .table-header.item > div:nth-child(1) {
      width: 160px;
      height: 316px;
      padding: 0 28px;
    }
    .sec-table .content .tableBox .table-header.item > div:nth-child(1) h3 {
      font-size: 24px;
      font-weight: 500;
    }
    .sec-table .content .tableBox .cell {
      height: 64px;
      font-size: 16px;
    }
    .sec-table .content .tableBox .cell > div:nth-child(1) {
      width: 160px;
      padding: 8px 16px;
    }
    .sec-table .content .tableBox .cell > div {
      width: 160px;
    }
    .sec-table .content .tableBox .btn {
      padding: 0 8px;
      font-size: 16px;
    }
    .sec-table .content .most-popular {
      width: 160px;
      left: 160px;
      top: -46px;
    }
    .sec-table .content .most-popular .icon {
      font-size: 14px;
      height: 40px;
    }
    .sec-table .content .most-popular .icon svg {
      width: 16px;
      height: 16px;
    }
    .sec-table .content .most-popular .desktop {
      height: 316px;
      padding: 24px 10px 16px;
    }
    .sec-table .content .most-popular .desktop h3 {
      font-size: 26px;
      font-weight: 500;
      text-align: center;
    }
    .sec-table .content .most-popular .desktop > span {
      padding: 3px 16px;
      font-size: 12px;
    }
    .sec-table .content .most-popular .desktop .price {
      min-height: 39px;
      display: flex;
      align-items: flex-end;
    }
    .sec-table .content .most-popular .desktop .price span {
      font-size: 24px;
    }
    .sec-table .content .most-popular .desktop .price > div {
      display: flex;
      flex-direction: column;
    }
    .sec-table .content .most-popular .desktop .price del {
      display: inline-block;
      font-size: 14px;
      line-height: 18px;
    }
    .sec-table .content .most-popular .desktop .price label {
      font-size: 16px;
      line-height: 18px;
    }
    .sec-table .content .more-feature {
      width: 100%;
      height: 72px;
      padding-bottom: 24px;
      justify-content: start !important;
    }
    .sec-table .content .more-feature a {
      margin-left: 56px;
    }
  }

  #tech-spec {
    padding: 70px 0;
  }
  #tech-spec .content-wrap {
    margin-top: 28px;
    align-items: stretch;
  }
  #tech-spec .content-wrap > div {
    height: auto;
  }
  #tech-spec .item {
    height: 100%;
    border-radius: 12px;
    background: rgba(180, 211, 255, 0.1607843137);
    padding: 32px;
    color: #212121;
  }
  #tech-spec .item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
  }
  #tech-spec .item p span:nth-child(1) {
    font-weight: 600;
  }
  #tech-spec .item .tit {
    opacity: 1;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
  }
  #tech-spec .item .des {
    color: #878b8d;
    font-size: 16px;
    margin-top: 32px;
  }
  #tech-spec .item .sec-tit {
    opacity: 1;
    margin-top: 28px;
    font-weight: 600;
  }
  #tech-spec .item .system-tit {
    font-weight: 600;
    line-height: 32px;
  }
  #tech-spec .item .system-content {
    color: #6b6b6b;
    margin-top: 4px;
  }
  #tech-spec .item svg {
    flex-shrink: 0;
  }
  #tech-spec .col-lg-6 {
    margin-top: 32px;
  }
  @media (max-width: 1600px) {
    #tech-spec .content-wrap {
      margin-top: 8px;
    }
    #tech-spec .item .tit {
      font-size: 18px;
    }
    #tech-spec .item p {
      font-size: 16px;
    }
    #tech-spec .item .system-content {
      margin-top: 2px;
    }
  }
  @media (max-width: 992px) {
    #tech-spec .content-wrap {
      margin-top: 4px;
    }
    #tech-spec .col-lg-6 {
      margin-top: 24px;
    }
    #tech-spec .item {
      padding: 32px 20px;
    }
    #tech-spec .item .des {
      font-size: 14px;
    }
  }
  @media (max-width: 980px) {
    #tech-spec .item {
      padding: 24px 16px;
    }
    #tech-spec .item .des {
      font-size: 14px;
    }
    #tech-spec .item .mt-32 {
      margin-top: 0;
    }
    #tech-spec .item .sec-tit {
      margin-top: 14px;
    }
    #tech-spec .item .tit {
      font-size: 18px;
    }
    #tech-spec .item p {
      font-size: 16px;
    }
  }

  #pro-guide {
    padding: 40px 0;
    background: #F0F0FF;
  }
  #pro-guide h2 {
    max-width: 100%;
  }
  #pro-guide .nav-contanier {
    margin: 24px auto 0;
  }
  #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 {
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
    position: relative;
  }
  #pro-guide .nav::after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #D8DFE2;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #pro-guide .nav .nav-link {
    padding: 0 16px;
    padding-bottom: 10px;
    cursor: pointer;
    line-height: 150%;
    white-space: nowrap;
    position: relative;
    text-align: center;
    color: #212121;
    font-size: 14px;
    font-weight: 400;
  }
  #pro-guide .nav .nav-link.active {
    color: #6767FF;
    font-weight: 500;
  }
  #pro-guide .nav .nav-link.active::after {
    z-index: 99;
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #6767FF;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
  }
  #pro-guide .tab-content {
    margin-top: 40px;
  }
  #pro-guide .tab-content .link-more a {
    font-size: 16px;
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item {
    background: rgba(180, 211, 255, 0.1019607843);
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 12px !important;
    transition: all 0.4s;
    border-radius: 12px;
    border: none !important;
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-item:last-child {
    margin-bottom: 0 !important;
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button {
    padding: 12px 16px;
    line-height: 150%;
    background: none;
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button:hover {
    color: #6767FF;
  }
  #pro-guide .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>');
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button:not(.collapsed) {
    color: #fff;
    padding-top: 32px;
    padding-bottom: 4px;
    font-weight: 600;
  }
  #pro-guide .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);
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-body {
    padding: 8px 16px 16px;
    color: #fff;
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-body a {
    color: #fff;
    text-decoration: underline;
  }
  #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-body p {
    opacity: 0.8;
    font-size: 16px;
  }
  #pro-guide #faq-part-content-2 .row {
    gap: 20px;
  }
  #pro-guide #faq-part-content-2 .vertical {
    gap: 20px;
  }
  #pro-guide #faq-part-content-2 .item {
    height: 100%;
    padding: 28px 16px;
    border-radius: 12px;
    background: rgba(180, 211, 255, 0.1019607843);
  }
  #pro-guide #faq-part-content-2 .item .tit {
    color: #212121;
    font-weight: 600;
    line-height: 150%;
  }
  #pro-guide #faq-part-content-2 .item ul {
    margin-top: 2px;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
  #pro-guide #faq-part-content-2 .item ul li {
    margin-top: 20px;
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
  #pro-guide #faq-part-content-2 .item ul li a {
    width: 100%;
    font-weight: 400;
  }
  @media (min-width: 992px) {
    #pro-guide {
      padding: 80px 0;
    }
    #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: 64px;
    }
    #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: 70%;
      height: 4px;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button {
      font-size: 18px;
      font-weight: 600;
      padding: 1.2rem 1.5rem;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button:not(.collapsed) {
      padding-top: 24px;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button::after {
      width: 40px;
      height: 40px;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-body {
      font-size: 16px;
      padding: 0 1.5rem 1.5rem;
    }
    #pro-guide #faq-part-content-2 .row {
      gap: 0;
    }
    #pro-guide #faq-part-content-2 .item ul li a {
      width: auto;
    }
    #pro-guide #faq-part-content-2 .vertical {
      gap: 20px;
    }
  }
  @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;
      width: 70%;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button {
      padding: 24px 40px;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-body {
      font-size: 16px;
      padding: 0 40px 24px;
    }
    #pro-guide #faq-part-content-2 .vertical {
      gap: 20px;
    }
    #pro-guide #faq-part-content-2 .vertical .item {
      flex: 1 1 40%;
    }
  }
  @media (min-width: 1400px) {
    #pro-guide .nav {
      font-size: 20px;
    }
    #pro-guide .nav-contanier {
      max-width: 1266px;
    }
  }
  @media (min-width: 1600px) {
    #pro-guide {
      padding: 100px 0;
    }
    #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;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-button {
      font-size: 20px;
      line-height: 200%;
      padding: 1.5rem 2.25rem;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-body {
      padding: 0.625rem 8rem 24px 2.25rem;
      font-size: 18px;
    }
    #pro-guide .accordion.v1.v1-0-1 .accordion-item .accordion-body p {
      font-size: 18px;
    }
    #pro-guide #faq-part-content-2 .item {
      padding: 32px;
    }
    #pro-guide #faq-part-content-2 .item ul li {
      margin-top: 24px;
    }
    #pro-guide #faq-part-content-2 .item ul li a {
      font-size: 18px;
    }
    #pro-guide #faq-part-content-2 .vertical {
      gap: 20px;
    }
  }

  .sec-10 .content {
    max-width: 1538px;
  }
  .sec-10 .content .lft {
    width: 905px;
    padding: 64px 52px;
    background: url("../png/sec11-bg.png") no-repeat;
    background-size: cover;
    color: white;
    border-radius: 12px;
  }
  .sec-10 .content .lft h2 {
    color: white;
    line-height: 1.2;
  }
  .sec-10 .content .lft p {
    opacity: 0.6;
    max-width: 548px;
    font-size: 16px;
    line-height: 1.5;
  }
  .sec-10 .content .lft span {
    line-height: 1.5;
  }
  .sec-10 .content .lft .btn {
    color: #5252FF;
  }
  .sec-10 .content .rgt{
    width: 478px;
  }
  .sec-10 .content .rgt .share {
    display: flex;
    gap: 48px;
  }
  .sec-10 .content .rgt .share img {
    width: 56px;
  }
  @media (max-width: 1599.98px) {
    .sec-10 .content .lft {
      width: 640px;
      padding: 76px 40px;
      background: url("../png/sec11-lg-bg.png") no-repeat;
      background-size: cover;
    }
    .sec-10 .content .rgt {
      text-align: center;
    }
    .sec-10 .content .rgt{
      width: 472px;
    }
    .sec-10 .content .rgt .share {
      justify-content: center;
    }
    .sec-10 .content .rgt h3 {
      font-size: 32px;
    }
  }
  @media (max-width: 1279.98px) {
    .sec-10 .content .lft {
      width: 538px;
      padding: 48px 32px;
      background: url("../png/sec11-lg-bg.png") no-repeat;
      background-size: cover;
    }
    .sec-10 .content .rgt {
      width: 372px;
    }
    .sec-10 .content .rgt h3 {
      font-size: 28px;
    }
    .sec-10 .content .rgt .share {
      gap: 24px;
    }
    .sec-10 .content .rgt .share img {
      width: 48px;
    }
  }
  @media (max-width: 991.98px) {
    .sec-10 .content .lft {
      width: 100%;
      padding: 32px 18px 108px;
      background: url("../png/sec11-mb-bg.png") no-repeat;
      background-size: cover;
      text-align: center;
      margin-bottom: 32px;
    }
    .sec-10 .content .rgt {
      width: auto;
    }
    .sec-10 .content .rgt h3 {
      font-size: 28px;
    }
    .sec-10 .content .rgt .share {
      gap: 24px;
    }
    .sec-10 .content .rgt .share img {
      width: 48px;
    }
  }/*# sourceMappingURL=css.css.map */