.swiper {
  overflow: hidden;
  position: relative;
}

.swiper .swiper-wrapper .swiper-slide:not(.slide-side):not(:first-child):not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev) {
  min-height: 0 !important;
  height: 0 !important;
}

.text-info-80 {
  color: rgba(66, 65, 65, 0.8);
}

.sec1 .item-one .container {
  padding: 0 12px;
}


@media (min-width: 992px) {
  .sec1 .item-one .container {
    padding: 0 24px;
  }
}

.sec1 .sec1Swiper {
  overflow: hidden;
  position: relative;
}

.sec1 .swiper-button-prev:after,
.sec1 .swiper-button-next:after {
  content: "";
}

.sec1 .swiper-button-prev svg {
  transform: rotate(180deg);
}

.sec1 .swiper-button-prev,
.sec1 .swiper-button-next {
  top: 74%;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  box-shadow: 1.21px 1.21px 14.8px -1.5px #9BC8FF26, 0.44px 0.44px 0.63px -0.75px #00244442, -1px -1px 0px 0px #0000001A inset, 1px 1px 1px 0px #FFFFFF inset;
}

.sec1 .swiper-button-prev svg,
.sec1 .swiper-button-next svg {
  width: 5px;
  height: 10px;
}

.sec1 .swiper-button-prev {
  left: 4px;
}

.sec1 .swiper-button-next {
  right: 4px;
}

@media (min-width: 992px) {

  .sec1 .swiper-button-prev,
  .sec1 .swiper-button-next {
    top: 45%;
    width: 64px;
    height: 64px;
  }

  .sec1 .swiper-button-prev svg,
  .sec1 .swiper-button-next svg {
    width: 14px;
    height: 25px;
  }

  .sec1 .swiper-button-prev {
    left: 30px;
  }

  .sec1 .swiper-button-next {
    right: 30px;
  }
}

.sec1 .item {
  height: 720px;
  padding: 32px 0;
  background-repeat: no-repeat;
  background-size: 390px;
  background-position: center;
}

.sec1 .item .lft {
  max-width: 480px;
}

.sec1 .big-item .lft {
  max-width: 480px;
}

