/* 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;
  display: inline-block;
}
@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- */
.dev-mobile .btn-group{
  gap: 12px;
}
.dev-mobile .btn-group a.btn {
  min-width: 200px;
  justify-content: center;
}

.section-1 {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.section-1 .content-wrap {
  padding: 32px 0 0px;
  position: relative;
  background: linear-gradient(90deg, #F0F8FF 0%, #E6F2FF 100%);
  display: flex;
  align-items: center;
}
.popup-video-group {
  font-size: 16px;
}
@media (min-width: 992px) {
  .section-1 .content-wrap {
    padding: 32px 0;
  }
  .popup-video-group {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .section-1 .content-wrap {
    padding: 20px 0;
  }
}
.section-1 h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 41.6px;
  max-width: 778px;
}
@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(https://images.tenorshare.com/img-2024/product/hot.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(https://images.tenorshare.com/img-2024/product/icarefone-transfer/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 .new-icon {
  width: 45px;
  height: 16px;
  display: inline-block;
  z-index: 1;
  background: url(https://images.tenorshare.com/img-2024/product/new.png)
    no-repeat;
  background-size: 100% 100%;
}
.section-1 .lft {
  max-width: 100%;
}
@media (min-width: 992px) {
  .section-1 .lft {
    max-width: 742px;
  }
}
@media (min-width: 1600px) {
  .section-1 .lft {
    max-width: 836px;
    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{
  background: linear-gradient(270deg, #1D8CFF -8.26%, #0065E7 102.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 2;
}
.section-1 .lft .sec-tit .support-tips::after {
  content: "";
  width: 100%;
  height: 11px;
  background: url("https://images.tenorshare.com/img-2024/product/icarefone/support-line.svg?v=1")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: -1;
}
.section-1 .lft .des-list {
  color: #6b6b6b;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 28px;
  max-width: 740px;
  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(https://images.tenorshare.com/img-2024/product/icarefone/blue-correct.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;
}
.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: 390px;
  margin-top: 40px;
}
@media (min-width: 1280px) {
  .section-1 {
    position: relative;
  }
  .section-1 .banner {
    width: 570px;
    margin-top: 0;
    position: absolute;
    top: 140px;
    right: 0px;
  }
}
@media (min-width: 1600px) {
  /* .section-1 .container {
    position: relative;
  } */
  .section-1 .banner {
    width: 944px;
    top: 0px;
    right: 0px;
  }
}

.section-2 {
  padding: 26px 0;
  background: #F2F9FF;
}
@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: #A3B8CC;
  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('data:image/svg+xml,<svg width="35" height="56" viewBox="0 0 35 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.6" d="M25.6847 54.6787C32.0429 57.1297 34.6284 54.8077 34.6284 53.3422C32.3759 53.1532 26.994 52.8457 25.6847 54.6787ZM17.6133 52.6747C19.1922 53.8299 21.1321 54.3891 23.0867 54.2526C25.0414 54.116 26.8838 53.2926 28.2852 51.9292C26.1156 51.3292 20.1912 50.6182 17.6133 52.6747ZM28.3696 47.9107C28.1285 50.9602 31.2655 52.6747 34.6525 52.9222C34.0348 49.8547 30.8722 48.4852 28.3696 47.9107ZM22.2961 45.0997C21.9375 46.4032 22.4302 49.9417 27.3029 51.3457C27.0934 48.9562 25.8173 45.8452 22.2961 45.0997ZM12.6337 48.6472C13.8831 49.8881 15.5301 50.6535 17.288 50.81C19.0458 50.9665 20.8032 50.5042 22.2539 49.5037C20.3012 48.5017 15.6124 47.1487 12.6337 48.6472ZM17.782 41.5882C17.1146 42.8722 16.9729 46.5307 21.2866 48.7327C21.5367 46.3777 20.586 42.3502 17.782 41.5882ZM7.11012 43.0102C7.5162 43.8057 8.08048 44.5107 8.76866 45.0823C9.45685 45.654 10.2546 46.0804 11.1134 46.3357C11.9642 46.5844 12.8577 46.6541 13.737 46.5405C14.6163 46.4268 15.4623 46.1324 16.2211 45.6757C13.5015 43.1302 9.16224 42.1537 7.11012 43.0102ZM13.5588 36.1898C11.6242 39.5498 13.6688 43.3867 15.7962 44.9632C16.7424 41.8402 15.8746 38.4368 13.5603 36.1898H13.5588ZM3.52117 36.0443C3.28763 41.2627 8.76146 40.9792 11.3319 41.0137C10.5228 39.9173 6.0253 35.9423 3.52117 36.0443ZM10.2712 31.1693C9.25414 32.2838 7.72786 36.5678 11.1074 40.0628C12.1666 37.5353 12.3986 33.6548 10.2712 31.1693ZM0.652417 28.8563C0.47764 33.0713 4.04098 35.2043 7.47775 35.1713C6.44416 33.1403 3.68088 29.2253 0.652417 28.8563ZM7.86196 25.9523C5.58383 27.2873 5.84299 31.5983 7.18696 33.8423C8.69667 31.7528 9.82368 29.1563 7.86196 25.9523ZM0.501746 22.0029C-0.625262 25.8413 2.68646 28.4378 4.67379 28.6598C4.16453 26.8268 3.49857 23.5794 0.501746 22.0029ZM7.4431 20.7264C4.93143 21.9789 3.74114 24.9743 4.68132 27.6743C6.43361 26.2688 8.54449 23.2959 7.4431 20.7264ZM0.384224 16.0824C-1.16767 20.7519 2.39566 22.2774 3.72156 22.6524C3.56335 20.6664 2.29471 16.7079 0.384224 16.0824ZM7.34366 14.8569C6.32513 15.1494 3.42172 17.5224 3.94756 21.7719C5.85805 20.7009 8.17837 18.6609 7.34366 14.8569ZM1.4359 9.00695C-0.299816 14.7459 2.59606 17.1024 3.54678 17.5719C3.69745 15.7569 3.88127 11.5164 1.4359 9.00695ZM7.86045 9.15094C6.04187 9.65644 3.74717 12.9804 3.85565 16.1769C5.65766 15.3549 8.35314 11.9364 7.86045 9.15094ZM7.31804 0.25C3.09628 4.59397 2.50415 8.01995 3.73813 12.2439C5.65013 10.5309 7.17641 5.39047 7.31804 0.25Z" fill="url(%23paint0_linear_1837_8426)"/><defs><linearGradient id="paint0_linear_1837_8426" x1="84.375" y1="0.25" x2="84.375" y2="55.75" gradientUnits="userSpaceOnUse"><stop stop-color="%23A3B8CC" stop-opacity="0.2"/><stop offset="1" stop-color="%23A3B8CC"/></linearGradient></defs></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('data:image/svg+xml,<svg width="35" height="56" viewBox="0 0 35 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.6" d="M25.6847 54.6787C32.0429 57.1297 34.6284 54.8077 34.6284 53.3422C32.3759 53.1532 26.994 52.8457 25.6847 54.6787ZM17.6133 52.6747C19.1922 53.8299 21.1321 54.3891 23.0867 54.2526C25.0414 54.116 26.8838 53.2926 28.2852 51.9292C26.1156 51.3292 20.1912 50.6182 17.6133 52.6747ZM28.3696 47.9107C28.1285 50.9602 31.2655 52.6747 34.6525 52.9222C34.0348 49.8547 30.8722 48.4852 28.3696 47.9107ZM22.2961 45.0997C21.9375 46.4032 22.4302 49.9417 27.3029 51.3457C27.0934 48.9562 25.8173 45.8452 22.2961 45.0997ZM12.6337 48.6472C13.8831 49.8881 15.5301 50.6535 17.288 50.81C19.0458 50.9665 20.8032 50.5042 22.2539 49.5037C20.3012 48.5017 15.6124 47.1487 12.6337 48.6472ZM17.782 41.5882C17.1146 42.8722 16.9729 46.5307 21.2866 48.7327C21.5367 46.3777 20.586 42.3502 17.782 41.5882ZM7.11012 43.0102C7.5162 43.8057 8.08048 44.5107 8.76866 45.0823C9.45685 45.654 10.2546 46.0804 11.1134 46.3357C11.9642 46.5844 12.8577 46.6541 13.737 46.5405C14.6163 46.4268 15.4623 46.1324 16.2211 45.6757C13.5015 43.1302 9.16224 42.1537 7.11012 43.0102ZM13.5588 36.1898C11.6242 39.5498 13.6688 43.3867 15.7962 44.9632C16.7424 41.8402 15.8746 38.4368 13.5603 36.1898H13.5588ZM3.52117 36.0443C3.28763 41.2627 8.76146 40.9792 11.3319 41.0137C10.5228 39.9173 6.0253 35.9423 3.52117 36.0443ZM10.2712 31.1693C9.25414 32.2838 7.72786 36.5678 11.1074 40.0628C12.1666 37.5353 12.3986 33.6548 10.2712 31.1693ZM0.652417 28.8563C0.47764 33.0713 4.04098 35.2043 7.47775 35.1713C6.44416 33.1403 3.68088 29.2253 0.652417 28.8563ZM7.86196 25.9523C5.58383 27.2873 5.84299 31.5983 7.18696 33.8423C8.69667 31.7528 9.82368 29.1563 7.86196 25.9523ZM0.501746 22.0029C-0.625262 25.8413 2.68646 28.4378 4.67379 28.6598C4.16453 26.8268 3.49857 23.5794 0.501746 22.0029ZM7.4431 20.7264C4.93143 21.9789 3.74114 24.9743 4.68132 27.6743C6.43361 26.2688 8.54449 23.2959 7.4431 20.7264ZM0.384224 16.0824C-1.16767 20.7519 2.39566 22.2774 3.72156 22.6524C3.56335 20.6664 2.29471 16.7079 0.384224 16.0824ZM7.34366 14.8569C6.32513 15.1494 3.42172 17.5224 3.94756 21.7719C5.85805 20.7009 8.17837 18.6609 7.34366 14.8569ZM1.4359 9.00695C-0.299816 14.7459 2.59606 17.1024 3.54678 17.5719C3.69745 15.7569 3.88127 11.5164 1.4359 9.00695ZM7.86045 9.15094C6.04187 9.65644 3.74717 12.9804 3.85565 16.1769C5.65766 15.3549 8.35314 11.9364 7.86045 9.15094ZM7.31804 0.25C3.09628 4.59397 2.50415 8.01995 3.73813 12.2439C5.65013 10.5309 7.17641 5.39047 7.31804 0.25Z" fill="url(%23paint0_linear_1837_8426)"/><defs><linearGradient id="paint0_linear_1837_8426" x1="84.375" y1="0.25" x2="84.375" y2="55.75" gradientUnits="userSpaceOnUse"><stop stop-color="%23A3B8CC" stop-opacity="0.2"/><stop offset="1" stop-color="%23A3B8CC"/></linearGradient></defs></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 #A3B8CC transparent #A3B8CC;
  }
}
@media (min-width: 1700px) {
  .section-2 .lft .media-lists {
    padding: 0 40px;
    gap: 72px;
    padding-right: 76px;
  }
}
.section-2 .lft .media-lists img {
    height: 20px;
}
@media (min-width: 1280px) {
  .section-2 .lft .media-lists img {
    height: 32px;
  }
}
@media (min-width: 1600px) {
  .section-2 .lft .media-lists img {
    height: 44px;
  }
}


@media (min-width: 1280px) {
  .section-2 .rgt {
    padding-left: 40px;
  }
}
@media (min-width: 1700px) {
  .section-2 .rgt {
    padding-left: 76px;
  }
}
.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: #A3B8CC;
  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;
  }
}

.sec-3 .img-text-cont .img-cont .image-logo {
  position: absolute;
  width: 170px;
  top: 287px;
  left: 247px;
}

.sec-3 .more-arrow {
  max-width: 12px;
  margin: 0 auto;
}
.sec-3 .img-text-cont .img-cont .img-dec-animate {
  width: 53%;
  position: absolute;
  right: 24px;
  bottom: 24px;
}

.sec-3 .img-text-cont .img-cont .img-dec-animate .anima-img-1 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.sec-3 .img-text-cont .img-cont .img-dec-animate .anima-img-3 {
  position: absolute;
  bottom: 8%;
  right: 1px;
  width: 99%;
}

.sec-3 .img-text-cont .img-cont.scatter2 .icon_music {
  width: 43%;
  height: 94%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform-origin: center 0;
  animation: rotate 1.7s alternate;
}

.sec-3 .img-text-cont .img-cont .icon_music img {
  width: 47%;
}

.sec-3 .img-text-cont .img-cont.scatter2 .icon_music1 {
  width: 84%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform-origin: center 0;
  animation: rotate1 1.6s alternate;
}

.sec-3 .img-text-cont .img-cont .icon_music1 img {
  width: 20.5%;
}

.sec-3 .img-text-cont .img-cont.scatter2 .icon_music2 {
  width: 100%;
  height: 51%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform-origin: center 0;
  animation: rotate2 1.8s alternate;
}

.sec-3 .img-text-cont .img-cont .icon_music2 img {
  width: 26.7%;
}

.sec-3 .img-text-cont .img-cont.scatter2 .icon_music3 {
  width: 63%;
  height: 58%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform-origin: center 0;
  animation: rotate3 2.2s alternate;
}

.sec-3 .img-text-cont .img-cont .icon_music3 img {
  width: 17.2%;
}

@keyframes rotate66 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    width: 0%;
    height: 0%;
    opacity: 0;
    transform: scale(0.1);
  }
  100% {
    width: 43%;
    height: 94%;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes rotate1 {
  0% {
    width: 0%;
    height: 0%;
    opacity: 0;
    transform: scale(0.1);
  }
  100% {
    width: 84%;
    height: 100%;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes rotate2 {
  0% {
    width: 0%;
    height: 0%;
    opacity: 0;
    transform: scale(0.1);
  }
  100% {
    width: 100%;
    height: 51%;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes rotate3 {
  0% {
    width: 0%;
    height: 0%;
    opacity: 0;
    transform: scale(0.1);
  }
  100% {
    width: 63%;
    height: 58%;
    opacity: 1;
    transform: scale(1);
  }
}
.sec-3 .gift-box {
  width: 24.8%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

@keyframes move {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}
.sec-3 .circular-gradient .circular-gradient-shadow {
  position: absolute;
}

.sec-3 .circular-gradient img:nth-child(1),
.sec-3 .circular-gradient img:nth-child(2),
.sec-3 .circular-gradient img:nth-child(3),
.sec-3 .circular-gradient img:nth-child(4),
.sec-3 .circular-gradient img:nth-child(5),
.sec-3 .circular-gradient img:nth-child(6),
.sec-3 .circular-gradient img:nth-child(7),
.sec-3 .circular-gradient img:nth-child(8),
.sec-3 .circular-gradient img:nth-child(9),
.sec-3 .circular-gradient img:nth-child(10),
.sec-3 .circular-gradient img:nth-child(11),
.sec-3 .circular-gradient img:nth-child(12),
.sec-3 .circular-gradient img:nth-child(13),
.sec-3 .circular-gradient img:nth-child(14),
.sec-3 .circular-gradient img:nth-child(15),
.sec-3 .circular-gradient img:nth-child(16),
.sec-3 .circular-gradient img:nth-child(17) {
  width: 14%;
  position: absolute;
  top: 90%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, 0%);
  transition: all 1.9s ease-in-out;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(1) {
  width: 14%;
  position: absolute;
  top: 50%;
  left: -5%;
  transform: translate(0, -50%);
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(2) {
  width: 14%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(3) {
  width: 14%;
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(4) {
  width: 14%;
  position: absolute;
  top: 57%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0);
}

.sec-3 .circular-gradient.scatter2 img:nth-child(5) {
  width: 14%;
  position: absolute;
  top: 39%;
  left: 27%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(6) {
  width: 14%;
  position: absolute;
  top: 13%;
  left: 27%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(7) {
  width: 14%;
  position: absolute;
  top: 65%;
  left: 27%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(8) {
  width: 14%;
  position: absolute;
  top: 1%;
  left: 11%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(9) {
  width: 14%;
  position: absolute;
  top: 53%;
  left: 11%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(10) {
  width: 14%;
  position: absolute;
  top: 27%;
  left: 11%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(11) {
  width: 14%;
  position: absolute;
  top: 1%;
  left: 75%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(12) {
  width: 14%;
  position: absolute;
  top: 53%;
  left: 75%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(13) {
  width: 14%;
  position: absolute;
  top: 27%;
  left: 75%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(14) {
  width: 14%;
  position: absolute;
  top: 13%;
  left: 59%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(15) {
  width: 14%;
  position: absolute;
  top: 39%;
  left: 59%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(16) {
  width: 14%;
  position: absolute;
  top: 65%;
  left: 59%;
  transform: none;
  opacity: 1;
}

.sec-3 .circular-gradient.scatter2 img:nth-child(17) {
  width: 14%;
  position: absolute;
  top: 50%;
  left: 92%;
  opacity: 1;
  transform: translate(0, -50%);
}

.sec-3 .img-cont .mac-book {
  width: 86.5%;
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translate(-50%, 0);
}

.sec-3 .img-cont .mac-book-logo {
  width: 100%;
  position: absolute;
  top: 5%;
}

@keyframes pause {
  to {
    offset-distance: 100%;
  }
}
@media (min-width: 992px) {
  .sec-3 .img-text-cont .img-cont .img-dec-animate .anima-img-2 {
    position: absolute;
    bottom: 17px;
    right: 20%;
    width: 74%;
    animation: rotate66 3s linear infinite;
  }
}
@media (min-width: 1600px) {
  .sec-3 .img-text-cont .img-cont .img-dec-animate .anima-img-2 {
    position: absolute;
    bottom: 27px;
    right: 20%;
    width: 74%;
    animation: rotate66 3s linear infinite;
  }
}
@media (max-width: 992px) {
  .sec-3 .des {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}

.sec-3 {
  padding: 64px 0;
}
.sec-3 h2,
.sec-3 .sub {
  max-width: 1022px;
}
.sec-3 h2{
  margin-bottom: 64px;
  /* font-size: 24px; */
}
.sec-3 h2 span{
  background: linear-gradient(277.47deg, #5FE7FF 5.56%, #5FB2FF 93.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.sec-3 .img-text-cont {
  margin-bottom: 64px;
}

.sec-3 .img-text-cont:last-child {
  margin-bottom: 0;
}

.sec-3 .img-text-cont .icon-right::before {
  content: "";
  background: url('data:image/svg+xml,<svg preserveAspectRatio="none meet" width="44" height="50" viewBox="0 0 44 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 30.1948C21 30.1948 30.5951 20.7472 39 19.1183" stroke="%236B57FF" stroke-width="3" stroke-linecap="round"/><path d="M13.1331 28.662C13.1331 28.662 11.4204 6.90099 7.82715 2" stroke="%236B57FF" stroke-width="3" stroke-linecap="round"/><path d="M25.4274 42.5108C25.4274 42.5108 39.2005 40.2897 41.9985 42.2808" stroke="%236B57FF" stroke-width="3" stroke-linecap="round"/></svg>');
  width: 44px;
  height: 55px;
  background-size: 100% 100%;
  position: absolute;
  right: -10px;
  top: 0px;
  transform: translate(-100%, -70%);
  display: none;
}

.sec-3 .text-cont {
  max-width: 468px;
}

.sec-3 .img-text-cont .img-cont {
  width: 342px;
  height: 260px;
}

.sec-3 .img-text-cont h3 {
  line-height: 120%;
  font-weight: 700;
}

.sec-3 .img-text-cont p {
  font-size: 16px;
  line-height: 150%;
}
.sec-3 .img-text-cont ul{
  text-align: start;
  font-size: 16px;
}
@media (min-width: 1600px) {
  .sec-3 .img-text-cont ul{
    font-size: 18px;
  }
 
  }
.sec-3 .img-text-cont ul li {
  display: flex;
  align-items: start;
  gap: 12px;
}
.sec-3 .img-text-cont ul li:not(:last-child){
  margin-bottom: 12px;
}


.sec-3 .img-text-cont ul li::before {
  content: url('data:image/svg+xml,<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.66" y="1.16" width="20.68" height="20.68" rx="10.34" stroke="%235FB2FF" stroke-width="1.32"/><path d="M6.41504 11.5004L9.65535 14.7407C9.88609 14.9715 10.2639 14.9589 10.4788 14.7133L16.4984 7.83374" stroke="%235FB2FF" stroke-width="1.76" stroke-linecap="round"/></svg>');
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  margin-top: 2px;
}
.sec-3 .img-text-cont .learn-how{
  text-decoration: underline;
  display: flex;
  text-align: start;
  font-size:16px;
  cursor: pointer;
}
@media (min-width:992px) {
  .sec-3 .img-text-cont .learn-how{
    align-items: center;
  }
}
@media (min-width:1600px) {
  .sec-3 .img-text-cont .learn-how{
    font-size: 18px;
  }
}
.sec-3 .img-text-cont .learn-how span{
max-width: 314px;
}

.sec-2 .container,
.sec-3 .container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.sec-3 .circular-gradient {
  width: 100%;
  height: 363px;
  border-radius: 50%;
  overflow: hidden;
}
.sec-3 #sec3ExpandContent {
  width: 12px;
}
@media (min-width: 992px) {
  .sec-3 {
    padding: 50px 0;
  }
  .sec-3 .img-text-cont .text-cont,
  .sec-3 .img-text-cont .img-cont {
    flex: 2;
  }
  .sec-3 .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sec-3 .text-cont {
    max-width: 540px;
  }
  .sec-3 .img-text-cont .learn-how span{
    max-width: 100%;
    margin-right: 8px;
    }
    .sec-3 .img-text-cont ul li::before{
      margin-top: 0;
    }
  .sec-3 .img-text-cont .img-cont {
    max-width: 566px;
    height: 431px;
  }
  .sec-3 .circular-gradient {
    width: 100%;
    height: 363px;
    border-radius: 50%;
    overflow: hidden;
  }
  .sec-3 .img-text-cont .img-cont .image-logo {
    max-width: 20%;
    position: absolute;
  }

  .sec-3 .img-text-cont {
    margin-bottom: 60px;
  }

  .sec-3 h2 {
    margin-bottom: 80px;
  }

  .sec-3 .img-text-cont p {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .sec-3 {
    padding: 100px 0;
  }

  .sec-3 .text-cont {
    max-width: 700px;
  }
  .sec-3 .img-text-cont {
    margin-bottom: 80px;
  }

  .sec-3 .img-text-cont .img-cont {
    max-width: 865px;
    height: 659px;

    /* background-color:pink; */
  }
  .sec-3 .circular-gradient {
    width: 100%;
    height: 554px;
    border-radius: 50%;
    overflow: hidden;
  }
  .sec-3 .img-text-cont p {
    font-size: 18px;
  }
  .sec-3 .img-text-cont h3 {
    /* font-size: 48px; */
  }
}

.sec-7 h2 {
  max-width: 1150px;
  margin-bottom: 40px;
}
.sec-7 h3 {
  font-size: 16px;
  font-weight: 500;
}
.sec-7 p {
  font-size: 12px;
  color: #525252;
}
.sec-7 .copy-cont:nth-child(2) {
  align-items: start;
}
.sec-7 .content {
  padding: 16px;
  background: url(https://images.tenorshare.com/img-2024/product/icarefone/sec7-img-sm.png)
    no-repeat;
  min-height:962px;
  background-size: 100% 100%;
}
.sec-7 .copy-cont:nth-child(2) .copy-text-cont {
  width: 148px;
}
.sec-7 .copy-cont:nth-child(1) .copy-text-cont {
  width: 148px;
  margin-bottom: 12px;
}
.sec-7 .copy-cont:nth-child(2) .copy-img-cont {
  width: 148px;
}

.sec-7 .content .copy-cont:nth-child(1) {
  transform: translateX(-6px);
}
.sec-7 .copy-cont .copy-img-cont {
  margin-top: 16px;
  width: 120px;
  /* height:262px; */
}
@media (min-width:375px) {
  .sec-7 .content {
    min-height: 809px;
  }
  .sec-7 .copy-cont:nth-child(2) .copy-img-cont {
    width: 160px;
  }
  .sec-7 .copy-cont:nth-child(2) .copy-text-cont {
    width: 168px;
  }
  .sec-7 .copy-cont:nth-child(1) .copy-text-cont {
    width: 156px;
  }
}

@media (min-width:768px) {
  .sec-7 .content{
    min-height: 608px;
  }
  .sec-7 .copy-cont .copy-img-cont{
    width: 80%;
  }
  .sec-7 .copy-cont:nth-child(1) .copy-text-cont {
    width: 100%;
}
.sec-7 .copy-cont:nth-child(2) .copy-text-cont {
  width: auto;
}
.sec-7 .copy-cont:nth-child(2) .copy-img-cont {
  width: 98%;
}
}
.sec-7 .copy-cont:nth-child(1) .copy-img-cont::after {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA2NCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjUuMzEwN0MwIDExLjMzMiAxMS4zMzIgMCAyNS4zMTA3IDBINjRWNi42ODkyOUM2NCAyMC42NjggNTIuNjY4IDMyIDM4LjY4OTMgMzJIMFYyNS4zMTA3WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE0MjE0XzIxNzkzKSIvPgo8cGF0aCBkPSJNMTYuMjg5MiAxMC40MzIyVjIySDE0LjEwNDNWMTAuNDMyMkgxNi4yODkyWk0yMC45NTI5IDE1LjQyOTZWMTcuMTUzNkgxNS43MTcyVjE1LjQyOTZIMjAuOTUyOVpNMjEuNTY0NiAxMC40MzIyVjEyLjE1NjNIMTUuNzE3MlYxMC40MzIySDIxLjU2NDZaTTIzLjA1MDMgMTAuNDMyMkgyNy4yNTMyQzI4LjEzMjQgMTAuNDMyMiAyOC44ODcyIDEwLjU2NDYgMjkuNTE3NSAxMC44Mjk1QzMwLjE0NzggMTEuMDk0MyAzMC42MzI0IDExLjQ4NjIgMzAuOTcxNCAxMi4wMDUzQzMxLjMxMDQgMTIuNTI0NCAzMS40Nzk5IDEzLjE2MjYgMzEuNDc5OSAxMy45MkMzMS40Nzk5IDE0LjUxODUgMzEuMzczOSAxNS4wMzc2IDMxLjE2MjEgMTUuNDc3MkMzMC45NTAyIDE1LjkxNjggMzAuNjUwOSAxNi4yODUgMzAuMjY0MyAxNi41ODE2QzI5Ljg4MjkgMTYuODc4MiAyOS40MzI3IDE3LjExMTIgMjguOTEzNyAxNy4yODA3TDI4LjIzMDQgMTcuNjMwM0gyNC41MjAxTDI0LjUwNDIgMTUuOTA2M0gyNy4yNzdDMjcuNzI3MiAxNS45MDYzIDI4LjEwMDYgMTUuODI2OCAyOC4zOTcyIDE1LjY2NzlDMjguNjkzOCAxNS41MDkgMjguOTE2MyAxNS4yODkyIDI5LjA2NDYgMTUuMDA4NUMyOS4yMTgyIDE0LjcyNzggMjkuMjk1IDE0LjQwNzMgMjkuMjk1IDE0LjA0NzFDMjkuMjk1IDEzLjY2MDUgMjkuMjIwOSAxMy4zMjY4IDI5LjA3MjUgMTMuMDQ2MUMyOC45MjQyIDEyLjc2MDEgMjguNjk5MSAxMi41NDAzIDI4LjM5NzIgMTIuMzg2N0MyOC4wOTUzIDEyLjIzMzEgMjcuNzE0IDEyLjE1NjMgMjcuMjUzMiAxMi4xNTYzSDI1LjIzNTJWMjJIMjMuMDUwM1YxMC40MzIyWk0yOS41ODEgMjJMMjYuOTAzNiAxNi44MTk5TDI5LjIxNTYgMTYuODEyTDMxLjkyNDggMjEuODg4OFYyMkgyOS41ODFaTTQxLjA2MTQgMjAuMjgzOVYyMkgzNC45MTIxVjIwLjI4MzlINDEuMDYxNFpNMzUuNTc5NCAxMC40MzIyVjIySDMzLjM5NDZWMTAuNDMyMkgzNS41Nzk0Wk00MC4yNTkgMTUuMjA3MVYxNi44ODM1SDM0LjkxMjFWMTUuMjA3MUg0MC4yNTlaTTQxLjAzNzYgMTAuNDMyMlYxMi4xNTYzSDM0LjkxMjFWMTAuNDMyMkg0MS4wMzc2Wk01MC4yNDU3IDIwLjI4MzlWMjJINDQuMDk2NFYyMC4yODM5SDUwLjI0NTdaTTQ0Ljc2MzcgMTAuNDMyMlYyMkg0Mi41Nzg5VjEwLjQzMjJINDQuNzYzN1pNNDkuNDQzMyAxNS4yMDcxVjE2Ljg4MzVINDQuMDk2NFYxNS4yMDcxSDQ5LjQ0MzNaTTUwLjIyMTkgMTAuNDMyMlYxMi4xNTYzSDQ0LjA5NjRWMTAuNDMyMkg1MC4yMjE5WiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNDIxNF8yMTc5MyIgeDE9IjMyIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzVGQ0ZGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQzY4RkYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
  width: 48px;
  height: 24px;
  background-size: 100% 100%;
  position: absolute;
  right: -3px;
  top: 15px;
}
@media (min-width: 689px) {
  .sec-7 .copy-cont .copy-img-cont {
    width: 50%;
    /* height:262px; */
  }
  .sec-7 .copy-cont:nth-child(2) {
    align-items: center;
  }
  .sec-7 .copy-cont:nth-child(2) .copy-img-cont {
    width: 68%;
  }
}
@media (min-width: 992px) {
  .sec-7 {
    padding: 50px 0 0;
  }
  .sec-7 h2{
    margin-bottom: 60px;
  }
  .sec-7 .copy-cont .copy-text-cont {
    max-width: 450px;
  }
  .sec-7 .copy-cont .copy-img-cont {
    width: 164px;
    margin-top: 0px;
  }
  .sec-7 .content .copy-cont:nth-child(1) {
    transform: none;
  }
  .sec-7 .copy-cont:nth-child(2) .copy-img-cont {
    width: 29.2%;
  }
  .sec-7 .copy-cont:nth-child(2) .copy-img-cont img {
    transform: translate(24px, 0px);
  }
  .sec-7 .copy-cont:nth-child(1) .copy-img-cont::after {
    right: -12px;
    top: 24px;
  }
  .sec-7 h3 {
    font-size: 20px;
    font-weight: 600;
  }
  .text-right {
    text-align: right;
  }
  .sec-7 p {
    font-size: 14px;
  }
  .sec-7 .content {
    padding: 32px 56px;
    min-height: auto;
    background: url(https://images.tenorshare.com/img-2024/product/icarefone/sec-10-bg.png)
      no-repeat;
    background-size: 100% 100%;
  }
  .sec-7 .copy-cont:nth-child(1) {
    margin-bottom: 12px;
  }
}
@media (min-width: 1600px) {
  .sec-7 h2 {
    margin-bottom: 60px;
  }
  .sec-7 {
    padding: 100px 0;
  }
  .sec-7 h3 {
    font-size: 28px;
    font-weight: 600;
  }
  .sec-7 .content {
    padding: 76px 80px 56px;
    background-size: contain;
  }
  .sec-7 p {
    font-size: 18px;
    line-height: 1.5;
  }
  .sec-7 .copy-cont:nth-child(1) {
    margin-bottom: 72px;
  }
  .sec-7 .copy-cont .copy-text-cont {
    max-width: 650px;
  }
  .sec-7 .copy-cont:nth-child(1) .copy-img-cont::after {
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA2NCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjUuMzEwN0MwIDExLjMzMiAxMS4zMzIgMCAyNS4zMTA3IDBINjRWNi42ODkyOUM2NCAyMC42NjggNTIuNjY4IDMyIDM4LjY4OTMgMzJIMFYyNS4zMTA3WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE0MjE0XzIxNzkzKSIvPgo8cGF0aCBkPSJNMTYuMjg5MiAxMC40MzIyVjIySDE0LjEwNDNWMTAuNDMyMkgxNi4yODkyWk0yMC45NTI5IDE1LjQyOTZWMTcuMTUzNkgxNS43MTcyVjE1LjQyOTZIMjAuOTUyOVpNMjEuNTY0NiAxMC40MzIyVjEyLjE1NjNIMTUuNzE3MlYxMC40MzIySDIxLjU2NDZaTTIzLjA1MDMgMTAuNDMyMkgyNy4yNTMyQzI4LjEzMjQgMTAuNDMyMiAyOC44ODcyIDEwLjU2NDYgMjkuNTE3NSAxMC44Mjk1QzMwLjE0NzggMTEuMDk0MyAzMC42MzI0IDExLjQ4NjIgMzAuOTcxNCAxMi4wMDUzQzMxLjMxMDQgMTIuNTI0NCAzMS40Nzk5IDEzLjE2MjYgMzEuNDc5OSAxMy45MkMzMS40Nzk5IDE0LjUxODUgMzEuMzczOSAxNS4wMzc2IDMxLjE2MjEgMTUuNDc3MkMzMC45NTAyIDE1LjkxNjggMzAuNjUwOSAxNi4yODUgMzAuMjY0MyAxNi41ODE2QzI5Ljg4MjkgMTYuODc4MiAyOS40MzI3IDE3LjExMTIgMjguOTEzNyAxNy4yODA3TDI4LjIzMDQgMTcuNjMwM0gyNC41MjAxTDI0LjUwNDIgMTUuOTA2M0gyNy4yNzdDMjcuNzI3MiAxNS45MDYzIDI4LjEwMDYgMTUuODI2OCAyOC4zOTcyIDE1LjY2NzlDMjguNjkzOCAxNS41MDkgMjguOTE2MyAxNS4yODkyIDI5LjA2NDYgMTUuMDA4NUMyOS4yMTgyIDE0LjcyNzggMjkuMjk1IDE0LjQwNzMgMjkuMjk1IDE0LjA0NzFDMjkuMjk1IDEzLjY2MDUgMjkuMjIwOSAxMy4zMjY4IDI5LjA3MjUgMTMuMDQ2MUMyOC45MjQyIDEyLjc2MDEgMjguNjk5MSAxMi41NDAzIDI4LjM5NzIgMTIuMzg2N0MyOC4wOTUzIDEyLjIzMzEgMjcuNzE0IDEyLjE1NjMgMjcuMjUzMiAxMi4xNTYzSDI1LjIzNTJWMjJIMjMuMDUwM1YxMC40MzIyWk0yOS41ODEgMjJMMjYuOTAzNiAxNi44MTk5TDI5LjIxNTYgMTYuODEyTDMxLjkyNDggMjEuODg4OFYyMkgyOS41ODFaTTQxLjA2MTQgMjAuMjgzOVYyMkgzNC45MTIxVjIwLjI4MzlINDEuMDYxNFpNMzUuNTc5NCAxMC40MzIyVjIySDMzLjM5NDZWMTAuNDMyMkgzNS41Nzk0Wk00MC4yNTkgMTUuMjA3MVYxNi44ODM1SDM0LjkxMjFWMTUuMjA3MUg0MC4yNTlaTTQxLjAzNzYgMTAuNDMyMlYxMi4xNTYzSDM0LjkxMjFWMTAuNDMyMkg0MS4wMzc2Wk01MC4yNDU3IDIwLjI4MzlWMjJINDQuMDk2NFYyMC4yODM5SDUwLjI0NTdaTTQ0Ljc2MzcgMTAuNDMyMlYyMkg0Mi41Nzg5VjEwLjQzMjJINDQuNzYzN1pNNDkuNDQzMyAxNS4yMDcxVjE2Ljg4MzVINDQuMDk2NFYxNS4yMDcxSDQ5LjQ0MzNaTTUwLjIyMTkgMTAuNDMyMlYxMi4xNTYzSDQ0LjA5NjRWMTAuNDMyMkg1MC4yMjE5WiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNDIxNF8yMTc5MyIgeDE9IjMyIiB5MT0iMCIgeDI9IjMyIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzVGQ0ZGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQzY4RkYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    width: 64px;
    height: 32px;
    background-size: 100% 100%;
    position: absolute;
    right: -30px;
    top: 40px;
  }
  .sec-7 .copy-cont:nth-child(2) .copy-text-cont::before {
    width: 48px;
    height: 48px;
    top: -60px;
  }
  .sec-7 .copy-cont .copy-img-cont{
    width: 246px;
  }
  .sec-7 .copy-cont:nth-child(2) .copy-img-cont img {
    transform: translate(24px, -4px);
  }
}

#swiper-sync {
  /* background-color: #D7F0FF; */

  padding: 48px 0;
}
.normal-background {
  background-color: #d7f0ff;
}
.blue-background {
  background-color: #c0d6ff;
}
.orange-background {
  background-color: #ffd9c6;
}

#swiper-sync .lft {
  max-width: 360px;
}
#swiper-sync .lft .title {
  /* color: #fff; */

  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
}
#swiper-sync .lft .sec-tit {
  /* color: #fff; */
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
#swiper-sync .lft h2 {
  color: #f3fbfe;
}
#swiper-sync .lft a {
  /* color: #f3fbfe; */
  font-size: 18px;
}
#swiper-sync .lft .swiper-pagination-bullet {
  background: #d8dfe2;
  opacity: 0.5;
  width: 12px;
  height: 12px;
}
#swiper-sync .lft .swiper-pagination-bullet:not(:nth-child(1)) {
  margin-left: 12px;
}
.sec-itunes .mySwiper3-swiper-pagination {
  height: 64px;
}
.sec-itunes .mySwiper3-swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
.sec-itunes .mySwiper3-swiper-pagination .swiper-pagination-bullet-active {
  width: 32px;
  height: 8px;
  background: #5fb2ff;
  opacity: 1;
  border-radius: 8px;
}
#swiper-sync .rgt {
  width: 100%;
}
#swiper-sync .mySwiper3 .swiper-slide {
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear;
  opacity: 0;
  height: 100%;
}
#swiper-sync .mySwiper3 .swiper-slide-active {
  visibility: visible;
  opacity: 1;
}
#swiper-sync .mySwiper3 .item {
  width: 528px;
  border-radius: 12px;
  background: #f3fbfe;
}
#swiper-sync .mySwiper3 .item .avator-wrap {
  font-size: 18px;
  font-weight: 600;
}
#swiper-sync .mySwiper3 .item.item-1 {
  padding: 32px 50px 62px 32px;
}
#swiper-sync .mySwiper3 .item.item-2 {
  padding: 42px 50px 62px 32px;
  margin-left: 32px;
}
#swiper-sync .mySwiper2 {
  margin-top: 48px;
}
#swiper-sync .mySwiper2 .swiper-wrapper {
  margin-top: 110px;
}
#swiper-sync .mySwiper2 .swiper-button-wrap {
  display: flex;
}
#swiper-sync .mySwiper2 .swiper-button-wrap .swiper-button-next,
#swiper-sync .mySwiper2 .swiper-button-wrap .swiper-button-prev {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin: 0;
  width: 40px;
  height: 40px;
}
#swiper-sync .mySwiper2 .swiper-button-wrap .swiper-button-next::after,
#swiper-sync .mySwiper2 .swiper-button-wrap .swiper-button-prev::after {
  content: none;
}
#swiper-sync .mySwiper2 .swiper-button-wrap .swiper-button-next {
  margin-left: 32px;
}
#swiper-sync .mySwiper3 .swiper-fade .swiper-slide {
  transition-duration: 1000ms !important;
  pointer-events: auto;
}
#swiper-step .mySwiper .swiper-slide {
  pointer-events: auto;
  cursor: pointer;
}
#swiper-sync a.hover-bottom-line::after {
  background-color: #fff;
}
#swiper-sync .mySwiper3-swiper-pagination {
  position: absolute;
  bottom: -72px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}
@media (min-width: 992px) {
  #swiper-sync .lft .title {
    /* color: #fff; */
    min-height: 62px;
    font-size: 24px;
    font-weight: 500;
  }
  #swiper-sync {
    /* background-color: #D7F0FF; */

    padding: 64px 0;
  }
  #swiper-sync .rgt {
    width: 67%;
  }
  #swiper-sync .mySwiper3 .swiper-slide {
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
    opacity: 0;
    height: auto;
  }
  #swiper-sync .mySwiper3 .swiper-slide-active {
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 1600px) {
  #swiper-sync .lft .title {
    font-size: 36px;
    font-weight: 600;
    min-height: 100px;
  }
  #swiper-sync {
    padding: 80px 0;
  }
  #swiper-sync .mySwiper2 {
    margin-top: 66px;
  }
  #swiper-sync .lft .sec-tit {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    min-height: 108px;
  }
  #swiper-sync .lft {
    max-width: 402px;
  }
  #swiper-sync .mySwiper2 .swiper-button-wrap .swiper-button-next,
  #swiper-sync .mySwiper2 .swiper-button-wrap .swiper-button-prev {
    width: 66px;
    height: 66px;
  }
}