.sec1 .item-one {
  background: url("https://images.tenorshare.kr/images2026/home/banner-sm-01.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom 36% center, center;
}

.sec1 .item-one .lft {
  max-width: 442px;
}

.sec1 .item-one .achievement .achievement-item {
  width: 112px;
  height: 60px;
  flex: none;
  background-image: url("https://images.tenorshare.kr/images2026/home/wheat.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.sec1 .item-one .achievement .achievement-item .achievement-number {
  font-size: 15px;
  line-height: 1.2;
  background: linear-gradient(360deg, #FF7300 0%, #FFB11B 107.61%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 992px) {
  .sec1 .item-one .achievement .achievement-item .achievement-number {
    font-size: 18px;
  }
}

.sec1 .item-one .achievement .achievement-item .achievement-description {
  font-size: 12px;
  background: linear-gradient(360deg, #FF7300 0%, #FFB11B 107.61%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
  transform: scale(0.833);
}

@media (min-width: 992px) {
  .sec1 .item-one .achievement .achievement-item .achievement-description {
    font-size: 14px;
    margin-bottom: 16px;
    transform: scale(1);
  }
}

.sec1 .item-two {
  background: url("https://images.tenorshare.kr/images2026/home/banner-sm-02.webp"), linear-gradient(180deg, #FAFDFF 0%, #F3FBFF 47.81%, #E9F8FF 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom 36% center, center;
}

.sec1 .item-two .lft {
  max-width: 520px;
}

.sec1 .item-two .lft .describe {
  max-width: 480px;
}

.sec1 .item-three {
  background: url("https://images.tenorshare.kr/images2026/home/banner-sm-03.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom 36% center, center;
}

.sec1 .item-three .lft {
  max-width: 520px;
}

.sec1 .item-three .lft .describe {
  max-width: 480px;
}

.sec1 .item-four {
  background-image: url("https://images.tenorshare.kr/images2026/home/banner-sm-04.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom 36% center, center;
}

.sec1 .item-four .lft {
  max-width: 100%;
}

.sec1 .item-four .lft .describe {
  max-width: 500px;
}

.sec1 .item-six {
  background: url("https://images.tenorshare.kr/images2026/home/banner-sm-06.webp") no-repeat;
  background-size: cover;
}

@media (min-width: 992px) {
  .sec1 .item-six {
    background: url("https://images.tenorshare.kr/images2026/home/banner-06.webp") no-repeat;
    background-size: cover;
  }
}


.sec1 .swiper-pagination-bullets.swiper-pagination {
  width: auto !important;
  left: 50% !important;
  bottom: 24px !important;
  transform: translate(-50%, 0);
  padding: 4px 8px;
  border-radius: 999px;
  height: 24px;
  display: flex;
  align-items: center;
}

.sec1 .swiper-pagination-bullets.swiper-pagination::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 999px;
  border: 1px solid rgba(107, 87, 255, 0.04);
  background: rgba(135, 139, 141, 0.4);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.sec1 .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet {
  width: 6px !important;
  height: 6px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1;
  margin: 0 3px;
}

.sec1 .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet .progress {
  height: 6px;
  border-radius: 999px;
}

.sec1 .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet-active {
  width: 24px !important;
  border-radius: 999px;
}

.sec1 .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet-active .progress span {
  background: #fff;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #FFF;
  animation: progressbar 4900ms linear forwards;
  z-index: 2;
}

@media (min-width: 768px) {
  .sec1 .item {
    height: 600px;
  }

  .sec1 .item-one {
    background-position: bottom 30% center, center;
  }

  .sec1 .item-one .achievement .achievement-item {
    width: 134px;
  }

  .sec1 .item-three {
    background-size: cover;
    background-position: bottom 30% center, center;
  }
}

@media (min-width: 992px) {
  .sec1 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 8px;
  }

  .sec1 .item {
    height: 374px;
    background-size: 2124px;
    background-position: 50% center;
    background-repeat: no-repeat;
  }

  .sec1 .item-one {
    background-image: url("https://images.tenorshare.kr/images2026/home/banner-01.webp");
    background-position: center;
  }

  .sec1 .item-two {
    background-image: url("https://images.tenorshare.kr/images2026/home/banner-02.webp");
    background-position: center;
  }

  .sec1 .item-three {
    background-image: url("https://images.tenorshare.kr/images2026/home/banner-03.webp");
    background-position: center;
  }

  .sec1 .item-four {
    background-image: url("https://images.tenorshare.kr/images2026/home/banner-04.webp");
    background-position: center;
  }
}

@media (min-width: 1280px) {
  .sec1 .item {
    height: 448px;
    background-size: cover;
  }

  .sec1 .h2-subtitle {
    font-size: 24px;
  }
}

@keyframes progressbar {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.sec1 .item-five {
  background: url("https://images.tenorshare.kr/images2026/home/banner-sm-05.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom 36% center, center;
}

.sec1 .title-dialog {
  width: -moz-max-content;
  width: max-content;
  position: relative;
  border-radius: 4px;
  background: #FFCF1B;
  padding: 0px 8px 0 6px;
  color: #212121;
  font-size: 14px !important;
}

.item-five .pro-logo svg {
  width: 104px;
  height: 48px;
}

@media (min-width: 992px) {
  .item-five .pro-logo svg {
    width: 133px;
    height: 54px;
  }
}

.item-five .pro-logo>div span {
  font-size: 16px;
  line-height: 1.4;
}

.item-five .pro-logo>div p {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
}

.sec1 .title-dialog {
  margin-left: 12px;
}

.sec1 .title-dialog:after {
  display: block;
  content: "";
  width: 8px;
  height: 6px;
  background: #FFCF1B;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%) rotate(34deg);
}

@media (min-width: 992px) {
  .sec1 .item-five {
    background-image: url("https://images.tenorshare.kr/images2026/home/banner-05.webp");
    background-position: center;
  }
}

.sec-banner {
  padding: 40px 0;
}

.sec-banner .swiper-slide {
  border: 1px solid #F3F3F3;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}

.sec-banner .swiper-slide::after {
  content: "";
  width: 342px;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="342" height="155" viewBox="0 0 342 155" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M336.926-61c28.225 115.69-45.361 233.266-164.799 262.404C52.689 230.543-66.776 160.065-95 44.375l84.825-20.694C7.03 94.2 79.961 136.964 152.6 119.242c72.637-17.721 117.681-89.265 100.477-159.786L336.926-61z" fill="url(%23paint0_linear_386_18589)" fill-opacity=".1"/><defs><linearGradient id="paint0_linear_386_18589" x1="146.374" y1="42.871" x2="191.133" y2="196.562" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF925C" stop-opacity="0"/><stop offset="1" stop-color="%23FF7A37"/></linearGradient></defs></svg>') no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media (min-width: 992px) {
  .sec-banner .swiper-slide::after {
    width: 1079px;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="1079" height="148" viewBox="0 0 1079 148" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1121.93-380c80.57 330.237-129.482 665.856-470.417 749.033C310.578 452.209-30.434 251.03-111-79.207l242.133-59.072c49.111 201.3 257.292 323.366 464.636 272.781 207.344-50.585 335.923-254.809 286.812-456.109L1121.93-380z" fill="url(%23paint0_linear_115_1610)" fill-opacity=".1"/><defs><linearGradient id="paint0_linear_115_1610" x1="578" y1="-83.5" x2="705.765" y2="355.211" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF925C" stop-opacity="0"/><stop offset="1" stop-color="%23FF7A37"/></linearGradient></defs></svg>') no-repeat;
    background-size: cover;
  }
}

.sec-banner .swiper-slide.slide-primary {
  background: #FFF8F2;
}

.sec-banner .swiper-slide.slide-yellow {
  background: #FFFDF2;
}

.sec-banner .swiper-slide.slide-yellow::after {
  background: url('data:image/svg+xml,<svg width="342" height="155" viewBox="0 0 342 155" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M336.926-61c28.225 115.69-45.361 233.266-164.799 262.404C52.689 230.543-66.776 160.065-95 44.375l84.825-20.694C7.03 94.2 79.961 136.964 152.6 119.242c72.637-17.721 117.681-89.265 100.477-159.786L336.926-61z" fill="url(%23paint0_linear_386_18589)" fill-opacity=".1"/><defs><linearGradient id="paint0_linear_386_18589" x1="146.374" y1="42.871" x2="191.133" y2="196.562" gradientUnits="userSpaceOnUse"><stop stop-color="%23F7FF5C00" stop-opacity="0"/><stop offset="1" stop-color="%23C8C50A"/></linearGradient></defs></svg>') no-repeat;
}

@media (min-width: 992px) {
  .sec-banner .swiper-slide.slide-yellow::after {
    background: url('data:image/svg+xml,<svg width="1079" height="148" viewBox="0 0 1079 148" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1121.93-380c80.57 330.237-129.482 665.856-470.417 749.033C310.578 452.209-30.434 251.03-111-79.207l242.133-59.072c49.111 201.3 257.292 323.366 464.636 272.781 207.344-50.585 335.923-254.809 286.812-456.109L1121.93-380z" fill="url(%23paint0_linear_115_1610)" fill-opacity=".1"/><defs><linearGradient id="paint0_linear_115_1610" x1="578" y1="-83.5" x2="705.765" y2="355.211" gradientUnits="userSpaceOnUse"><stop stop-color="%23F7FF5C00" stop-opacity="0"/><stop offset="1" stop-color="%23C8C50A"/></linearGradient></defs></svg>') no-repeat;
  }
}

.sec-banner .activity-banner {
  padding-bottom: 28px;
}

.sec-banner .activity-banner .swiper-pagination {
  bottom: 0;
}

.sec-banner .activity-banner-countdown .countdown span {
  width: 24px;
  height: 24px;
  padding: 2px;
  background: #FFAD29;
  border-radius: 4px;
}

@media (min-width: 992px) {
  .sec-banner .activity-banner-countdown .countdown span {
    width: 32px;
    height: 32px;
  }
}

.sec2 .swiper-main {
  max-width: 526px;
}

.sec2 .swiper-main .swiper-button-prev,
.sec2 .swiper-main .swiper-button-next {
  width: 56px;
  height: 56px;
  margin-top: 0;
}

.sec2 .swiper-main .swiper-button-prev::after,
.sec2 .swiper-main .swiper-button-next::after {
  display: none;
}

.sec2 .swiper-main .swiper-button-prev {
  left: -88px;
  top: 50%;
  transform: rotate(-180deg) translateY(50%);
}

.sec2 .swiper-main .swiper-button-next {
  right: -88px;
  top: 50%;
  transform: translateY(-50%);
}

.sec2 .btn {
  font-size: 14px;
}

@media (min-width: 992px) {
  .sec2 .btn {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .sec2 .swiper-main {
    max-width: 100%;
  }
}

.toolTabSwiper .swiper-slide {
  width: -moz-max-content;
  width: max-content;
  max-width: 120px;
  height: auto;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (min-width: 768px) {
  .toolTabSwiper .swiper-slide {
    max-width: 100%;
    height: auto;
  }
}

.toolTabSwiper .swiper-slide-thumb-active {
  position: relative;
  padding-bottom: 12px;
  color: #FF5500;
  font-weight: 520;
}

.toolTabSwiper .swiper-slide-thumb-active::before {
  content: "";
  display: block;
  width: 86px;
  height: 2px;
  background: #FF5500;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.toolTabSwiper::after {
  display: block;
  content: "";
  width: 420px;
  height: 1px;
  background: rgba(19, 18, 18, 0.05);
  position: absolute;
  right: -24px;
  bottom: 0;
}

@media (min-width: 567px) {
  .toolTabSwiper::after {
    width: 100%;
    background: linear-gradient(270deg, rgba(19, 18, 18, 0) 0%, rgba(19, 18, 18, 0.05) 19.81%, rgba(19, 18, 18, 0.05) 80.14%, rgba(19, 18, 18, 0) 100%);
    right: 0;
  }
}

.toolSwiper {
  overflow: hidden;
}

@media (min-width: 992px) {
  .toolSwiper {
    overflow: initial !important;
    overflow-x: clip !important;
  }
}

.toolSwiper .swiper-wrapper {
  align-items: stretch;
}

.toolSwiper .swiper-wrapper .swiper-slide {
  height: auto;
}

.toolSwiper .swiper-wrapper .swiper-slide.slide-item:not(:first-child) {
  height: 0;
}

.toolSwiper .swiper-wrapper .swiper-slide.slide-item:not(:first-child).swiper-slide-active {
  height: auto;
}

.toolSwiper .swiperContent {
  overflow: hidden;
}

@media (min-width: 992px) {
  .toolSwiper .swiperContent {
    padding: 0 1px;
    overflow-x: clip;
    overflow: initial !important;
  }
}

.toolSwiper .swiperContent .swiper-slide {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}

.toolSwiper .swiperContent .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: 1px solid rgba(33, 33, 33, 0.1019607843);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.toolSwiper .swiperContent .swiper-slide .imgBox {
  max-width: 100%;
  background: #F5F5F7;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
}

.toolSwiper .swiperContent .swiper-slide .promotions {
  background: linear-gradient(270deg, #FFD33D 0%, #FF5500 107.85%);
  z-index: 1;
  position: relative;
}

.toolSwiper .swiperContent .swiper-slide .promotions.lingyuangou {
  background: linear-gradient(270deg, #FF9883 -36.24%, #FF998D -2.5%, #FF58C0 36.46%, #E648E3 69.2%, #F200FF 107.85%);
  z-index: 1;
}

.toolSwiper .swiperContent .swiper-slide .promotions::after {
  content: "";
  display: block;
  width: 53px;
  height: 40px;
  background: url("data:image/svg+xml,<svg width='53' height='40' viewBox='0 0 53 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.6667 -4H46.5758L28.9091 18.4H53L14.4545 60L22.4848 29.6H0L17.6667 -4Z' fill='url(%23paint0_linear_366_853)'/><defs><linearGradient id='paint0_linear_366_853' x1='26.5' y1='-4' x2='26.5' y2='60' gradientUnits='userSpaceOnUse'><stop offset='0.0884421' stop-color='white' stop-opacity='0.3'/><stop offset='0.735309' stop-color='white' stop-opacity='0.04'/></linearGradient></defs></svg>");
  position: absolute;
  z-index: -1;
  left: 12px;
  top: 0;
}

.toolSwiper .swiperContent .swiper-slide .promotions .promotions-countdown span {
  width: 26px;
  padding: 2px 3px;
  border-radius: 4px;
}

.toolSwiper .swiperContent .swiper-slide .promotions .promotions-countdown span:not(:last-child) {
  position: relative;
}

.toolSwiper .swiperContent .swiper-slide .promotions .promotions-countdown span:not(:last-child)::after {
  content: ":";
  display: block;
  position: absolute;
  z-index: -1;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}

.toolSwiper .swiperContent .swiper-slide .textBox {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.toolSwiper .swiperContent .swiper-slide .textBox h3 {
  font-size: 20px;
}

.toolSwiper .swiperContent .swiper-slide .textBox p {
  flex: 1;
}

.toolSwiper .swiperContent .swiper-slide .star svg {
  color: #FFCF1B;
}

.toolSwiper .swiperContent .swiper-slide:hover {
  position: relative;
  transition: 0.5s all;
}

.toolSwiper .swiperContent .swiper-slide:hover .btn {
  transition: none;
  background: #f50 !important;
  border-color: #f50;
  color: #fff;
}

.toolSwiper .swiperContent .swiper-slide .btn-outline-dark {
  padding: 0 14px;
}

.toolSwiper .swiperContent .swiper-slide .btn-underlined-dark {
  font-weight: 520;
  text-decoration: underline;
}

.toolSwiper .swiperContent .swiper-slide:hover .btn-underlined-dark {
  color: #f50;
}

.toolSwiper .swiperContent .swiper-slide:hover::after {
  border: 1px solid #f50;
  box-shadow: 0px 5px 12px 0px rgba(214, 183, 159, 0.1019607843), 0px 21px 21px 0px rgba(214, 183, 159, 0.0901960784), 0px 48px 29px 0px rgba(214, 183, 159, 0.0509803922);
}

.toolSwiper .swiperContent .swiper-pagination {
  bottom: 0px;
}

.sec3 {
  position: relative;
  padding: 40px 0;
  background: linear-gradient(180deg, rgba(255, 85, 0, 0.12) 0%, rgba(255, 85, 0, 0) 91.87%);
}

.sec3::after {
  content: "";
  max-width: 552px;
  width: 100%;
  height: 100%;
  background: url('https://images.tenorshare.kr/images2026/home/sec3-bg.webp') no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

.sec3 .container {
  max-width: 1548px;
  position: relative;
  z-index: 1;
}

.sec3 .list img {
  width: 100px;
}

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

  .sec3 .list img {
    width: 148px;
  }
}

.sec3 .mediaSwiper {
  position: relative;
  opacity: 0.15;
}

.sec3 .mediaSwiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.sec3 .mediaSwiper .swiper-slide {
  width: auto;
}

.sec3 .mediaSwiper .swiper-slide img {
  height: 32px;
}

@media (min-width: 992px) {
  .sec3 .mediaSwiper .swiper-slide img {
    height: 48px;
  }
}

.sec3 .list {
  gap: 12px 0;
}

.sec3 .list .item {
  width: 50%;
}

.sec3 .list .item .item-title {
  font-size: 24.18px;
  line-height: 1.2;
  font-weight: 630;
  color: #000;
}

.sec3 .list .item .item-text {
  font-size: 11px;
  line-height: 1.5;
  font-weight: 380;
  color: #000;
}

@media (min-width: 992px) {
  .sec3 .list {
    gap: 24px;
  }

  .sec3 .list .item {
    width: 252px;
  }

  .sec3 .list .item .item-title {
    font-size: 36px;
  }

  .sec3 .list .item .item-text {
    font-size: 16px;
  }
}

.sec4 .social-media .card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}

.sec4 .social-media .text p {
  background: #F7F7F7;
  border-radius: 8px;
}

.sec4 .authoritative-media .card {
  background: #F7F7F7;
}

.sec4 .swiper-main .swiper-wrapper {
  align-items: stretch;
}

.sec4 .swiper-main .swiper-slide {
  height: auto;
}

.sec4 .swiper-main .swiperContent {
  height: 100%;
}

.sec5 {
  background: #F6F6F6;
  background: #F9F9F9;
}

.sec5 .lft {
  border-radius: 12px;
  background: #fff;
}

.sec5 .lft .lft-main {
  border: 1px solid rgba(33, 33, 33, 0.1019607843);
  border-radius: 24px;

}

.sec5 .lft .nav {
  font-size: 16px;
  border-bottom: solid 1px #F3F3F3;
}

.sec5 .lft .nav>div {
  cursor: pointer;
  color: #ACACAC;
  padding-bottom: 14px;
}

.sec5 .lft .nav .active {
  position: relative;
  color: #131212;
  font-weight: 520;
}

.sec5 .lft .nav .active::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #FF5500;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
}

.sec5 .lft .tab-content li::after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5L14 8.5" stroke="%23131212" stroke-linecap="round"/><path d="M9 3.5L14 8.5L9 13.5" stroke="%23131212" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sec5 .lft .tab-content li:hover span {
  color: #FF5500;
}

.sec5 .lft .tab-content li:hover::after {
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5L14 8.5" stroke="%23FF5500" stroke-linecap="round"/><path d="M9 3.5L14 8.5L9 13.5" stroke="%23FF5500" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.sec5 .lft .tab-content .purple-tip {
  background-color: #E9E9FF;
}

.sec5 .lft .tab-content .green-tip {
  background-color: #E8FFC1;
}

.sec5 .lft .tab-content .orange-tip {
  background-color: #FFFAE6;
}

.sec5 .lft .tab-content .pink-tip {
  background-color: #FFECE3;
}

.sec5 .lft #nav-purchase {
  width: 100%;
}

.sec5 .lft #nav-business {
  width: 100%;
}

.sec5 .rgt .top {
  border: 1px solid rgba(33, 33, 33, 0.1019607843);
  border-radius: 12px;
}

.sec5 .rgt .top .red-line {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  border-bottom: 1px solid rgba(33, 33, 33, 0.0509803922);
}

.sec5 .rgt .top .red-line span {
  display: flex;
  align-items: center;
  gap: 6px;
}

@media (min-width: 992px) {
  .sec5 .rgt .top .red-line {
    width: fit-content;
  }

}

.sec5 .rgt .top .iframe-video {
  border-radius: 16px;
  overflow: hidden;
}

.sec5 .rgt .btm {
  border: 1px solid rgba(33, 33, 33, 0.1019607843);
  border-radius: 12px;
}

.sec5 .rgt .btm .red-line {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.0509803922);
}

.sec5 .rgt .btm .red-line span {
  display: flex;
  align-items: center;
  gap: 6px;
}


.sec5 .rgt .btm .text {
  max-width: 100%;
}

.sec5 .rgt .btm .share img {
  width: 48px;
  height: 48px;
}

@media (min-width: 992px) {
  .sec5 .lft {
    background: transparent;
  }

  .sec5 .lft .nav {
    font-size: 20px;
  }

  .sec5 .lft .nav .active {
    padding-bottom: 20px;
  }

  .sec5 .lft .lft-main {
    border: 0;
  }

  .sec5 .lft .lft-main .red-right {
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }

  .sec5 .lft #nav-purchase {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 12px;
  }

  .sec5 .lft #nav-business {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 12px;
    display: block;
    opacity: 1;
  }
}

@media (min-width: 1280px) {
  .sec5 .lft #nav-purchase {
    width: 620px;
  }

  .sec5 .lft #nav-business {
    width: 436px;
  }

  .sec5 .rgt .top {
    width: 620px;
  }

  .sec5 .rgt .top h3 {
    border: 0;
  }

  .sec5 .rgt .btm {
    width: 436px;
  }

  .sec5 .rgt .btm h3 {
    border: 0;
  }
}

.sec6 {
  padding-bottom: 72px;
}

@media (min-width: 992px) {
  .sec6 {
    padding-bottom: 112px;
  }
}

@media (min-width: 1280px) {
  .sec6 {
    padding-bottom: 128px;
  }
}

.sec6 .content {
  background: #FF7733;
  border-radius: 24px;
  gap: 56px;
  z-index: 1;
}

@media (min-width: 992px) {
  .sec6 .content {
    gap: 162px;
  }
}

.sec6 .content>div {
  flex: 1 1 40%;
}

.sec6 .content>div h3 {
  font-size: 18px;
}

.sec6 .content>div p {
  flex: 1;
}

.sec6 .content .lft {
  position: relative;
}

.sec6 .content .lft::after {
  content: "";
  display: block;
  width: 85%;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  z-index: -1;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .sec6 .content .lft::after {
    width: 1px;
    height: 115%;
    right: -80px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}

.sec6 .content::before {
  content: "";
  display: block;
  width: 489px;
  height: 264px;
  background: url('data:image/svg+xml,<svg width="489" height="220" viewBox="0 0 489 220" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".4"><path d="M-227.894 354.691c0-192.018 160.21-348.08 358.447-348.08 66.842 0 129.36 17.743 182.871 48.624C418.615 115.941 489 227.418 489 354.691H348.21c0-77.484-42.905-145.246-106.886-182.201-32.668-18.869-70.83-29.707-111.58-29.707-120.561 0-218.466 94.861-218.466 211.908h-139.172z" fill="url(%23paint0_linear_167_3884)" fill-opacity=".2"/><path d="M119.102 0c66.841 0 129.36 17.743 182.871 48.624l11.451 6.611c-53.511-30.88-116.03-48.624-182.871-48.624-198.238 0-358.446 156.062-358.447 348.079l-11.451-6.611C-239.345 156.062-79.136 0 119.102 0z" fill="url(%23paint1_linear_167_3884)"/><path d="M120.201 136.179c40.033.333 77.515 11.125 109.672 29.699l11.379 6.57c-32.141-18.549-69.597-29.325-109.601-29.657l-1.907-.008c-120.56 0-218.466 94.861-218.466 211.908l-11.451-6.611c0-117.047 97.905-211.909 218.466-211.909l1.908.008z" fill="url(%23paint2_linear_167_3884)"/><path d="M229.873 165.878c63.981 36.955 106.886 104.717 106.886 182.201l11.451 6.611c0-77.484-42.905-145.245-106.886-182.201l-11.451-6.611z" fill="url(%23paint3_linear_167_3884)"/><path d="M477.548 348.079c0-127.226-70.332-238.667-175.458-299.388l11.334 6.543C418.615 115.94 488.999 227.417 488.999 354.69l-11.451-6.611z" fill="url(%23paint4_linear_167_3884)"/></g><defs><linearGradient id="paint0_linear_167_3884" x1="130.892" y1="-69.419" x2="162.177" y2="354.369" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF925C" stop-opacity="0"/><stop offset=".694" stop-color="%23FF7A37"/></linearGradient><linearGradient id="paint1_linear_167_3884" x1="-239.345" y1="300.156" x2="258.001" y2="-.111" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF8649" stop-opacity=".2"/><stop offset=".74" stop-color="%23FF8A4F"/><stop offset="1" stop-color="%23FFB18A"/></linearGradient><linearGradient id="paint2_linear_167_3884" x1="-51.364" y1="277.235" x2="191.686" y2="323.796" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7630"/><stop offset=".767" stop-color="%23FF8A4F"/><stop offset="1" stop-color="%23FFB18A"/></linearGradient><linearGradient id="paint3_linear_167_3884" x1="246.59" y1="156.028" x2="311.787" y2="346.922" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFB28A"/><stop offset=".755" stop-color="%23FF7631"/></linearGradient><linearGradient id="paint4_linear_167_3884" x1="470.141" y1="57.652" x2="428.536" y2="359.249" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF874A"/><stop offset="1" stop-color="%23FFB28A"/></linearGradient></defs></svg>');
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 38%;
  z-index: -1;
}

@media (min-width: 992px) {
  .sec6 .content::before {
    display: block;
    height: 220px;
    left: 0;
    bottom: 0;
  }
}

.sec6 .content::after {
  content: "";
  display: none;
  width: 547px;
  height: 248px;
  background: url('data:image/svg+xml,<svg width="547" height="248" viewBox="0 0 547 248" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".4"><path d="M716.895-107c0 192.018-160.209 348.08-358.447 348.08-66.842 0-129.36-17.743-182.871-48.624C70.386 131.75.001 20.273.001-107h140.79c0 77.484 42.905 145.246 106.886 182.201 32.668 18.87 70.83 29.707 111.58 29.707 120.561 0 218.466-94.861 218.466-211.908h139.172z" fill="url(%23paint0_linear_167_3897)" fill-opacity=".2"/><path d="M369.899 247.691c-66.841 0-129.36-17.743-182.871-48.624l-11.451-6.611c53.511 30.881 116.03 48.624 182.871 48.624C556.686 241.079 716.894 85.018 716.895-107l11.451 6.612c0 192.017-160.209 348.079-358.447 348.079z" fill="url(%23paint1_linear_167_3897)"/><path d="M368.8 111.512c-40.034-.333-77.515-11.125-109.672-29.7l-11.379-6.569c32.141 18.549 69.597 29.325 109.601 29.657l1.907.008c120.561 0 218.466-94.862 218.466-211.908l11.451 6.611c0 117.047-97.905 211.909-218.466 211.909l-1.908-.008z" fill="url(%23paint2_linear_167_3897)"/><path d="M259.128 81.813C195.147 44.858 152.242-22.904 152.242-100.388l-11.451-6.611c0 77.484 42.905 145.245 106.886 182.2l11.451 6.612z" fill="url(%23paint3_linear_167_3897)"/><path d="M11.452-100.388C11.452 26.838 81.784 138.279 186.91 199l-11.334-6.543C70.386 131.751.001 20.274.001-106.999l11.45 6.611z" fill="url(%23paint4_linear_167_3897)"/></g><defs><linearGradient id="paint0_linear_167_3897" x1="358.109" y1="317.11" x2="326.824" y2="-106.678" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF925C" stop-opacity="0"/><stop offset=".694" stop-color="%23FF7A37"/></linearGradient><linearGradient id="paint1_linear_167_3897" x1="728.346" y1="-52.465" x2="231" y2="247.802" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF8649" stop-opacity=".2"/><stop offset=".74" stop-color="%23FF8A4F"/><stop offset="1" stop-color="%23FFB18A"/></linearGradient><linearGradient id="paint2_linear_167_3897" x1="540.365" y1="-29.545" x2="297.315" y2="-76.106" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF7630"/><stop offset=".767" stop-color="%23FF8A4F"/><stop offset="1" stop-color="%23FFB18A"/></linearGradient><linearGradient id="paint3_linear_167_3897" x1="242.411" y1="91.663" x2="177.214" y2="-99.231" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFB28A"/><stop offset=".755" stop-color="%23FF7631"/></linearGradient><linearGradient id="paint4_linear_167_3897" x1="18.859" y1="190.039" x2="60.464" y2="-111.558" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF874A"/><stop offset="1" stop-color="%23FFB28A"/></linearGradient></defs></svg>');
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

@media (min-width: 992px) {
  .sec6 .content::after {
    display: block;
  }
}

/*# sourceMappingURL=home.css.map */
.latest-release .main-card {
  background: #F6F6F6;
  border: 1px solid #0000001A;
  border-radius: 12px;
}

.latest-release .main-card .imgBox {
  width: 316px;
  height: 232px;
}

.latest-release .main-card .imgBox img {
  width: 100%;
  height: 100%;
}

.latest-release .main-card .text-box {
  max-width: 504px;
}

.latest-release .main-card .text-box .text-tip {
  width: max-content;
  padding: 6px 16px;
  background: #FFE1D3;
  border-radius: 4px;
}

@media (min-width:768px) {
  .latest-release .main-card .imgBox {
    width: 506px;
    height: 372px;
  }

  .latest-release .main-card .text-box {
    max-width: 504px;
  }
}

@media (min-width:992px) {
  .latest-release .main-card .imgBox {
    width: 446px;
    height: 328px;
  }

  .latest-release .main-card .text-box {
    max-width: 408px;
  }
}

@media (min-width:1280px) {
  .latest-release .main-card .imgBox {
    width: 506px;
    height: 372px;
  }

  .latest-release .main-card .text-box {
    max-width: 504px;
  }
}