.sec-itunes {
  padding: 64px 0 0;
}
.sec-itunes h2 {
  margin-bottom: 40px;
}
#swiper-sync .mySwiper3 .first-ipad-phone {
  max-width: 85px;
  border-radius: 4px;
  overflow: hidden;
}

#swiper-sync .mySwiper3 #arrow {
  max-width: 53px;

  margin-left: 24px;
  margin-right: 24px;
  z-index: 9999;
}
#swiper-sync .mySwiper3 #arrow img:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
}
#swiper-sync .mySwiper3 .first-ipad-phone .three img {
  position: absolute;
  top: 2px;
  right: -1px;
  width: 0;
  height: 100%;
}
#swiper-sync .mySwiper3 .second-ipad-phone .three img {
  position: absolute;
  bottom: -1px;
  right: -2px;
  width: 0;
  height: 100%;
}
#swiper-sync .mySwiper3 .second-ipad-phone .two img {
  transform: translate(2px, 0px);
}
#swiper-sync .mySwiper3 .swiper-slide:nth-child(3) .first-ipad-phone .two img {
  transform: translate(0px, 2px);
}
#swiper-sync .mySwiper3 .first-ipad-phone .ipad {
  width: 100%;

  position: absolute;
  left: 0;
  top: 0;
}
#swiper-sync .mySwiper3 .first-ipad-phone .phone {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
}
#swiper-sync .mySwiper3 .swiper-slide:nth-child(2) .first-ipad-phone .phone {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
}
#swiper-sync .mySwiper3 .first-mac-book {
  width: 155px;
  height: 100px;
  overflow: hidden;
}

#swiper-sync .mySwiper3 .macbook {
  position: absolute;
  left: 0px;
  bottom: 2px;
}
#swiper-sync .mySwiper3 .swiper-slide:nth-child(2) .first-ipad-phone .macbook {
  position: absolute;
  left: 1px;
  bottom: 3px;
}
#swiper-sync .mySwiper3 .macbook-logo {
  width: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
}
#swiper-sync .mySwiper3 .two .macbook,
#swiper-sync .mySwiper3 .three .macbook {
  width: 82%;
  position: absolute;
  left: 9%;
  bottom: 10%;
}
#swiper-sync .mySwiper3 .second-ipad-phone {
  max-width: 49px;
  max-height: 100px;
  overflow: hidden;
  border-radius: 8px;
  margin: 0;
}
#swiper-sync .mySwiper3 .second-ipad-phone .phone {
  width: 99%;
  height: 100%;
  position: absolute;
  top: 0%;
  right: -1%;
}
@media (min-width: 992px) {
  #swiper-sync .mySwiper3 .first-ipad-phone {
    max-width: 27%;
    max-height: 75%;
    border-radius: 8px;
  }
  #swiper-sync
    .mySwiper3
    .swiper-slide:nth-child(2)
    .first-ipad-phone
    .macbook {
    position: absolute;
    left: 1px;
    bottom: -4px;
  }
  #swiper-sync .mySwiper3 .first-ipad-phone .two img{
    position: relative;
    top: 8px;
    right: -3px;
    width: 100%;
    height: 100%;
  }
  #swiper-sync .mySwiper3 .first-ipad-phone .three img {
    position: absolute;
    top: 8px;
    right: -3px;
    width: 0;
    height: 100%;
  }
  #swiper-sync .mySwiper3 .first-ipad-phone .phone {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0%;
    right: 0%;
  }
  #swiper-sync .mySwiper3 .second-ipad-phone .two img {
    transform: translate(6px, 0px);
  }
  #swiper-sync
    .mySwiper3
    .swiper-slide:nth-child(3)
    .first-ipad-phone
    .two
    img {
    transform: translate(0px, 4px);
  }
  #swiper-sync .mySwiper3 .macbook-logo {
    border-radius: 12px;
  }
  #swiper-sync .mySwiper3 #arrow {
    max-width: 117px;
    margin-left: 55px;
    margin-right: 40px;
  }
  #swiper-sync .mySwiper3 .swiper-slide:nth-child(2) #arrow {
    max-width: 117px;
    margin-left: 55px;
    margin-right: 94px;
  }
  #swiper-sync .mySwiper3 .two .macbook,
  #swiper-sync .mySwiper3 .three .macbook {
    width: 82%;
    position: absolute;
    left: 9%;
    bottom: 9%;
  }
  #swiper-sync .mySwiper3 .first-mac-book {
    width: 45%;
    height: 90%;
    /* border: 1px solid black; */
    overflow: hidden;
  }
  #swiper-sync .mySwiper3 .second-ipad-phone {
    max-width: 112px;
    max-height: 94%;
    overflow: hidden;
    border-radius: 16px;
    margin: 0 50px;
  }
}
@media (min-width: 1024px) {
  #swiper-sync .mySwiper3 .first-ipad-phone {
    max-width: 29.82%;
    max-height: 94%;
    border-radius: 8px;
  }
}
@media (min-width: 1600px) {
  .sec-itunes h2 {
    margin-bottom: 60px;
  }
  #swiper-sync .mySwiper3 .macbook-logo {
    border-radius: 24px;
  }
  #swiper-sync .mySwiper3 .second-ipad-phone .phone {
    width: 100%;
    position: absolute;
    top: 0%;
    right: -1%;
  }
  #swiper-sync .mySwiper3 .second-ipad-phone .three img {
    position: absolute;
    bottom: -2px;
    right: -3px;
    width: 0;
    height: 100%;
  }
  #swiper-sync .mySwiper3 .first-ipad-phone {
    width: 100%;
    max-width: 29.82%;
    max-height: 95.5%;
  }
  #swiper-sync
    .mySwiper3
    .swiper-slide:nth-child(2)
    .first-ipad-phone
    .macbook {
    position: absolute;
    left: 1px;
    bottom: 3px;
  }
  #swiper-sync .mySwiper3 .first-ipad-phone .phone {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0%;
  }
  #swiper-sync .mySwiper3 .second-ipad-phone {
    max-width: 158px;
    max-height: 320px;
    border-radius: 24px;
    margin: 0 50px;
  }
  .sec-itunes {
    padding: 100px 0 0;
  }
  #swiper-sync .mySwiper3 #arrow {
    max-width: 164px;
    margin-left: 4%;
    margin-right: 2%;
  }

  #swiper-sync .mySwiper3 .swiper-slide:nth-child(2) #arrow {
    max-width: 164px;
    margin-left: 8%;
    margin-right: 11%;
  }
  #swiper-sync .mySwiper3 .first-mac-book {
    width: 534px;
    height: 324px;
    overflow: hidden;
  }
  #swiper-sync .mySwiper3 .swiper-slide:nth-child(1) #arrow::after,
  #swiper-sync .mySwiper3 .swiper-slide:nth-child(3) #arrow::after {
    content: "";
    position: absolute;
    bottom: -40%;
    right: -70px;
    width: 20px;
    height: 279px;
    background-color: #d7f0ff;
    z-index: -1;
  }
  #swiper-sync .mySwiper3 .swiper-slide:nth-child(3) #arrow::after {
    background-color: #ffd9c6;
  }
}


#sec-11 h2 {
  max-width: 341px;
  margin-bottom: 32px;
}
#sec-11 h2 span{
  background: linear-gradient(277.47deg, #5FE7FF 5.56%, #5FB2FF 93.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#sec-11 {
  color: #fff;
  padding: 80px 0;
  background: #F0F8FF;
}

#sec-11 .col-lg-3 {
  padding: 0 10px;
}
#sec-11 .item-list .item {
  /* padding: 24px 20px 0; */
  padding: 64px 56px 0;
  background: #fff;
  font-size: 16px;

  color: #212121;
  border-radius: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.4s;
}
#sec-11 .item-list .item .tit,
#sec-11 .card-text h3 {
  color: #212121;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

#sec-11 .cell:nth-child(1) .card-text {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 179, 142, 0.4) 100%
  );
}
#sec-11 .cell:nth-child(2) .card-text {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 228, 128, 0.4) 100%
  );
}
#sec-11 .cell:nth-child(3) .card-text {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(182, 182, 255, 0.4) 100%
  );
}
#sec-11 .cell:nth-child(4) .card-text {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(208, 255, 132, 0.4) 100%
  );
}
#sec-11 .cell:nth-child(5) .card-text {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(226, 234, 241, 0.4) 100%
  );
}
#sec-11 .cell:nth-child(6) .card-text {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(95, 178, 255, 0.4) 100%
  );
}
#sec-11 .card-text p {
  font-size: 14px;
  color: #6b6b6b;
  line-height: 150%;
}
#sec-11 .card-text {
  visibility: hidden;
  opacity: 0;
  font-size: 16px;
  line-height: 150%;
}
#sec-11 .rgt .item-list .item {
  padding: 16px 16px 0;
  border-radius: 8px;

}
#sec-11 .mySwiper11{
 margin-top: 60px;
}
#sec-11 .mySwiper11 .swiper-button-wrap{
  gap: 20px;
}
#sec-11 .swiper-button-next:after, #sec-11 .swiper-button-prev:after{
  display: none;
}
#sec-11 .swiper-button-next,#sec-11 .swiper-button-prev{
  width: 66px;
  height: 66px;
  position: initial;
}
@media (min-width: 992px) {
  #sec-11 h2 {
    max-width: 1090px;
    margin-bottom: 40px;
  }
  #sec-11 .item-list .item {
    padding: 40px 24px 0;
  }
  #sec-11 {
    color: #fff;
    padding: 100px 0;
  }
  #sec-11 .card-text p {
    font-size: 14px;
    color: #6b6b6b;
    line-height: 150%;
  }
  #sec-11 .item-list .item .tit,
  #sec-11 .card-text h3 {
    font-size: 20px;
    margin-bottom: 16px;
    height: 60px;
    align-items: start;
  }
  #sec-11 .cell .card-text {
    padding: 40px;
  }
  #sec-11 .rgt .item-list .item {
    padding: 40px 12px 0;
    border-radius: 8px;
  }
  #sec-11 .cell .card-text {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 50%;
    font-size: 8px;
    line-height: 150%;
    padding: 40px 32px 0;
  }
  #sec-11 .cell:hover .item {
    filter: blur(16px);
  }
  #sec-11 .cell:hover .card-text {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.2s;
    transition: 0.3s;
  }
  #sec-11 .cell:hover img {
    opacity: 0.5;
  }
  #sec-11 .cell:hover .tit {
    opacity: 0;
  }
}
@media (min-width: 1600px) {

  #sec-11 .rgt .item-list .item {
    padding: 40px 4px 0;
    border-radius: 8px;
}
}
#sec-11 .rgt .item-list .swiper-wrapper{
  align-items: stretch;
}
#sec-11 .rgt .item-list .cell{
  cursor: pointer;
  width: 246px;
  height: auto;
}
#sec-11 .rgt .item-list .item img{
  width: 180px;
  margin: auto;
}
@media (min-width: 1280px) {
  #sec-11 .rgt .item-list .cell{
    width: 300px;
  }
  #sec-11 .rgt .item-list .item img{
    width: 199px;
  }
}
@media (min-width: 1600px) {
  #sec-11 .card-text p {
    font-size: 18px;
    color: #6b6b6b;
    line-height: 150%;
  }
  #sec-11 .rgt .item-list .cell{
    width: 380px;
  }
  #sec-11 .rgt .item-list .item {
    padding: 40px 16px 0;
    border-radius: 12px;
    /* padding-top: 16px; */
  }
  
  #sec-11 .rgt .item-list .item img{
    width: 275px;
  }
  #sec-11 h2 {
    max-width: 1090px;
    margin-bottom: 80px;
  }
  #sec-11 h2 span{
    background: linear-gradient(277.47deg, #5FE7FF 5.56%, #5FB2FF 93.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  #sec-11 .item-list .item .tit,
  #sec-11 .card-text h3 {
    font-size: 24px;
    margin-bottom: 40px;
    height: auto;
  }
  #sec-11 .cell .card-text {
    padding: 40px 16px;
    border-radius: 12px;
  }
  #sec-11 {
    color: #fff;
    padding: 100px 0;
  }
}
@media (max-width: 992px) {
  #sec-11 {
    padding: 60px 0 80px;
  }

  #sec-11 .container {
    padding: 0;
    text-align: center;
  }

  #sec-11 .rgt .content-wrap {
    position: relative;
    padding: 0 0 0 24px;
    transform: none;
    width: 103%;
  }
  #sec-11 .rgt {
    margin-left: 0;
    width: 100%;
    /* margin-top: 38px; */
    position: relative;
    z-index: 1;
    overflow: auto;
  }
  #sec-11 .item-list .item .tit {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0px;
  }
  #sec-11 .item-list .item .subtitle {
    font-size: 12px;
    color: #525252;
    line-height: 150%;
  }

  #sec-11 .cell img {
    max-width: 127px;
    margin: 0 auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  #sec-11 .cell:nth-child(1) .item {
    background: linear-gradient(180deg, #ffede4 0%, #ffb38e 100%);
  }
  #sec-11 .cell:nth-child(2) .item {
    background: linear-gradient(180deg, #fff 0%, #ffe480 100%);
  }
  #sec-11 .cell:nth-child(3) .item {
    background: linear-gradient(180deg, #fff 0%, #b6b6ff 100%);
  }
  #sec-11 .cell:nth-child(4) .item {
    background: linear-gradient(180deg, #fff 0%, #d0ff84 100%);
  }
  #sec-11 .cell:nth-child(5) .item {
    background: linear-gradient(180deg, #fff 0%, #e2eaf1 100%);
  }
  #sec-11 .cell:nth-child(6) .item {
    background: linear-gradient(180deg, #fff 0%, #5fb2ff 100%);
  }
}



.sec-reviews {
  padding: 56px 0;
  background: #5FB2FF;
  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;
  }
}
.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: #f3fbfe;
}

@media (min-width: 992px) {
  .sec-reviews .cont{
    gap: 16px;
  }
  .sec-reviews .cont .cell.media-review {
    width: 356px;
    max-width: 356px;
    padding: 32px 72px;
  }
}
@media (min-width: 1280px) {
  .sec-reviews .cont{
    gap: 32px;
  }
  .sec-reviews .cont .cell.media-review {
    width: 544px;
    max-width: 544px;
    padding: 32px 72px;
  }
}
@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="%235FB2FF"/></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: #ecf6ff;
}
#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="" 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="%23B0DEFF"/></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="%235FB2FF"/></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: #5FB2FF;
  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: #5FB2FF;
}
#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;
}
#sec-8 .btn-group {
  gap: 32px;
}
@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;
  }
}


#pro-guide {
  padding: 40px 0;
}
#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: #2c9aff;
  font-weight: 500;
}
#pro-guide .nav .nav-link.active::after {
  z-index: 99;
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background: #2c9aff;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
}
#pro-guide .tab-content {
  margin-top: 40px;
}
#pro-guide .tab-content #accordion-for-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px auto 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer;
  transition: all 0.4s;
  font-size: 16px;
}
#pro-guide .tab-content #accordion-for-more:hover{
  color: #2c9aff;
}
#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: #2c9aff;
}
#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%;
  }
  #pro-guide .tab-content #accordion-for-more{
    font-size: 18px;
  }
}
@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;
  }
}

.compare-platform {
  padding: 64px 0;
  overflow: hidden;
}

@media (min-width: 1280px) {
  .compare-platform {
    padding: 100px 0;
    overflow: visible;
  }
}
.compare-platform .btn.btn-lg {
  height: 48px;
  padding: 0 22px;
  font-size: 16px;
}

@media (min-width: 1600px) {
  .compare-platform .btn.btn-lg {
    height: 56px;
    font-size: 18px;
  }
}
.compare-platform .table-cont {
  width: 100%;
  position: relative;
  overflow-x: auto;
}

@media (min-width: 1280px) {
  .compare-platform .table-cont {
    /* overflow-x: visible; */
  }
}
.compare-platform .table-cont .down-btn {
  display: none;
}

.compare-platform .table-cont.collapsed {
  height: 700px;
  /* overflow: hidden; */
  overflow-y: clip;
}

.compare-platform .table-cont.collapsed::after {
  content: "";
  width: 696px;
  height: 180px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media (min-width: 1280px) {
  .compare-platform .table-cont.collapsed::after {
    width: 100%;
  }
}

.compare-platform .table-cont.collapsed .down-btn {
  display: block;
  position: sticky;
  left: calc(50% - 12px);
  bottom: 16px;
  z-index: 12;
  cursor: pointer;
}

.compare-platform .compare-tables {
  width: 696px;
  margin-top: 48px;
  background: #EEF3F9;
  border-radius: 24px;
}

.compare-platform .list1 {
  /* position: -webkit-sticky !important;
  position: sticky !important;
  left: 0; */
  z-index: 5 !important;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables {
    width: 1096px;
    border-radius: 32px;
    margin-top: 72px;
  }
  .compare-platform .list1 {
    position: relative !important;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables {
    width: 1548px;
    border-radius: 48px;
  }
}
.compare-platform .compare-tables ul {
  width: 210px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul {
    width: 342px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul {
    width: 380px;
  }
}
.compare-platform .compare-tables ul.top-shadow li:first-child::before {
  content: "";
  width: 100%;
  height: 50px;
  background: #eef3f9;
  position: absolute;
  left: 0;
  top: -50px;
  z-index: -1;
}

.compare-platform .compare-tables ul:first-child {
  width: 240px;
}
.compare-platform .compare-tables .sup-cont ul:first-child {
  width: 220px;
}
@media (min-width: 1280px) {
  .compare-platform .compare-tables ul:first-child {
    width: 380px;
  }
  .compare-platform .compare-tables .sup-cont ul:first-child {
    width: 320px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul:first-child {
    width: 740px;
  }
  .compare-platform .compare-tables .sup-cont ul:first-child {
    width: 360px;
  }
}
.compare-platform .compare-tables ul:first-child li:first-child {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  border-radius: 16px 0 0 0;
}

@media (min-width: 1600px) {
  .compare-platform .compare-tables ul:first-child li:first-child {
    font-size: 36px;
    border-radius: 24px 0 0 0;
  }
}
.compare-platform .compare-tables ul:first-child li:last-child {
  border-radius: 0 0 0 24px;
}

.compare-platform .compare-tables ul:last-child li {
  border-color: #e6e7eb transparent transparent transparent !important;
}

.compare-platform .compare-tables ul:last-child li:first-child {
  border-color: transparent transparent #e6e7eb !important;
}

.compare-platform .compare-tables ul .mobile-fixed.actived {
  position: fixed;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul .mobile-fixed.actived {
    position: -webkit-sticky;
    position: sticky;
  }
}
.compare-platform .compare-tables ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  font-size: 16px;
  font-weight: 500;
  color: #515455;
  border: 1px solid;
}


@media (min-width: 1280px) {
  .compare-platform .compare-tables ul li {
    height: 56px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul li {
    font-size: 24px;
    height: 80px;
  }
  .compare-platform .compare-tables ul .mobile-fixed .btn{
    min-width: 200px;
  }
}
.compare-platform .compare-tables ul li:first-child {
  height: 149px;
  top: 50px;
  z-index: 3;
  border-color: transparent #e6e7eb #e6e7eb transparent !important;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul li:first-child {
    height: 136px;
    /* top: 34px; */
    /* position: -webkit-sticky;
    position: sticky; */
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul li:first-child {
    height: 204px;
    top: 50px;
  }
}
.compare-platform .compare-tables ul li:nth-of-type(even) {
  background: #fff;
  border-color: transparent #e6e7eb transparent transparent;
}

.compare-platform .compare-tables ul li:nth-of-type(odd) {
  background: #fff;
  border-color: #e6e7eb #e6e7eb #e6e7eb transparent;
}

.compare-platform .compare-tables ul li h6 {
  font-size: 20px;
  font-weight: 600;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul li h6 {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul li h6 {
    font-size: 26px;
    font-weight: 500;
  }
}
.compare-platform .compare-tables ul li .vs-icon {
  width: 24px;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul li .vs-icon {
    width: 36px;
  }
}
.compare-platform .compare-tables ul.sup {
  position: absolute;
  right: 24px;
  bottom: 7px;
  z-index: 3;
  /* border: 2px solid #ff5500; */
  border-radius: 16px;
  box-shadow: 0px 4px 24px 0px rgba(63, 28, 10, 0.1);
  background: linear-gradient(273.17deg, #FF5500 0%, #FFCF1B 99.48%);
  padding: 2px;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul.sup {
    bottom: 14px;
    right: 48px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul.sup {
    bottom: 23px;
    border-radius: 24px;
  }
}
.compare-platform .compare-tables ul.sup li .pop-tips {
  margin-bottom: 18px;
  width: 90px;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul.sup li .pop-tips {
    width: 102px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul.sup li .pop-tips {
    width: 162px;
    margin-bottom: 14px;
  }
}
.compare-platform .compare-tables ul.sup li.full {
  height: 148px;
  /* border-radius: 24px 24px 0 0; */
  top: 0;
}
.compare-platform .compare-tables .more-popular{
  height: 48px;
  font-size: 18px;
  gap: 8px;
  color: #fff;
  font-weight: 600;
}
.compare-platform .compare-tables .more-popular svg{
  width: 32px;
  height: 32px;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul.sup li.full {
    height: 136px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul.sup li.full {
    height: 204px;
  }
  .compare-platform .compare-tables .more-popular{
    height: 64px;
    font-size: 24px;
    gap: 12px;
  }
  .compare-platform .compare-tables .more-popular svg{
    width: 40px;
    height: 40px;
  }
}
.compare-platform .compare-tables ul.sup li:last-child {
  border-radius: 0 0 14px 14px;
}

.compare-platform .compare-tables ul.bt {
  width: 240px;
}

@media (min-width: 1280px) {
  .compare-platform .compare-tables ul.bt {
    width: 342px;
  }
}
@media (min-width: 1600px) {
  .compare-platform .compare-tables ul.bt {
    width: 380px;
  }
  .compare-platform .compare-tables ul.sup li:last-child {
    border-radius: 0 0 24px 24px;
  }
}
.compare-platform .compare-tables ul.bt li:first-child {
  border-radius: 0 24px 0 0;
}

.compare-platform .compare-tables ul.bt li:last-child {
  border-radius: 0 0 24px 0;
}

.compare-platform .compare-tables .sup-cont {
  border-radius: 24px 24px 0 0;
}

.before-arrow {
  visibility: hidden;
  opacity: 0;
  animation-fill-mode: forwards;
  animation: fadeInLeft 1.5s 0.4s ease;
}
.before-arrow.arr {
  visibility: visible;
  opacity: 1;
}
.arrow-img {
  animation-fill-mode: forwards;
  animation: fadeOutRight 1.5s 0.4s ease;
}

.fade {
  animation-fill-mode: forwards;
  /*animation: fadeIn 1.5s 0.4s ease both;*/
}
.fade-in {
  pointer-events: all;
  animation-fill-mode: forwards;
  animation: fadeInUp 1.5s 0.4s ease;
}
.fade-in-left {
  animation-fill-mode: forwards;
  animation: fadeInUp 1.5s 0.4s ease;
}
section:not(.sec-itunes) .fade-in-right {
  animation-fill-mode: forwards;
  animation: fadeInUp 1.5s 0.4s ease;
}
.sec-itunes .fade-in-right {
  animation-fill-mode: forwards;
  animation: fadeInRight 1.5s 0.4s ease;
}
.slide-in-left {
  animation-fill-mode: forwards;
  animation: slideInLeft 1.5s 0.4s ease;
}
.slide-in-right {
  animation-fill-mode: forwards;
  animation: slideInRight 1.5s 0.4s ease;
}

.fade-out-right {
  animation-fill-mode: forwards;
  animation: fadeOutRight 1.5s 0.4s ease;
}

.zoom-in {
  animation-fill-mode: forwards;
  animation: zoomIn 1.5s 0.4s ease;
}
@media (min-width: 992px) {
  .fade-in-left {
    animation-fill-mode: forwards;
    animation: fadeInLeft 1.5s 0.4s ease;
  }
  .fade-in-right {
    animation-fill-mode: forwards;
    animation: fadeInRight 1.5s 0.4s ease;
  }
  section:not(.sec-itunes) .fade-in-right {
    animation-fill-mode: forwards;
    animation: fadeInRight 1.5s 0.4s ease;
  }
}


@keyframes fadeOutRight {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
  }
}


@keyframes fadeInRight {
  from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

@keyframes slideInRight {
  from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

@keyframes slideInLeft {
  from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInLeft {
  from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}