.freebuds6-container *{
    margin: 0;
    padding: 0;
}

.freebuds6-container img{
    width: 100%;
    display: block;
}
.freebuds6-container video{
    width: 100%;
    display: block;
}
.freebuds6-container h2{
   font-size: 3.333333vw;
   line-height: 1.25;
   font-weight: bold;
   color: #43336C;
   position: relative;
}
.freebuds6-container p{
    font-size: 1.145833vw;
    line-height: 1.6;
    margin-top: 2.083333vw;
    color: #827C95;
 }


 .freebuds6-container .video-fallback {
    display: none;
}
.freebuds6-container .hidden-web{
    display: none;
}
.freebuds6-container .hidden-mob{
    display: block;
}

.freebuds6-container .video-replay-btn{
    cursor: pointer;
    display: block;
    align-items: center;
    position: absolute;
    right: 3.125vw;
    bottom: 3.125vw;
    width: 2.5vw;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}
.freebuds6-container .video-replay-btn.show-btn{
    opacity: 1;
    pointer-events: all;
}
.freebuds6-container .blur-up{
  filter: blur(20px);
  transition: filter .2s;
  will-change: filter;
}
.freebuds6-container .blur-up.lazyloaded{
  filter: blur(0)
}
.freebuds6-container.no-inline-video .video-fallback{
  display: block;
}
.freebuds6-container.no-inline-video video{
  display: none;
}
.freebuds6-container.no-inline-video .video-replay-btn{
  display: none;
}
.freebuds6-container .common-transform-show {
  opacity: 0;
  transform: translateY(2.08vw);
  transition: all .8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  will-change: transform;
}

.freebuds6-container .common-transform-show.active {
  opacity: 1;
  transform: translateY(0);
}





@media (max-aspect-ratio: 11 / 10) {
    .freebuds6-container .hidden-web{
        display: block;
    }
    .freebuds6-container .hidden-mob{
        display: none;
    }
    .freebuds6-container h2{
        font-size: 8.888889vw;
        color: #43336C;
     }
     .freebuds6-container p{
         font-size: 4.444444vw;
         margin-top: 4.861111vw;
         color: #827C95;
      }
      .freebuds6-container .video-replay-btn{
        right: 6.666667vw;
        bottom: 6.666667vw;
        width: 11.111111vw;
    }
    .freebuds6-container .common-transform-show {
      opacity: 0;
      transform: translateY(5.55vw);
  }
   
     
}






/* sec2 */
.freebuds6-container .kv-sec2 {
    position: relative;
  }
  .freebuds6-container .sec2 video {
    mix-blend-mode: darken;
  }
  .freebuds6-container .kv-sec2 .kv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .freebuds6-container .kv-sec2 .kv-sticky {
    position: sticky;
    /* height: 100vh; */
    top: 0;
    overflow: hidden;
    margin-bottom: 10.416667vw;
  }
  .freebuds6-container .kv-sec2 .kv-sticky .kv-container {
    height: 100%;
  }
  .freebuds6-container .kv-sec2 .kv-sticky .kv-last {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   z-index: -1;
  }
  .freebuds6-container .kv{
    position: relative;
  }
  .freebuds6-container .kv video{
    height: 100%;
    object-fit: cover;
  }
  .freebuds6-container .kv-txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7.114583vw;
    text-align: center;
    opacity: 0;
    transition: 1s ease;
    z-index: 2;
  }
  .freebuds6-container .kv-harmonyos{
    position: absolute;
    width: 8.229167vw;
    right: 3.020833vw;
    /* bottom: 5.208333vw; */
    top: 92vh;
    opacity: 0;
    transition: .5s;
     transform: translateY(2vw);
     z-index: 2;
  }
  .freebuds6-container .kv-harmonyos.kv-harmonyos-active{
    opacity: 1;
    transition: 1s ease-in;
     transform: translateY(0);
  }
  .freebuds6-container .kv-harmonyos img{
    height: auto;
    object-fit: contain !important;
  }
  .freebuds6-container .kv-sec2 .kv-txt img{
    width: 20.625vw;
    height: auto;
    object-fit: contain;
  }
  .freebuds6-container .kv-txt h2{
    font-size: 2.5vw;
    line-height: 1.25;
    font-weight: 400;
    color: #000;
    letter-spacing: 2.604167vw;
    margin: 1.5625vw 0 1.822917vw 1.3vw;
  }
  .freebuds6-container .kv-txt p{
    font-size: .9375vw;
    line-height: 1.6;
    font-weight: 400;
    color: #000;
    margin-top: 0;
  }

  .freebuds6-container .kv-sec2 .kv-txt.kv-txt-active{
    opacity: 1;
  }
 
  

  .freebuds6-container .kv-sec2 .sec2 {
    margin-top: -100vh;
    position: relative;
    /* background-color: #fff; */
    
    background: linear-gradient(to bottom, #FFFFFF, #FEFEFE);
  }
  .freebuds6-container .kv-sec2 .sec2-container {
    position: sticky;
    top: 0;
    overflow: hidden;
  }
  .freebuds6-container .kv-sec2 .space-50vh {
    height: 50vh;
  }
  .freebuds6-container .kv-sec2 .kv-reasontobuy-space {
    height: 8.85vw;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-main-swiper {
    transform: scale(1.52);
    z-index: 2;
  }
  .freebuds6-container .kv-sec2 .space-100vh {
    height: 100vh;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-control-container {
    display: flex;
    justify-content: center;
    margin-top: 2.083333vw;
    padding-bottom: 1.2vw;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-item-content {
    position: absolute;
    top: 2.8125vw;
    left: 3.541667vw;
  }

 
  .freebuds6-container .kv-sec2 .reasontobuy-item-image-container {
    border-radius: 1.041667vw;
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-item-content > h2 {
    font-size: 2.5vw;
    color: #4F3480;
    position: relative;
    opacity: 0;
    will-change: transform;
    transform: translateZ(0.1px);
    z-index: 2;
    /* text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
  }
  
  .freebuds6-container .kv-sec2 .shine-wrapper {
    position: relative;
    padding: 0.625vw 1.041667vw;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    background: #F2F2F2;
    /* box-shadow: 0 3px 6px rgba(211, 206, 223); */
  }
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .reasontobuy-swiper-prev-btn,
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .reasontobuy-swiper-next-btn {
    flex-shrink: 0;
    width: 2.083333vw;
    cursor: pointer;
    transition: opacity 0.3s;
    outline: 0;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-prev-btn-svg,
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-next-btn-svg {
    display: flex;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .btn-disable {
    cursor: default;
    opacity: 0.3;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .reasontobuy-swiper-pagination {
    display: flex;
    justify-content: center;
    margin-right: 0.9375vw;
    margin-left: 0.9375vw;
    width: auto;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.520833vw;
    height: 0.520833vw;
    margin-right: 0.520833vw;
    margin-left: 0;
    cursor: pointer;
    transition: opacity 0.3s;
    opacity: 0.2;
    border-radius: 100%;
    outline: 0;
    background-color: #000;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet-active {
    cursor: default;
    opacity: 0.8;
  }
  .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .swiper-pagination-bullet:last-child {
    margin-right: 0;
  }

  .freebuds6-container .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.25vw;
   
}
.freebuds6-container .huawei-product-buy-btn-price {
  color: #000;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;

 
}

.freebuds6-container .kv-sec2 .kv-txt.kv-txt-active .huawei-product-buy-btn-container{
  transform: translateY(0);
  opacity: 1;
}
.freebuds6-container .huawei-product-buy-btn-price span {
  font-size: 0.677083vw;
  font-weight: 500;
}
.freebuds6-container .huawei-product-buy-btn-container a {
  text-decoration: none;
  color: #000;
}
.freebuds6-container .huawei-product-buy-btn-container .huawei-product-buy-btn {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 10px 26px;
  border: 2px solid #000;
  background-color: #000;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
}
.freebuds6-container .huawei-product-buy-btn:hover{
  opacity: .8;
}

  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .kv-sec2 .reasontobuy-main-swiper {
      transform: scale(1);
    }
    .freebuds6-container .kv-sec2 .kv-reasontobuy-space {
      height: 0;
    }
    .freebuds6-container .kv-sec2 .reasontobuy-item-content > h2 {
      font-size: 5.555556vw;
      opacity: 1;
    }
    .freebuds6-container .kv-sec2 .reasontobuy-control-container {
      margin-top: 8.888889vw;
      padding-bottom: 2.2vw;
    }
    .freebuds6-container .kv-sec2 .shine-wrapper {
      position: relative;
      padding: 3.888889vw 6.25vw;
    }
    .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .reasontobuy-swiper-prev-btn, .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .reasontobuy-swiper-next-btn {
      width: 6.666667vw;
    }
    .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .reasontobuy-swiper-pagination {
      margin-right: 4.166667vw;
      margin-left: 4.166667vw;
    }
    .freebuds6-container .kv-sec2 .reasontobuy-control-container .reasontobuy-swiper-btns .swiper-pagination-bullet {
      width: 2.222222vw;
      height: 2.222222vw;
      margin-right: 3.333333vw;
    }
    .freebuds6-container .kv-sec2 .reasontobuy-swiper-btns .swiper-pagination-bullet:last-child {
      margin-right: 0;
    }
    .freebuds6-container .kv-sec2 .reasontobuy-item-content {
      position: absolute;
      top: 6.666667vw;
      left: 6.666667vw;
    }
    .freebuds6-container .kv-sec2 .sec2 {
      margin-top: 33.333333vw;
  }
  .freebuds6-container .kv-sec2 .space-50vh {
    height: 0;
}
.freebuds6-container .kv-sec2 .space-100vh {
  height: 0;
}
.freebuds6-container .kv-sec2 .kv-sticky {
  position: relative;
  height: auto;
  margin-bottom: 0;
}
.freebuds6-container .kv-sec2 .sec2-container {
  position: relative;
}
.freebuds6-container .kv-harmonyos {
  position: absolute;
  width: 18.472222vw;
  right: 4.444444vw;
  bottom: 6.944444vw;
  top: auto;
}

.freebuds6-container .kv-txt {
  position: absolute;
  top: auto;
  bottom: 11.888889vw;
  right: auto;
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
  text-align: center;
}

.freebuds6-container .kv-sec2 .kv-txt img {
  width: 47.222222vw;
  margin: 0 auto;
}
.freebuds6-container .kv-txt h2 {
  font-size: 5.833333vw;
  letter-spacing: 5.555556vw;
  margin: 3.472222vw 0 4.861111vw 2.75vw;
}
.freebuds6-container .kv-txt p {
  font-size: 3.055556vw;
}

.freebuds6-container .huawei-product-buy-btn-container {
  margin-top: 4.16666667vw;
}
.freebuds6-container .huawei-product-buy-btn-price {
  font-size: 5.56vw;
}
.freebuds6-container .huawei-product-buy-btn-price span {
  font-size: 3.611111111vw;
}

.freebuds6-container .kv-sec2 .kv-sticky .kv-container{
  display: none;
}
.freebuds6-container .kv-sec2 .kv-sticky .kv-last{
  z-index: 1;
  position: relative;
}


  }


 
  
  /* sec2 */







/* sec3 */
.freebuds6-container .sec3 {
    margin-top: 15.625vw;
    background: linear-gradient(to bottom, #FEFEFE, #FEFEFE);
  }

  .freebuds6-container .sec3 .sec3-bg{
    background: linear-gradient(to bottom, #eaeaef, #cdcbed);
  }
  .freebuds6-container .sec3 .sec3-container {
    height: 250vh;
  }
  .freebuds6-container .sec3 .sec3-sticky {
    position: sticky;
    height: 100vh;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .freebuds6-container .sec3 .sec3-content {
    display: flex;
    align-items: center;
  }
  .freebuds6-container .sec3 .sec3-content > h2 {
    font-size: 5.208333vw;
    font-weight: bold;
  }
  .freebuds6-container .sec3 .sec3-first-p {
    transform: translateX(-36vw);
    transition: 1s ease;
  }
  .freebuds6-container .sec3 .sec3-last-p {
    transform: translateX(57vw);
    transition: 1s ease;
  }
  .freebuds6-container .sec3 .sec3-product {
    width: 13.802083vw;
    transform: translate(6vw, -31vw) rotate(36deg) scale(8);
    transition: 1s ease;
  }
  .freebuds6-container .sec3 .sec3-container.sec3-to1 .sec3-first-p {
    transform: translateX(0);
  }
  .freebuds6-container .sec3 .sec3-container.sec3-to1 .sec3-last-p {
    transform: translateX(0);
  }
  .freebuds6-container .sec3 .sec3-container.sec3-to1 .sec3-product {
    transform: translate(0, 0) rotate(0) scale(1);
  }

  .freebuds6-container .sec3 .sec3-container.sec3-to2 .sec3-video-bg {
    transform: translate(-50%, 0);
     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .freebuds6-container .sec3 .sec3-video-bg {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translate(-50%, 100%);
    width: 100%;
    transition: 1.5s ease;
     clip-path: polygon(29% 0%, 71% 0%, 71% 100%, 29% 100%);
  }
  .freebuds6-container .sec3 .sec3-video-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .freebuds6-container .sec3 .sec3-video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .freebuds6-container .sec3 .sec3-video-bg .sec3-video {
    height: 100%;
  }
  .freebuds6-container .sec3 .sec3-video-bg > .sec3-video-play {
    width: 2.916667vw;
    position: absolute;
    right: 2.604167vw;
    bottom: 2.604167vw;
    cursor: pointer;
  }
  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec3 {
      margin-top: 33.333333vw;
    }
    .freebuds6-container .sec3 .sec3-product {
      width: 160vw;
      transform: translate(0, -50%) rotate(0);
      position: absolute;
      left: -30vw;
      top: 0;
      will-change: transform;
    }
    .freebuds6-container .sec3 .sec3-container.sec3-to1 .sec3-product{
      transform: translate(0, -50%) rotate(-37deg) scale(.14);
      top: 41%;
    }
    .freebuds6-container .sec3 .sec3-product  img{
      transform:translateZ(0);
    }
    .freebuds6-container .sec3 .sec3-content > h2 {
      font-size: 13.333333vw;
    }
    
    .freebuds6-container .sec3 .sec3-content {
      flex-wrap: wrap;
      width: 68vw;
      text-align: center;
    }
    .freebuds6-container .sec3 .sec3-video-bg > .sec3-video-play {
      width: 11.111111vw;
      position: absolute;
      right: 6.666667vw;
      bottom: 6.666667vw;
      cursor: pointer;
    }
    .freebuds6-container .sec3 .sec3-first-p{
      transform: translate(-40vw,50vw);
    }
    .freebuds6-container .sec3 .sec3-last-p {
      transform: translate(95vw,50vw);
    }
   
    .freebuds6-container .sec3 .sec3-video-bg {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .freebuds6-container .sec3 .sec3-video-bg .sec3-video .video-fallback {
      height: 100%;
    }
  
  }

  
  @media (min-width:712px) and (max-width:768px){
    .freebuds6-container .sec3 .sec3-product {
      top: -9vw;
    }
    .freebuds6-container .sec3 .sec3-container.sec3-to1 .sec3-product {
      top: 36%;
  }
  }


/* sec3 */








/* sec4 */

.freebuds6-container .sec4 {
    width: 100%;
    padding-top: 3.697917vw;
    background: linear-gradient(to bottom, #ECE9F0, #EFECF1);
    overflow: hidden;
  }
  .freebuds6-container .sec4 .sec4-txt {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    transition: 1s;
  }
  
 
  .freebuds6-container .sec4 .sec4-container {
    margin-top: 12.5vw;
  }
 
  .freebuds6-container .sec4 .sec4-content {
    position: relative;
  }
  .freebuds6-container .sec4 .sec4-container.sec4-to1 .sec4-left {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 1;
  }
  .freebuds6-container .sec4 .sec4-container.sec4-to1 .sec4-right {
    transform: translate(0, 0) scale(1);
  }
  .freebuds6-container .sec4 .sec4-left {
    width: 22.135417vw;
    opacity: 0;
    transform: translate(17vw, 17vw);
    transition: 1s ease;
    position: absolute;
    left: 14.479167vw;
    top: 6.854167vw;
  }

  .freebuds6-container .sec4 .sec4-left span{
    font-size: max(0.677083vw, 12px);
    line-height: 1.6;
    color: rgba(68,62,85,.6);
    margin-top: 1.354167vw;
    display: block;
  }
  .freebuds6-container .sec4 .sec4-right {
    width: 78.125vw;
    transform: translate(-21vw, 4vw) scale(1.46);
    position: relative;
    transition: 1s ease;
    margin-left: 16.666667vw;
    transform-origin: left;
  }
@media  (max-width: 1200px){
  .freebuds6-container .sec4 .sec4-left span{
    font-size: 0.677083vw;
  }
}
  
  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec4 .sec4-container {
      margin-top: 33.333333vw;
  }
    .freebuds6-container .sec4 {
      width: 100%;
      padding-top: 9.722222vw;
    background: linear-gradient(to bottom, #ECE9F0, #EFECF1);
    }
    .freebuds6-container .sec4 .sec4-content {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }
   
    .freebuds6-container .sec4 .sec4-right {
      width: 100%;
      transform: translate(0, 17.083333vw) scale(1.25) ;
      transform-origin: right;
      margin-left: 0;
    }
    .freebuds6-container .sec4 .sec4-left {
      transform: translate(0, 43.194444vw);
      width: 77.777778vw;
      text-align: left;
      margin: 0 auto;
      margin-top: 11.111111vw;
      position: relative;
      top: 0;
      left: 0;
    }
    .freebuds6-container .sec4 .sec4-left h2 {
     width: 110%;
    }
    .freebuds6-container .sec4 .sec4-left p {
      color: #443E55;
     }
    .freebuds6-container .sec4 .sec4-left span {
      font-size: 3.333333vw;
      margin-top: 4.166667vw;
      text-align: left;
  }
  .freebuds6-container .sec4 .sec4-txt {
    width: 77.777778vw;
    text-align: left;
}
.freebuds6-container .sec4 .sec4-txt h2{
 width: 110%;
}

  .freebuds6-container .sec4 .sec4-txt p{
      color: #443E55;
  }
  }


/* sec4 */











/* sec5 */

.freebuds6-container .sec5 {
    background: linear-gradient(to bottom, #EFECF1, #F4F3F5);
    height: auto;
    padding-top: 12.5vw;
    padding-bottom: 7.2916vw;
    overflow: hidden;
  }
.freebuds6-container .sec5 img{
  display: inline-block;
}
  
  .freebuds6-container .sec5 .sec5-swiper {
    width: 90.104vw;
    position: relative;
    margin: 0 auto;
  }
  .freebuds6-container .sec5 .swiper-wrapper {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    width: 100%;
    position: relative;
  }
  .freebuds6-container .sec5 .swiper-slide {
    width: 25%;
    /* margin-right: 0; */
    text-align: center;
    opacity: 0;
    transition: transform 1s cubic-bezier(.45,.46,.18,1.33), opacity 1s ease;
    /* position: absolute; */
    cursor: pointer;
    transform-origin: 50% 50%;
    transform: translateY(20%) scale(0.85);
    will-change: transform, opacity;
    /* transition: transform 0.4s; */
  }

  .freebuds6-container .sec5 .swiper-gold,
  .freebuds6-container .sec5 .swiper-purple{
    margin-top: 7.291vw;
  }

  .freebuds6-container .sec5 .swiper-slide .sec5-color-img{
    position: relative;
    width: 100%;
    /* transform-origin: 50% 50%;
    transform: scale(0.85);
    will-change: transform;
    transition: transform 0.4s; */
  }
  .freebuds6-container .sec5 .swiper-slide .sec5-color-img > picture{
    position: relative;
    z-index: 4;
    opacity: .4;
    will-change: opacity;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transform: translateZ(1px);
  }
  .freebuds6-container .sec5 .swiper-slide .sec5-color-bg{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateZ(1px);
    z-index: 2;
    opacity: .2;
    will-change: opacity;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="1"] .swiper-black{
    transform: scale(1);
  }
  
  .freebuds6-container .sec5 .sec5-swiper[data-index="1"] .swiper-black .sec5-color-img > picture {
    opacity: 1;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="1"] .swiper-black .sec5-color-bg{
    opacity: 1;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="2"] .swiper-gold{
    transform: scale(1);
  }
  
  .freebuds6-container .sec5 .sec5-swiper[data-index="2"] .swiper-gold .sec5-color-img > picture {
    opacity: 1;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="2"] .swiper-gold .sec5-color-bg{
    opacity: 1;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="3"] .swiper-white{
    transform: scale(1);
  }
  
  .freebuds6-container .sec5 .sec5-swiper[data-index="3"] .swiper-white .sec5-color-img > picture {
    opacity: 1;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="3"] .swiper-white .sec5-color-bg{
    opacity: 1;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="4"] .swiper-purple{
    transform: scale(1);
  }
  
  .freebuds6-container .sec5 .sec5-swiper[data-index="4"] .swiper-purple .sec5-color-img > picture {
    opacity: 1;
  }
  .freebuds6-container .sec5 .sec5-swiper[data-index="4"] .swiper-purple .sec5-color-bg{
    opacity: 1;
  }
  /* .freebuds6-container .sec5 .swiper-slide.swiper-purple {
   z-index: 3;
  }
  
  .freebuds6-container .sec5 .swiper-slide.swiper-slide-active{
    z-index: 3;
  } */
  
  /* .freebuds6-container .sec5.sec5-active .swiper-slide:hover {
    transform: scale(1);
  }
  
  .freebuds6-container .sec5.sec5-active .swiper-slide:hover .sec5-color-img > picture{
    opacity: 1;
  }
  .freebuds6-container .sec5.sec5-active .swiper-slide:hover .sec5-color-bg{
    opacity: 1;
  }
  
  .freebuds6-container .sec5.sec5-active .swiper-slide:hover span {
    opacity: 0;
    transition: opacity 0.4s;

  } */

  /* .freebuds6-container .sec5.sec5-active .swiper-slide:hover{
     transform: scale(1);
  } */
 

   .freebuds6-container .sec5 .swiper-slide span {
    font-size: 1.666667vw;
    line-height: 1.25;
    color: #000;
    opacity: 0;
    display: block;
    /* transform: translateY(5vw); */
   margin-top: 1.458vw;
    transition: transform 1s, opacity 0.4s;
    font-weight: 500;
    will-change: opacity,transform;
    /* transition-delay: 1s; */
    opacity: 0;
    /* transition: opacity 0.4s; */
}

.freebuds6-container .sec5 .swiper-white span{
  color: #000;
}
.freebuds6-container .sec5 .swiper-purple span{
  color: #43336C;
}
.freebuds6-container .sec5 .swiper-black span{
  color: #000;
}
.freebuds6-container .sec5 .swiper-gold span{
  color:#6C4933;
}
  .freebuds6-container .sec5 .swiper-slide-active span {
    opacity: 1;
  }

  .freebuds6-container .sec5.active .sec5-swiper[data-index="3"] .swiper-white span{
    opacity: 1;
}
.freebuds6-container .sec5.active .sec5-swiper[data-index="4"] .swiper-purple span{
    opacity: 1;
}
.freebuds6-container .sec5.active .sec5-swiper[data-index="1"] .swiper-black span{
    opacity: 1;
}
.freebuds6-container .sec5.active .sec5-swiper[data-index="2"] .swiper-gold span{
    opacity: 1;
}




  .freebuds6-container .sec5 .design-color-swiper-btns {
    width: 100%;
    margin-top: 7.8125vw;
    opacity: 0;
    transition: 1s;
    transition-delay: 1.5s;
    transform: translateY(5vw);
  }

  /* .freebuds6-container .sec5.sec5-active .swiper-slide span{
    transform: translateY(0);
    opacity: .4;
  } */
  .freebuds6-container .sec5.sec5-active .swiper-slide {
    transform: translateY(0) scale(0.85);
    opacity: 1;
  }
  .freebuds6-container .sec5.sec5-active .swiper-black {
    transition: transform 1s cubic-bezier(.11,.1,.02,1.17), opacity 1s ease;
    transition-delay: 0.2s;
  }
  .freebuds6-container .sec5.sec5-active .swiper-gold {
    transition: transform 0.8s cubic-bezier(.11,.1,.02,1.17), opacity 1s ease;
    transition-delay: 0.4s;
  }
  .freebuds6-container .sec5.sec5-active .swiper-white {
    transition: transform 0.6s cubic-bezier(.11,.1,.02,1.17), opacity 1s ease;
    transition-delay: 0.6s;
  }
  .freebuds6-container .sec5.sec5-active .swiper-purple {
    transition: transform 0.4s cubic-bezier(.11,.1,.02,1.17), opacity 1s ease;
    transition-delay: 0.8s;
  }
  .freebuds6-container .sec5.sec5-active .design-color-swiper-btns{
    transform: translateY(0);
    opacity: 1;
  } 

 







  .freebuds6-container .sec5 .design-color-control-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c8c0de;
    /* box-shadow: 0 3px 6px rgba(60,60,60,.16),inset 0 3px 6px #9797BC; */
    padding: 0.78125vw 1.822917vw;
    width: fit-content;
    margin: 0 auto;
    border-radius: 3vw;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item {
    background-color: transparent;
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5625vw;
    height: 1.5625vw;
    position: relative;
    opacity: 1;
    transition: 0.3s;
    margin-right: 1.354167vw;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item:last-child {
    margin-right: 0;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination-item-svg {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 100%;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination-item-svg svg {
    width: 100%;
    height: 100%;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination-item-svg svg circle {
    stroke-dasharray: 132;
    stroke-dashoffset: 132;
    transition: all 0s linear;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination-item.active .design-color-swiper-pagination-item-svg svg circle {
    stroke-dashoffset: 0;
    transition-duration: 1s;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination-item.active {
    transform: scale(1.5);
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item::before {
    border-radius: 100%;
    content: "";
    width: 80%;
    height: 80%;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item:nth-of-type(4)::before {
    background-color: #F4F4F4;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), inset 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item:nth-of-type(2)::before {
    background-color: #ACA9E5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), inset 0 3px 6px #ACA9E5;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item:nth-of-type(3)::before {
    background-color: rgba(54, 54, 54, 0.4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item:nth-of-type(1)::before {
    background-color: #FCE5DF;
    box-shadow: inset 0 3px 6px #D6B4AC;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item.active:nth-of-type(3)::before {
    background-color: #363636;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item.active:nth-of-type(2)::before {
    box-shadow: inset 0 3px 6px #ACA9E5;
  }

  .freebuds6-container .sec5 .design-color-txt-btns{
    width: fit-content;
    margin: 0 auto;
    margin-top: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

    .freebuds6-container .sec5 .design-color-txt-btns .design-color-txt-waves{
    width: 1.0416vw;
    height: 1.0416vw;
    position: relative;
    /* background-color: #000; */
  }

   .freebuds6-container .sec5 .design-color-txt-btns .design-color-txt-wave{
    
    width: 1.0416vw;
    height: 1.0416vw;
    position: absolute;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    background-color: rgba(130, 124, 149, 0.3);
    transform-origin: 50% 50%;
    border-radius: 100%;
  }

 .freebuds6-container .sec5 .design-color-txt-btns .design-color-txt-wave1{
    animation: colorWave 2s linear infinite;
 }

 .freebuds6-container .sec5 .design-color-txt-btns .design-color-txt-wave2{
    animation: colorWave 2s linear infinite 0.8s;
 }

    .freebuds6-container .sec5 .design-color-txt-btns span{
      width: fit-content;
      font-size: 0.833vw;
      font-size: max(0.833vw, 12px);
      color: #827C95;
      line-height: 1.6;
      margin-left: 0.416vw;
  }

  
 @keyframes colorWave {
    0% {
        opacity: 1;
        transform: scale(0.2);
    }
    
    100% {
        opacity: 0.5;
        transform: scale(0.6);
    }

    100% {
        opacity: 0.2;
        transform: scale(1.2);
    }
 }
  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec5 .design-color-txt-btns{
    display: none;
  }

    .freebuds6-container .sec5 .design-color-swiper-pagination {
      box-shadow: inset 0 3px 10px #9797BC;
      padding: 3.472222vw 7.638889vw;
      border-radius: 8vw;
  }
  .freebuds6-container .sec5 .design-color-swiper-pagination .design-color-swiper-pagination-item {
    width: 5.208333vw;
    height: 5.208333vw;
    margin-right: 4.233333vw;
}

  .freebuds6-container .sec5 .sec5-swiper {
    width: 100%;
      width: 75.972vw;
      margin: 0 auto;
  }
    .freebuds6-container .sec5 .swiper-slide {
      width: 100%;
      margin-right: 0;
      position: relative;
      transform: scale(0.642);
      /* margin: 0 16.666667vw; */
      opacity: 1;
    }
    
    .freebuds6-container .sec5 .swiper-slide:last-child {
   margin-right: 16.666667vw;
    }
   
  .freebuds6-container .sec5 .swiper-gold,
  .freebuds6-container .sec5 .swiper-purple{
    margin-top: 0;
  }
    .freebuds6-container .sec5 {
      padding-top: 33.333333vw;
      padding-bottom: 41.666667vw;
      /* background: linear-gradient(to bottom, #d8d7ef, #f5f4f6); */
  }
  .freebuds6-container .sec5 .design-color-swiper-btns {
    margin-top: 11.111111vw;
    opacity: 1;
    transition: 0s;
    transition-delay: 0;
    transform: translateY(0);
  }
  /* .freebuds6-container .sec5 .swiper-wrapper {
    /* height: auto;
    left: auto; 
    width: 100%;
  } */
  .freebuds6-container .sec5 .swiper-slide .sec5-color-img > picture{
    opacity: 1;
  }
  .freebuds6-container .sec5 .swiper-slide .sec5-color-bg{
    display: none;
  }

  .freebuds6-container .sec5 .swiper-slide span {
    font-size: 5.555556vw;
    line-height: 1.25;
    color: #000;
    opacity: 0;
    display: none;
    transform: translateY(0);
    margin-top: 4.861111vw;
    transition: 1s;
    transition-delay: 0s;
}
.freebuds6-container .sec5 .swiper-slide.swiper-slide-active{
  transform: scale(1);
}
.freebuds6-container .sec5 .sec5-mob-color-txt{
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 4.861111vw;
}
.freebuds6-container .sec5 .sec5-mob-color-txt > span{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s;
  width: auto;
  display: block;
  font-size: 5.555556vw;
  line-height: 1.6;
  opacity: 0;
}
.freebuds6-container .sec5 .sec5-mob-color-txt > span:nth-child(1){
 color: #6C4933;
}
.freebuds6-container .sec5 .sec5-mob-color-txt > span:nth-child(2){
  color: #43336C;
 }
 .freebuds6-container .sec5 .sec5-mob-color-txt > span:nth-child(3){
  color: #000000;
 }
 .freebuds6-container .sec5 .sec5-mob-color-txt > span:nth-child(4){
  color: #000000;
 }
.freebuds6-container .sec5 .sec5-mob-color-txt > span.color-txt-active{
  opacity: 1;
}
.freebuds6-container .sec5 .sec5-mob-color-txt > span:first-child{
  position: relative;
}

    
  }
/* @media (width:777px) {
  .freebuds6-container .sec5 .swiper-slide {
    width: 40.861111vw;
  
  }
} */

 

/* sec5 */



/* sec6 */
    .freebuds6-container .sec6{
        padding-top: 15.625vw;
        background: linear-gradient(to bottom, #F4F3F5, #F3F2F5);
        overflow: hidden;
    }

    .freebuds6-container .sec6 .sec6-sticky{
    top: 0;
    display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
      
  }
  .freebuds6-container .sec6 .sec6-img{
    width: 66.614583vw;
    margin: 0 auto;
    transform: scale(1.35);
    transition: 1s;
    z-index: 1;
    position: relative;
  }
  .freebuds6-container .sec6 .sec6-top{
  position: relative;
  width: 100%;
}
.freebuds6-container .sec6 .sec6-top h2{
  position: absolute;
  top: 53.5%;
  font-size: 5.208333vw;
  line-height: 1.25;
  transition: 1s;
  opacity: 0;
}
.freebuds6-container .sec6 .sec6-top h2:first-child{
  left: 18.739583vw;
  transform: translateX(-28vw);
}
.freebuds6-container .sec6 .sec6-top h2:last-child{
right: 8.739583vw;
transform: translateX(50vw);
}

.freebuds6-container .sec6 .sec6-top.sec6-to1 .sec6-img{
  transform: scale(1);
}
.freebuds6-container .sec6 .sec6-top.sec6-to1 h2:first-child{
  transform: translateX(0);
  opacity: 1;
}
.freebuds6-container .sec6 .sec6-top.sec6-to1 h2:last-child{
  transform: translateX(0);
  opacity: 1;
}








.freebuds6-container .sec6 .sec6-bottom img{
margin: 0 auto;
  width: 1.5625vw;
  transition: 1s;
}
.freebuds6-container .sec6 .sec6-bottom{
  width: 100%;
  text-align: center;
  transform: translateY(3vw);
  transition: 1s;
  padding-bottom: 3vw;
}
.freebuds6-container .sec6 .sec6-bottom p{
  font-size: 1.145833vw;
  line-height: 1.6;
  margin-top: 1.302083vw;
}
.freebuds6-container .sec6 .sec6-bottom.sec6-to2{
  transform: translateY(0);
}
.freebuds6-container .sec6 .sec6-bottom.sec6-to2 img{
 width: 0;
}

@media (max-aspect-ratio: 11/10) {
  .freebuds6-container .sec6 {
    padding-top: 0;
}
.freebuds6-container .sec6  .sec6-top h2 {
  font-size: 13.333333vw;
  top: 0;
  left: 50%;
  width: 100%;
  text-align: center;
  }
  .freebuds6-container .sec6  .sec6-top h2:first-child {
    left: 50%;
    transform: translate(-50%,55vw);
}
.freebuds6-container .sec6 .sec6-top h2:last-child {
  right: 0;
  transform: translate(-50%,72vw);
}
.freebuds6-container .sec6 .sec6-top {
    padding-top: 37.5vw;
}
.freebuds6-container .sec6 .sec6-img {
  width: 100%;
  z-index: 9;
  position: relative;
  transform: scale(1.42);
  transform-origin: bottom;

}
.freebuds6-container .sec6 .sec6-top.sec6-to1 h2:first-child {
  transform: translate(-50%,0);
}
.freebuds6-container .sec6 .sec6-top.sec6-to1 h2:last-child {
  transform: translate(-50%,17vw);
}
.freebuds6-container .sec6 .sec6-top.sec6-to1 .sec6-img {
  transform: scale(1);
}
.freebuds6-container .sec6 .sec6-bottom img {
  margin: 0 auto;
  width: 9.027778vw;
  transition: 1s;
}

.freebuds6-container .sec6 .sec6-bottom p {
  font-size: 4.444444vw;
  margin-top: 4.861111vw;
}

.freebuds6-container .sec6 .sec6-bottom{
  margin-top: 2.777778vw;
}



}

/* sec6 */






/* sec7 */
.freebuds6-container .sec7 {
    padding-top: 9.5vw;
    overflow: hidden;
    background: linear-gradient(to bottom, #F3F2F5, #F4F3F5);
  }
  .freebuds6-container .sec7 .sec7-txt {
    width: 34.375vw;
    margin: 0 auto;
    text-align: center;
  }
  .freebuds6-container .sec7 .camera-feature-container {
    margin-top: 4.583333vw;
  }
  .freebuds6-container .sec7 .camera-feature-image-row {
    display: flex;
    justify-content: space-between;
    height: 100%;
  }
  .freebuds6-container .sec7 .camera-feature-image {
    border-radius: 0.8333vw;
    width: 30.625%;
    height: 81%;
    transition: all 1s ease;
    overflow: hidden;
    will-change: auto;
    position: relative;
    z-index: 2;
  }
  .freebuds6-container .sec7 .camera-feature-image-1 {
    margin-left: 8.958333vw;
  }
  .freebuds6-container .sec7 .camera-feature-image-1.active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .freebuds6-container .sec7 .camera-feature-image-2 {
    margin-right: 8.958333vw;
  }
  .freebuds6-container .sec7 .camera-feature-image-2.active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .freebuds6-container .sec7 .camera-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(15%, 10%) scale(1.3);
    transition: all 1s ease;
    will-change: transform;
  }
  .freebuds6-container .sec7 .camera-feature-image-container {
    display: flex;
    height: 40vw;
  }
  .freebuds6-container .sec7 .camera-feature-image-block video {
    mix-blend-mode: darken;
  }
  .freebuds6-container .sec7 .camera-feature-image.active {
    margin: 0;
    width: 57.86%;
    height: 100%;
  }
  .freebuds6-container .sec7 .camera-feature-image-block {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 57.86vw;
    transform: translate(-50%, -50%);
    will-change: transform;
  }
  .freebuds6-container .sec7 .camera-feature-image.active img {
    transform: translate(0, 0) scale(1);
  }
  .freebuds6-container .sec7 .sec7-txt-swiper .swiper-wrapper {
    display: flex;
  }
  .freebuds6-container .sec7 .sec7-txt-swiper .swiper-slide {
    display: flex;
    transition: all 1s ease;
    position: relative;
    z-index: 1111;
    top: -5.5vw;
  }
  .freebuds6-container .sec7 .sec7-txt-swiper {
    padding-bottom: 2vw;
  }
  .freebuds6-container .sec7 .sec7-txt1 {
    width: 30.625%;
    margin-left: 8.958333vw;
  }
  .freebuds6-container .sec7 .sec7-txt2 {
    width: 30.625%;
    margin-left: 2.5vw;
  }
  .freebuds6-container .sec7 .sec7-txt-active {
    width: 48.333333vw !important;
    top: 2.083333vw !important;
  }
  .freebuds6-container .sec7 .sec7-txt-active p {
    opacity: 1 !important;
  }
  .freebuds6-container .sec7 .sec7-txt-swiper .swiper-slide h4 {
    font-size: 1.145833vw;
    color: #43336C;
    opacity: .5;
    line-height: 1.25;
    white-space: nowrap;
    transition: .5s;
    margin-top: .1vw;
  }
  .freebuds6-container .sec7 .sec7-txt-swiper .swiper-slide.sec7-txt-active h4 {
    opacity: 1;
  }
  .freebuds6-container .sec7 .sec7-txt-swiper .swiper-slide p {
    font-size: 1.145833vw;
    color: #827C95;
    margin-top: 0;
    opacity: 0;
    white-space: nowrap;
    transition: .5s ease;
    margin-left: 3.75vw;
  }

  .freebuds6-container .sec7 .sec7-pop-video{
    font-size: 1.145833vw;
    line-height: 1.25;
    font-weight: 600;
    color: #392769;
    width: fit-content;
    margin: 1.875vw auto 0;
    display: flex;
    align-items: center;
    background-color: #C8C0DE;
    border-radius: 1.83vw;
    /* box-shadow: 0 3px 6px rgba(60,60,60,.4), inset 0 3px 6px #A6A6D5; */
    padding: .625vw 1.458333vw;
    cursor: pointer;
  }
  .freebuds6-container .sec7 .sec7-pop-video img{
    width: 1.875vw;
    margin-left: .520833vw;
  }



  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec7 {
      padding-top: 33.333333vw;
    }
    .freebuds6-container .sec7 .sec7-txt {
      width: 77.777778vw;
      text-align: left;
    }
    .freebuds6-container .sec7 .camera-feature-container {
      margin-top: 16.666667vw;
    }
    .freebuds6-container .sec7 .camera-feature-image-container {
      display: block;
      height: auto;
    }
    .freebuds6-container .sec7 .camera-feature-image-row {
      height: auto;
    }
    .freebuds6-container .sec7 .camera-feature-image.active,
  .freebuds6-container .sec7 .camera-feature-image {
      border-radius: 2.777778vw;
      width: 100%;
      height: auto;
    }
    .freebuds6-container .sec7 .camera-feature-image-block {
      position: relative;
      top: 0;
      left: 0;
      transform: none;
      width: 100%;
    }
    .freebuds6-container .sec7 .sec7-txt-swiper .swiper-slide h4 {
      font-size: 6.555556vw;
      opacity: 1;
    }
    .freebuds6-container .sec7 .sec7-txt-swiper .swiper-slide p {
      font-size: 3.888889vw;
      margin-top: 4.861111vw;
      opacity: 1;
      transition: 1s ease;
      margin-left: 0;
    }
    .freebuds6-container .sec7 .sec7-txt-swiper .swiper-slide {
      display: flex;
      flex-wrap: wrap;
      top: 0;
      padding-left: 5.555556vw;
      box-sizing: border-box;
    }
    .freebuds6-container .sec7 .sec7-txt-active {
      width: 86.666667vw !important;
      top: 0 !important;
    }
    .freebuds6-container .sec7 .sec7-txt2 {
      margin-left: 0;
    }
    .freebuds6-container .sec7 .sec7-txt1 {
      margin-left: 0;
    }
    .freebuds6-container .sec7 .sec7-txt-swiper {
      padding-bottom: 0;
      margin-top: 5.972222vw;
    }
    .freebuds6-container .sec7 .btn-disable {
      cursor: default;
      opacity: 0.3;
    }
    .freebuds6-container .sec7 .sec7-controller {
      display: flex;
      align-items: center;
      margin-top: 8.333333vw;
      justify-content: space-between;
      padding-left: 11.111111vw;
      padding-right: 8.888889vw;
    }
    .freebuds6-container .sec7 .sec7-scroll-bar {
      width: 30.555556vw;
      height: 2px;
      background-color: rgba(122, 122, 122, 0.3);
    }
    .freebuds6-container .sec7 .swiper-scrollbar-drag {
      background-color: #927AD0;
    }
    .freebuds6-container .sec7 .sec7-control-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .freebuds6-container .sec7 .sec7-prev-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 11.111111vw;
      margin-right: 5.555556vw;
      transform: translate3d(0,0,0);
    }
    .freebuds6-container .sec7 .sec7-next-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 11.111111vw;
      transform: translate3d(0,0,0);
    }
    .freebuds6-container .sec7 .sec7-pop-video{
      font-size: 3.888889vw;
      margin: 4.861111vw 11.111111vw 0;
      border-radius: 5.555556vw;
      /* box-shadow: 0 3px 6px rgba(60,60,60,.4), inset 0 3px 6px #A6A6D5; */
      padding: 2.777778vw 4.166667vw;
    }
    .freebuds6-container .sec7 .sec7-pop-video img{
      width: 5.555556vw;
      margin-left: 2.777778vw;
    }


  }


/* sec7 */






    /* sec8 */

    .freebuds6-container .sec8 {
        width: 100%;
        padding-top: 12.5vw;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: linear-gradient(to bottom, #F4F3F5, #F5F4F5);
      }
      .freebuds6-container .sec8 .sec8-img {
        margin-left: 7.291667vw;
        width: 44.739583vw;
        margin-right: 7.145833vw;
        position: relative;
      }
      .freebuds6-container .sec8 .sec8-img video{
        mix-blend-mode: darken;
      }
      .freebuds6-container .sec8 .sec8-txt {
        width: 27.5vw;
      }
      .freebuds6-container .sec8 .sec8-top-shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6vw;
        background: linear-gradient(to bottom, #f5f5f5, transparent);
      }
      .freebuds6-container .sec8 .sec8-bottom-shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6vw;
        background: linear-gradient(to bottom, transparent, #f5f5f5);
      }
      @media (max-aspect-ratio: 11/10) {
        .freebuds6-container .sec8 {
          padding-top: 33.333333vw;
          flex-wrap: wrap;
          flex-direction: column-reverse;
        }
        .freebuds6-container .sec8 .sec8-img {
          width: 100%;
          margin-right: 0;
          margin-left: 0;
          margin-top: 10.416667vw;
        }
        .freebuds6-container .sec8 .sec8-txt {
          width: 77.777778vw;
          text-align: left;
        }
      }
    /* sec8 */







    /* sec9 */

    .freebuds6-container .sec9 {
        width: 100%;
        padding-top: 10.416667vw;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background: linear-gradient(to bottom, #F5F4F5, #F5F4F5);
      }
      .freebuds6-container .sec9 .sec9-img {
        width: 48.75vw;
        margin-left: 0;
        position: relative;
      }
      .freebuds6-container .sec9 .sec9-txt {
        width: 30vw;
      }
      .freebuds6-container .sec9-top-shadow{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6vw;
        background: linear-gradient(to bottom, #f5f5f5, transparent);
      }
      .freebuds6-container .sec9-bottom-shadow{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6vw;
        background: linear-gradient(to bottom, transparent, #f5f5f5);
      }
      @media (max-aspect-ratio: 11/10) {
        .freebuds6-container .sec9 {
          padding-top: 33.333333vw;
          flex-wrap: wrap;
          justify-content: center;
        }
        .freebuds6-container .sec9 .sec9-img {
          width: 100%;
          margin-left: 0;
          margin-top: 10.416667vw;
        }
        .freebuds6-container .sec9 .sec9-txt {
          width: 77.777778vw;
          text-align: left;
        }
        .freebuds6-container .sec9 .sec9-txt h2 {
         width: 110%;
        }
      }

    /* sec9 */







/* sec10 */
   

.freebuds6-container .sec10 {
    padding-top: 10.416667vw;
    background: linear-gradient(to bottom, #f5f5f5, #f5f5f5);
  }
  .freebuds6-container .sec10-txt {
    width: 33.125vw;
    margin: 0 auto;
    text-align: center;
  }
  .freebuds6-container .sec10 .sec10-swiper {
    margin: 3.958333vw auto 0;
    width: 67.5vw;
  }
  .freebuds6-container .sec10 .sec10-swiper .swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0 100%);
  }
  .freebuds6-container .sec10 .sec10-swiper .swiper-slide:last-child {
    position: relative;
    z-index: -1;
  }
  .freebuds6-container .sec10 .sec10-swiper-item {
    position: relative;
  }
  .freebuds6-container .sec10 .sec10-swiper .swiper-wrapper {
    border-radius: 0.8333vw;
    overflow: hidden;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn-container {
    display: flex;
    margin-top: 2.083333vw;
    justify-content: center;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn {
    background-color: #C8C0DE;
    border-radius: 1.83vw;
    /* box-shadow: 0 3px 6px #8B8B8B, inset 0 3px 6px #B3A3D9; */
    display: flex;
    position: relative;
    width: 10.9375vw;
    height: 3.125vw;
    box-sizing: border-box;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn::after {
    background-color: #fff;
    border-radius: 1.354vw;
    content: "";
    position: absolute;
    width: 3.947917vw;
    height: 2.34375vw;
    top: 50%;
    transition: transform 1s ease;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="1"]::after {
    transform: translate(1.145833vw, -50%);
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="2"]::after {
    transform: translate(5.935833vw, -50%);
  }
  .freebuds6-container .sec10 .camera-intro-switch-text {
    display: flex;
    align-items: center;
    color: #392769;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 1s ease, transform 1s ease, color 1s ease;
    position: relative;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn-front {
    left: 2.13125vw;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn-rear {
    right: 2.183333vw;
  }
  .freebuds6-container .sec10 .camera-intro-switch-text > span {
    font-weight: 600;
    font-size: 0.833333vw;
    line-height: 1.25;
    white-space: nowrap;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="1"] .camera-intro-switch-text:nth-of-type(1) {
    opacity: 1;
    color: #392769;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="2"] .camera-intro-switch-text:nth-of-type(2) {
    opacity: 1;
    color: #392769;
  }
  .freebuds6-container .sec10 .camera-intro-switch-icon {
    width: 0;
    height: 0.885417vw;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: self-end;
    display: inline-flex;
    justify-content: space-evenly;
    opacity: 0;
    transform: scale(0.125);
    transition: 1s ease;
    margin-right: 0.46875vw;
    display: none;
  }
  .freebuds6-container .sec10 .camera-intro-switch-icon > span {
    animation-direction: alternate;
    animation-duration: 1s;
    background: #463263;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
    width: 2px;
    border-radius: 0.104167vw;
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="1"] .camera-intro-switch-text:nth-of-type(1) > .camera-intro-switch-icon {
    opacity: 1;
    width: 0.833333vw;
    transform: scale(1);
  }
  .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="2"] .camera-intro-switch-text:nth-of-type(2) > .camera-intro-switch-icon {
    opacity: 1;
    width: 0.833333vw;
    transform: scale(1);
  }
  .freebuds6-container .sec10 .camera-intro-switch-icon > span:first-child {
    animation-name: spark-0;
  }
  .freebuds6-container .sec10 .camera-intro-switch-icon > span:nth-child(2) {
    animation-name: spark-1;
  }
  .freebuds6-container .sec10 .camera-intro-switch-icon > span:nth-child(3) {
    animation-name: spark-2;
  }
  .freebuds6-container .sec10 .camera-intro-switch-icon > span:nth-child(4) {
    animation-name: spark-3;
  }


@keyframes spark-0 {
    0% {
      height: 57%;
    }

    25% {
      height: 79%;
    }

    75% {
      height: 28%;
    }

    to {
      height: 80%;
    }
  }

  @keyframes spark-1 {
    0% {
      height: 20%;
    }

    25% {
      height: 100%;
    }

    75% {
      height: 46%;
    }

    to {
      height: 71%;
    }
  }

  @keyframes spark-2 {
    0% {
      height: 36%;
    }

    25% {
      height: 63%;
    }

    75% {
      height: 37%;
    }

    to {
      height: 28%;
    }
  }

  @keyframes spark-3 {
    0% {
      height: 45%;
    }

    25% {
      height: 96%;
    }

    75% {
      height: 69%;
    }

    to {
      height: 88%;
    }
}


@media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec10 {
      padding-top: 33.333333vw;
      background: linear-gradient(to bottom, #f5f4f5, #f5f5f5);
    }
    .freebuds6-container .sec10-txt {
      width: 77.777778vw;
      margin: 0 auto;
      text-align: left;
    }
    .freebuds6-container .sec10-txt h2 {
      width: 110%;
    }
    .freebuds6-container .sec10 .sec10-swiper {
      margin: 10.416667vw auto 0;
      width: 100%;
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn-container {
      margin-top: 5.555556vw;
    }
    .freebuds6-container .sec10 .camera-intro-switch-text > span {
      font-size: 3.888889vw;
    }
    .freebuds6-container .sec10 .camera-intro-switch-icon {
      height: 2.5vw;
      margin-right: 1.111111vw;
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="1"] .camera-intro-switch-text:nth-of-type(1) > .camera-intro-switch-icon {
      opacity: 1;
      width: 2.5vw;
      transform: scale(1);
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="2"] .camera-intro-switch-text:nth-of-type(2) > .camera-intro-switch-icon {
      opacity: 1;
      width: 2.5vw;
      transform: scale(1);
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn {
      border-radius: 6.861111vw;
      width: 34.722222vw;
      height: 11.111111vw;
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn::after {
      border-radius: 5.555556vw;
      width: 15.277778vw;
      height: 6.944444vw;
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="1"]::after {
      transform: translate(3.333333vw, -50%);
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn[data-index="2"]::after {
      transform: translate(16.611111vw, -50%);
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn-front {
      left: 6.616667vw;
    }
    .freebuds6-container .sec10 .camera-intro-switch-btn-rear {
      right: 6.677778vw;
    }
  }



/* sec10 */




    /* sec11 */
    .freebuds6-container .sec11 {
        text-align: center;
        padding-top: 12.5vw;
        background: linear-gradient(to bottom, #f5f4f5, #f5f5f5);
      }
    
      .freebuds6-container .sec11 .sec11-txt {
        width: 34.020833vw;
        margin: 0 auto;
      }
      .freebuds6-container .sec11 .sec11-video-box {
        position: relative;
        margin-top: 3.958333vw;
      }
      .freebuds6-container .sec11 .sec11-top-shadow{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6vw;
        background: linear-gradient(to bottom, #f5f4f5, transparent);
      }
      .freebuds6-container .sec11 .sec11-bottom-shadow{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6vw;
        background: linear-gradient(to bottom, transparent , #f5f4f5);
      }
      
    
      @media (max-aspect-ratio: 11/10) {
        .freebuds6-container .sec11 {
          padding-top: 33.333333vw;
        }
        .freebuds6-container .sec11-sticky {
          top: 100px;
        }
        .freebuds6-container .sec11 .sec11-txt {
          width: 77.777778vw;
          text-align: left;
        }
       
        .freebuds6-container .sec11 .sec11-video-box {
          margin-top: 10.416667vw;
        }
       
      }


 /* sec11 */



 /* sec12 */
 .freebuds6-container .sec12{
    text-align: center;
    padding-top: 15.625vw;
    background: linear-gradient(to bottom, #f5f5f5, #fafafa);
    position: relative;
    overflow: hidden;
}
.freebuds6-container .sec12 .sec12-img{
  width: 63.229167vw;
  margin-left: 5.46875vw;
  transform: scale(1.47);
  transition: 1s;
}
.freebuds6-container .sec12 h2{
  position: absolute;
  top: 64%;
  font-size: 5.208333vw;
  line-height: 1.25
}
.freebuds6-container .sec12 .sec12-first{
  left: 14.739583vw;
  transform: translateX(-24vw);
  transition: 1s;
}
.freebuds6-container .sec12 .sec12-last{
  right: 14.739583vw;
  transform: translateX(37vw);
  transition: 1s;
}
.freebuds6-container .sec12.sec12-to1 .sec12-last{
  transform: translateX(0);
}
.freebuds6-container .sec12.sec12-to1 .sec12-first{
  transform: translateX(0);
}
.freebuds6-container .sec12.sec12-to1 .sec12-img{
  transform: scale(1);
}

@media (max-aspect-ratio: 11/10) {
  .freebuds6-container .sec12 {
    text-align: center;
    padding-top: 41.666667vw;
  }
  .freebuds6-container .sec12 .sec12-img {
    width: 100%;
    transform: scale(1.4);
    transform-origin: left bottom;
    padding-top: 45.833333vw;
    margin-left: auto;
}
.freebuds6-container .sec12 h2 {
  position: absolute;
  top: 0;
  font-size: 13.333333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  opacity: 0;

}
.freebuds6-container .sec12 .sec12-first {
  left: 50%;
  transform: translate(-50%,50vw);
  transition: 1s;
  position: absolute;
  top: 0;
}
.freebuds6-container .sec12 .sec12-last {
  left: 50%;
  transform: translate(-50%,67vw);
  transition: 1s;
  position: absolute;
  top: 0;
}
.freebuds6-container .sec12.sec12-to1 .sec12-first {
  transform: translate(-50%,39vw);
  opacity: 1;
}
.freebuds6-container .sec12.sec12-to1 .sec12-last {
  transform: translate(-50%,56vw);
  opacity: 1;
}

}



 /* sec12 */



 /* sec13 */
 .freebuds6-container .sec13 {
    padding-top: 12.5vw;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(to bottom, #fafafa, #ffffff);
  }
  .freebuds6-container .sec13 .sec13-txt {
    width: 42.552083vw;
    margin: 0 auto;
  }
  .freebuds6-container .sec13 .sec13-swiper {
    overflow: hidden;
    border-radius: 1.041667vw;
    width: 67.5vw;
    margin: 3.958333vw auto 0;
    position: relative;
  }
  .freebuds6-container .sec13 .sec13-swiper .swiper-slide{
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0 100%);
}
.freebuds6-container .sec13 .sec13-swiper .swiper-slide:nth-of-type(3){
    position: relative !important;
}


  .freebuds6-container .sec13 .sec13-scrollbar-container {
    width: 25.833333vw;
    margin: 1.979167vw auto 0;
    position: relative;
  }
  .freebuds6-container .sec13 .sec13-scrollbar-container span {
    font-size: 1.145833vw;
    line-height: 1.25;
    font-weight: 500;
    color: #161617;
    opacity: 0.5;
    cursor: pointer;
  }
  .freebuds6-container .sec13 .sec13-scrollbar-txt {
    display: flex;
    justify-content: space-between;
  }
  .freebuds6-container .sec13 .sec13-scrollbar-container .sec13-scrollbar {
    height: 2px;
    margin-top: 1.041667vw;
    width: 100%;
    background-color: rgba(57, 39, 105, 0.3);
    box-sizing: border-box;
  }
  .freebuds6-container .sec13 .sec13-scrollbar-container .sec13-scrollbar > div {
    width: var(--indicator-width, 0);
    transform: translateX(var(--indicator-offset-x, 0));
    height: 2px;
    background-color: #392769;
    transition: 0.4s;
  }
  .freebuds6-container .sec13 .sec13-scrollbar-container .sec13-active {
    opacity: 1;
    color: #43336C;
  }

  .freebuds6-container .sec13 .sec13-pop-video{
    position: absolute;
    cursor: pointer;
    width: 2.916667vw;
    right: 1.5625vw;
    bottom: 1.5625vw;
  }




  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec13 {
      padding-top: 33.333333vw;
    }
    .freebuds6-container .sec13 .sec13-txt {
      width: 77.777778vw;
      text-align: left;
    }
    .freebuds6-container .sec13 .sec13-swiper {
      border-radius: 0;
      width: 100%;
      margin: 10.416667vw auto 0;
    }
    .freebuds6-container .sec13 .sec13-scrollbar-container {
      width: 77.777778vw;
      margin: 5.555556vw auto 0;
    }
    .freebuds6-container .sec13 .sec13-scrollbar-container .sec13-scrollbar {
      margin-top: 2.777778vw;
    }
    .freebuds6-container .sec13 .sec13-scrollbar-container span {
      font-size: 4.444444vw;
    }
    .freebuds6-container .sec13 .sec13-pop-video{
      position: absolute;
      cursor: pointer;
      width: 11.111111vw;
      right: 5.555556vw;
      bottom: 5.555556vw;
    }
  
  }
  /* sec13 */











    /* sec14 */

    .freebuds6-container .sec14 {
        padding-top: 12.5vw;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .freebuds6-container .sec14 .sec14-video-box {
        width: 43.125vw;
        border-radius: 1.041667vw;
        overflow: hidden;
        position: relative;
      }
      .freebuds6-container .sec14 .sec14-video-box .video-replay-btn{
        right: 1.5625vw;
        bottom: 1.5625vw;
      }
      .freebuds6-container .sec14 .sec14-txt {
        width: 18.4375vw;
        margin-left: 5.364583vw;
      }
      @media (max-aspect-ratio: 11/10) {
        .freebuds6-container .sec14 {
          padding-top: 33.333333vw;
          flex-wrap: wrap;
          flex-direction: column-reverse;
        }
        .freebuds6-container .sec14 .sec14-video-box {
          width: 100%;
          border-radius: 0;
          margin-top: 10.416667vw;
        }
        .freebuds6-container .sec14 .sec14-txt {
          width: 77.777778vw;
          margin-left: 0;
          text-align: left;
        }
        .freebuds6-container .sec14 .sec14-video-box .video-replay-btn {
          right: 5.555556vw;
          bottom: 5.555556vw;
          width: 11.111111vw;
      }
      }
        /* sec14 */








        /* sec15 */

        .freebuds6-container .sec15 {
            margin: 12.5vw auto 0;
            width: 67.5vw;
          }
          .freebuds6-container .sec15 .swiper-wrapper {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
          }
          .freebuds6-container .sec15 .swiper-slide {
            width: 33.125vw;
            background-color: #F7F6F9;
            border-radius: 1.041667vw;
            overflow: hidden;
            height: auto;
            padding-bottom: 8.541667vw;
          }
          .freebuds6-container .sec15 .sec15-txt {
            padding: 3.489583vw 4.166667vw 0;
          }
          .freebuds6-container .sec15 .sec15-txt h3 {
            font-size: 2.5vw;
            line-height: 1.25;
            font-weight: bold;
            color: #43336C;
          }
          .freebuds6-container .sec15 .sec15-txt p {
            font-size: 1.041667vw;
            line-height: 1.6;
            color: #827C95;
            margin-top: 1.5625vw;
          }
          .freebuds6-container .sec15 .sec15-swiper-2 .sec15-img > div {
            width: 8.645833vw;
          }
          .freebuds6-container .sec15 .sec15-swiper-2 .sec15-img {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 5.208333vw;
            text-align: center;
          }

          
          .freebuds6-container .sec15 .sec15-swiper-1 .sec15-img {
            width: 10.416667vw;
            margin: 7.03125vw auto 0;
          }


          .freebuds6-container .sec15 .sec15-img h4 {
            font-size: 1.302083vw;
            line-height: 1.25;
            color: #927AD0;
            margin: 1.875vw 0 0.520833vw;
          }
          .freebuds6-container .sec15 .sec15-img span {
            font-size: 0.885417vw;
            line-height: 1.6;
            color: #5B5A5D;
          }
          .freebuds6-container .sec15 .sec15-img > div:first-child {
            margin-right: 3.958333vw;
          }
          @media (max-aspect-ratio: 11/10) {
            .freebuds6-container .sec15 {
              margin: 33.333333vw auto 0;
              width: 100%;
              overflow: hidden;
            }
            .freebuds6-container .sec15 .swiper-slide {
              width: 100%;
              border-radius: 2.777778vw;
              padding-bottom: 20.833333vw;
            }
            .freebuds6-container .sec15 .sec15-txt {
              padding: 12.5vw 10.277778vw 0;
              text-align: center;
            }
            .freebuds6-container .sec15 .sec15-txt h3 {
              font-size: 5.555556vw;
              color: #43336C;
            }
            .freebuds6-container .sec15 .sec15-txt p {
              font-size: 3.888889vw;
              color: #827C95;
              margin-top: 5.555556vw;
            }
            .freebuds6-container .sec15 .sec15-img {
              margin-top: 2.777778vw;
            }
            .freebuds6-container .sec15 .sec15-swiper-2 .sec15-img {
              margin-top: 16.666667vw;
            }
            .freebuds6-container .sec15 .sec15-swiper-2 .sec15-img > div {
              width: 27.777778vw;
            }
            .freebuds6-container .sec15 .sec15-swiper-1 .sec15-img {
              width: 33.333333vw;
              margin: 26.25vw auto 0;
          }


            .freebuds6-container .sec15 .sec15-img > div:first-child {
              margin-right: 13.333333vw;
            }
            .freebuds6-container .sec15 .sec15-img h4 {
              font-size: 3.888889vw;
              margin: 5vw 0 2.222222vw;
            }
            .freebuds6-container .sec15 .sec15-img span {
              font-size: 3.333333vw;
              color: #5B5A5D;
            }
            .freebuds6-container .sec15 .btn-disable {
              cursor: default;
              opacity: 0.3;
            }
            .freebuds6-container .sec15 .sec15-controller {
              display: flex;
              align-items: center;
              margin-top: 8.333333vw;
              justify-content: space-between;
              padding-left: 11.111111vw;
              padding-right: 8.888889vw;
            }
            .freebuds6-container .sec15 .sec15-scroll-bar {
              width: 30.555556vw;
              height: 2px;
              background-color: rgba(122, 122, 122, 0.3);
            }
            .freebuds6-container .sec15 .swiper-scrollbar-drag {
              background-color: #927AD0;
            }
            .freebuds6-container .sec15 .sec15-control-container {
              display: flex;
              justify-content: center;
              align-items: center;
            }
            .freebuds6-container .sec15 .sec15-prev-btn {
              cursor: pointer;
              display: flex;
              transition: opacity 0.3s ease;
              width: 11.111111vw;
              margin-right: 5.555556vw;
            }
            .freebuds6-container .sec15 .sec15-next-btn {
              cursor: pointer;
              display: flex;
              transition: opacity 0.3s ease;
              width: 11.111111vw;
            }
          }



        /* sec15 */







/* sec16 */
.freebuds6-container .sec16 {
    background-color: #000000;
    padding-top: 15.625vw;
    text-align: center;
    margin-top: 15.625vw;
  }
  .freebuds6-container .sec16 h2 {
    font-size: 5.208333vw;
    font-weight: bold;
  }
  .freebuds6-container .sec16-container{
    height: 200vh;
}
  .freebuds6-container .sec16 .sec16-tit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
  }
 
  .freebuds6-container .sec16-tit .sec16-icon h2 {
    background: linear-gradient(to left, #c3c0f7, #b5bfff);
    -webkit-background-clip: text;
    color: transparent;
    opacity: 0;
  }


  .freebuds6-container .sec16-sticky{
  height: auto;
  top: calc((100vh - 15.625vw) / 2);
  position: sticky;
  overflow: hidden;


}
.freebuds6-container .sec16-tit .sec16-icon {
  position: relative;
}

.freebuds6-container .screnn-content canvas{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}


  .freebuds6-container .sec16 .sec16-txt {
    width: 52.395833vw;
    margin: 0 auto 0;
  }
  .freebuds6-container .sec16 .sec16-txt p {
   margin-top: 0;
   color: #84818E;
  }
  .freebuds6-container .sec16 .sec16-video-box {
    width: 100%;
    margin: 4.166667vw auto 0;
    position: relative;
    border-radius: 0;
    overflow: hidden;
  }
  .freebuds6-container .sec16 .sec16-video-box .video-replay-btn {
    right: 2.083333vw;
    bottom: 2.083333vw;
  }
  .freebuds6-container .sec16 .sec16-tit .sec16-firstp {
    background: linear-gradient(to left, #B5BFFF, #FFC4D6);
    -webkit-background-clip: text;
    color: transparent;
    transform: translateX(-64vw);
  }
  .freebuds6-container .sec16 .sec16-tit .sec16-lastp {
    color: #B5BFFF;
    transform: translateX(50vw);
  }

  


  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec16 {
      padding-top: 41.666667vw;
      text-align: center;
      margin-top: 41.666667vw;
  }

    .freebuds6-container .sec16 h2 {
      font-size: 13.333333vw;
  }

  .freebuds6-container .sec16-sticky {
    top: calc((100vh - 41.666667vw) / 2);
}
.freebuds6-container .sec16 .sec16-txt {
  width: 74.111111vw;
  margin: 0 auto 0;
}
.freebuds6-container .sec16 .sec16-video-box {
  width: 100%;
  margin: 15.972222vw auto 0;
  position: relative;
  border-radius: 0;
  overflow: hidden;
}
.freebuds6-container .sec16 .sec16-tit .sec16-firstp {
  transform: translateX(-64vw);
  white-space: nowrap;
}
.freebuds6-container .sec16 .sec16-video-box .video-replay-btn {
  right: 5.555556vw;
  bottom: 5.555556vw;
}

  }

/* sec16 */


 
 /* sec20 */
 .freebuds6-container .sec20 {
    padding-top: 10.41666vw;
    text-align: center;
    overflow: hidden;
    background-color: #000000;
    /* background: linear-gradient(to bottom, #fafafa, #ffffff); */
  }
  .freebuds6-container .sec20 .sec20-txt h2{
    color: #fff;
  }

  .freebuds6-container .sec20 .sec20-txt > p{
    color: #84818E;
  }
  .freebuds6-container .sec20 .sec20-txt {
    width: 42.552083vw;
    margin: 0 auto;
  }
  .freebuds6-container .sec20 .sec20-swiper {
    overflow: hidden;
    border-radius: 1.041667vw;
    width: 67.5vw;
    margin: 3.958333vw auto 0;
    position: relative;
  }
  .freebuds6-container .sec20 .sec20-swiper .swiper-slide{
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0 100%);
}
.freebuds6-container .sec20 .sec20-swiper .swiper-slide:nth-of-type(2){
    position: relative !important;
}


  .freebuds6-container .sec20 .sec20-scrollbar-container {
    width: 25.78125vw;
    margin: 1.979167vw auto 0;
    position: relative;
  }
  .freebuds6-container .sec20 .sec20-scrollbar-container span {
    font-size: 1.145833vw;
    line-height: 1.25;
    font-weight: 500;
    color: rgba(212, 195, 255, 0.3);
    /* opacity: 0.5; */
    cursor: pointer;
  }
  .freebuds6-container .sec20 .sec20-scrollbar-txt {
    display: flex;
    justify-content: space-between;
  }
  .freebuds6-container .sec20 .sec20-scrollbar-container .sec20-scrollbar {
    height: 2px;
    margin-top: 1.041667vw;
    width: 100%;
    background-color: rgba(112, 112, 112, 0.3);
    box-sizing: border-box;
  }
  .freebuds6-container .sec20 .sec20-scrollbar-container .sec20-scrollbar > div {
    width: var(--indicator-width, 0);
    transform: translateX(var(--indicator-offset-x, 0));
    height: 2px;
    background-color: #D4C3FF;
    transition: 0.4s;
  }
  .freebuds6-container .sec20 .sec20-scrollbar-container .sec20-active {
    opacity: 1;
    color: #D4C3FF;
  }

  .freebuds6-container .sec20 .sec20-pop-video{
    position: absolute;
    cursor: pointer;
    width: 2.916667vw;
    right: 1.5625vw;
    bottom: 1.5625vw;
  }




  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec20 {
      padding-top: 33.333333vw;
    }
    .freebuds6-container .sec20 .sec20-txt {
      width: 77.777778vw;
      /* text-align: left; */
    }
    .freebuds6-container .sec20 .sec20-swiper {
      border-radius: 0;
      width: 100%;
      margin: 10.416667vw auto 0;
    }
    .freebuds6-container .sec20 .sec20-scrollbar-container {
      width: 77.777778vw;
      margin: 5.555556vw auto 0;
    }
    .freebuds6-container .sec20 .sec20-scrollbar-container .sec20-scrollbar-contX{
      will-change: transform;
      transition: transform 0.4s;
    }
    .freebuds6-container .sec20 .sec20-scrollbar-container[data-index="0"] .sec20-scrollbar-contX{
      transform: translateX(0);
    }
    .freebuds6-container .sec20 .sec20-scrollbar-container[data-index="1"] .sec20-scrollbar-contX{
      transform: translateX(-18.722vw);
      /* transform: translate(-20vw, 0); */
      
    }
    .freebuds6-container .sec20 .sec20-scrollbar-txt{
      width: 96.11vw;
    }
    .freebuds6-container .sec20 .sec20-scrollbar-container .sec20-scrollbar {
      margin-top: 2.777778vw;
    }
    .freebuds6-container .sec20 .sec20-scrollbar-container span {
      font-size: 4.444444vw;
    }
    .freebuds6-container .sec20 .sec20-pop-video{
      position: absolute;
      cursor: pointer;
      width: 11.111111vw;
      right: 5.555556vw;
      bottom: 5.555556vw;
    }
  
  }
  /* sec20 */




/* sec17 */

.freebuds6-container .sec17 {
    padding-top: 12.5vw;
    background-color: #000000;
  }
  .freebuds6-container .sec17 h2 {
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 auto;
  }
  .freebuds6-container .sec17 h3 {
    font-size: 2.08333vw;
    color: #fff;
    line-height: 1.25;
    font-weight: bold;
  }
  .freebuds6-container .sec17 p {
    font-size: 1.041667vw;
    margin-top: 1.5625vw;
    color: #84818E;
  }
  .freebuds6-container .sec17 .sec17-txt {
    padding: 2.0833vw 2.5vw 0;
  }

  .freebuds6-container .sec17 .sec17-content{
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .freebuds6-container .sec17 .sec17-container {
    width: 67.5vw;
    margin: 0 auto;
    /* overflow: hidden; */
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-top: 4.166667vw;
  }
  .freebuds6-container .sec17 .sec17-container .swiper-wrapper {
    width: 67.5vw;
    margin: 0 auto;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: stretch;  */
    height: auto;
  }
  .freebuds6-container .sec17 .sec17-item {
    width: 33.125vw;
    background-color: #17161A;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    border-radius: 1.041667vw;
    overflow: hidden;
  }
  .freebuds6-container .sec17 .sec17-item:not(:last-child) {
    margin-right: 1.302083vw;
  }
  .freebuds6-container .sec17 .sec17-img {
    margin-top: 2.9166vw;
    width: 100%;
  }
    .freebuds6-container .sec17 .sec17-controller {
      /* display: flex; */
      width: 67.5vw;
      margin: 0 auto;
      margin-top: 2.5vw;
      /* justify-content: flex-end; */
    }
    .freebuds6-container .sec17 .sec17-control-container {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .freebuds6-container .sec17 .sec17-prev-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 2.5vw;
      margin-right: 1.25vw;
    }
    .freebuds6-container .sec17 .sec17-next-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 2.5vw;
    }
    .freebuds6-container .sec17 .btn-disable {
      cursor: default;
      opacity: 0.3;
    }


  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec17 {
      padding-top: 33.333333vw;
      overflow: hidden;
    }
    .freebuds6-container .sec17 .sec17-container {
      width: 100%;
      margin-top: 11.111111vw;
    }
    .freebuds6-container .sec17 .sec17-container .swiper-wrapper {
      width: 100%;
      justify-content: left;
    }
    .freebuds6-container .sec17 .sec17-item {
      width: 100%;
      border-radius: 2.777778vw;
    }
    .freebuds6-container .sec17 .sec17-txt {
      padding: 5.972222vw 6.944444vw 0;
      text-align: center;
    }
    .freebuds6-container .sec17 h3 {
      font-size: 5.555556vw;
    }
    .freebuds6-container .sec17 p {
      font-size: 3.888889vw;
      margin-top: 5.555556vw;
    }
    .freebuds6-container .sec17 .sec17-img {
      margin-top: 6.944444vw;
    }
    .freebuds6-container .sec17 .btn-disable {
      cursor: default;
      opacity: 0.3;
    }
    .freebuds6-container .sec17 .sec17-controller {
      display: flex;
      align-items: center;
      margin-top: 8.333333vw;
      justify-content: space-between;
      padding-left: 11.111111vw;
      padding-right: 8.888889vw;
      width: 80%;
    }
    .freebuds6-container .sec17 .sec17-scroll-bar {
      width: 30.555556vw;
      height: 2px;
      background-color: rgba(122, 122, 122, 0.3);
    }
    .freebuds6-container .sec17 .swiper-scrollbar-drag {
      background-color: #927AD0;
    }
    .freebuds6-container .sec17 .sec17-control-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .freebuds6-container .sec17 .sec17-prev-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 11.111111vw;
      margin-right: 5.555556vw;
    }
    .freebuds6-container .sec17 .sec17-next-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 11.111111vw;
    }
   
  }

/* sec17 */






/* sec18 */
.freebuds6-container .sec18 {
    padding-top: 12.5vw;
    background-color: #000000;
  }
  .freebuds6-container .sec18 #iceland {
    overflow: hidden !important;
    position: relative;
  }
  .freebuds6-container .sec18 .section-themes {
    overflow: visible;
    margin: 0 auto;
    width: 66.666667vw;
  }
  .freebuds6-container .sec18 .section-themes .swiper {
    width: 36.40625vw;
    margin-left: 0;
  }
  .freebuds6-container .sec18 #iceland h2 {
    font-size: 3.333333vw;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6.25vw;
  }
  .freebuds6-container .sec18 #iceland h3 {
    font-size: 1.041667vw;
    line-height: 1.25;
    font-weight: 700;
    cursor: pointer;
    color: #8E8D92;
    opacity: 0.3;
    display: flex;
    align-items: center;
    color: #8E8D92;
  }
  .freebuds6-container .sec18 #iceland h3 img {
    width: 1.822917vw;
    height: 1.822917vw;
    margin-right: 0.520833vw;
    transition: opacity 0.6s;
  }
  .freebuds6-container .sec18 #iceland p {
    font-size: 0.9375vw;
    color: #84818E;
    margin-top: 0;
    margin-left: 2.34375vw;
    padding-top: 1.979167vw;
    transition: opacity 0.6s;
    opacity: 0;
  }
  .freebuds6-container .sec18 #iceland .section-themes .current .tabnav-title {
    color: #D4C3FF;
    opacity: 1;
    
  }
  .freebuds6-container #iceland *, #iceland *::before, #iceland *::after {
    box-sizing: border-box;
}
  .freebuds6-container .sec18 #iceland .section-themes .current .tabnav-title img {
    opacity: 1;
  }
  .freebuds6-container .sec18 #iceland .section-themes .current .tabnav-intro {
    opacity: 1;
  }
  .freebuds6-container .sec18 .overflow-visible {
    overflow: visible;
  }
  .freebuds6-container .sec18 #iceland section {
    position: relative;
  }
  .freebuds6-container .sec18 #iceland .section-themes .tabnav-container {
    position: relative;
  }
  .freebuds6-container .sec18 .section-themes .section-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .freebuds6-container .sec18 .section-themes .gallery-container {
    position: relative;
  }
  .freebuds6-container .sec18 .sec18-img-swiper .swiper-slide {
    background-color: #17161A;
    border-radius: 1.041667vw;
    overflow: hidden;
  }
  .freebuds6-container .sec18 .section-themes .tabnav-content {
    position: relative;
    flex-shrink: 0;
    width: 24.270833vw;
  }
  .freebuds6-container .sec18 .section-themes .tabnav-list {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 1.770833vw;
  }
  .freebuds6-container .sec18 .section-themes .tabnav-item + .tabnav-item {
    margin-top: 2.291667vw;
  }
  .freebuds6-container .sec18 .section-themes .collapsed .tabnav-collapse {
    overflow: hidden;
    height: 0;
  }
  .freebuds6-container .sec18 .section-themes .animating .tabnav-collapse {
    overflow: hidden;
    height: 0;
    transition: height 0.6s;
  }
  .freebuds6-container .sec18 .section-themes .tabnav-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
  }
  .freebuds6-container .sec18 .section-themes .indicator {
    width: 2px;
    height: var(--indicator-height, 0);
    transition: height 0.6s, transform 0.6s;
    transform: translateY(var(--indicator-offset-y, 0));
    background-color: #D4C3FF;
  }
  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec18 {
      margin-top: -1px;
      padding-top: 33.333333vw;
      overflow: hidden;
    }
    .freebuds6-container .sec18 > h2 {
      color: #fff;
      text-align: center;
    }
    .freebuds6-container .sec18 #iceland {
      margin-top: 11.111111vw;
    }
    .freebuds6-container .sec18 .section-themes .swiper {
      width: 100%;
    }
    .freebuds6-container .sec18-txt-swiper {
      width: 100%;
    }
    .freebuds6-container .sec18 #iceland .section-themes {
      overflow: hidden;
      width: 100%;
    }
    .freebuds6-container .sec18 #iceland .section-themes .section-content {
      display: block;
      margin-left: 0;
    }
    .freebuds6-container .sec18 #iceland .section-themes .tabnav-content {
      width: 100%;
      margin-top: 11.111111vw;
    }
    .freebuds6-container .sec18 #iceland .section-themes .tabnav-list {
      position: relative;
      padding-left: 0;
      flex-direction: row;
    }
    .freebuds6-container .sec18 #iceland div.swiper.overflow-visible {
      width: auto;
    }
    .freebuds6-container .sec18 #iceland .section-themes .tabnav-intro {
      position: relative;
      width: 100%;
      padding-top: 0;
      font-size: 3.888889vw;
      transition: opacity 0.4s;
      opacity: 1;
      margin-left: 0;
    }
    .freebuds6-container .sec18 .section-themes .collapsed .tabnav-collapse {
      overflow: hidden;
      height: auto;
    }
    .freebuds6-container .sec18 .section-themes .headline {
      padding-left: 0;
    }
    .freebuds6-container .sec18 .section-themes .gallery-container {
      width: 100%;
      padding-right: 0;
    }
    .freebuds6-container .sec18 .section-themes .gallery-container::before {
      display: none;
    }
    .freebuds6-container .sec18 .section-themes .tabnav-item {
      display: inline-block;
      padding-bottom: 0;
      border-top: 0 !important;
      padding-left: 5.555556vw;
      box-sizing: border-box;
    }
    .freebuds6-container .sec18 .section-themes .tabnav-item + .tabnav-item {
      margin-top: 0;
      margin-left: 0;
    }
    .freebuds6-container .sec18 #iceland h3 {
      color: #D4C3FF;
      padding-bottom: 4.444444vw;
      font-size: 5.555556vw;
      transition: opacity 0.4s;
      opacity: 1;
    }
    .freebuds6-container .sec18 #iceland h3 img {
      width: 8.333333vw;
      height: 8.333333vw;
      margin-right: 2.222222vw;
    }
    .freebuds6-container .sec18 .section-themes .tabnav-indicator {
      display: none;
    }
    .freebuds6-container .sec18 .section-themes .tabnav-intro {
      position: relative;
      width: 100%;
      padding-top: 0;
      font-size: 4.444444vw;
      transition: opacity 0.4s;
      opacity: 0;
    }
    .freebuds6-container .sec18 .section-themes .tabnav-intro.current {
      z-index: 1;
      opacity: 1;
    }
    .freebuds6-container .sec18 .btn-disable {
      cursor: default;
      opacity: 0.3;
    }
    .freebuds6-container .sec18 .sec18-controller {
      display: flex;
      align-items: center;
      margin-top: 8.333333vw;
      justify-content: space-between;
      padding-left: 11.111111vw;
      padding-right: 8.888889vw;
    }
    .freebuds6-container .sec18 .sec18-scroll-bar {
      width: 30.555556vw;
      height: 2px;
      background-color: rgba(122, 122, 122, 0.3);
    }
    .freebuds6-container .sec18 .swiper-scrollbar-drag {
      background-color: #927AD0;
    }
    .freebuds6-container .sec18 .sec18-control-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .freebuds6-container .sec18 .sec18-prev-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 11.111111vw;
      margin-right: 5.555556vw;
    }
    .freebuds6-container .sec18 .sec18-next-btn {
      cursor: pointer;
      display: flex;
      transition: opacity 0.3s ease;
      width: 11.111111vw;
    }
  }

  @media (min-width:799px) and (max-width:800px){
    .freebuds6-container .sec18 .section-themes .tabnav-content {
      width: 26.270833vw;
  }
  }

/* sec18 */







/* sec19 */
.freebuds6-container .sec19 {
    background-color: #000000;
    padding-top: 12.5vw;
  }
  .freebuds6-container .sec19 h3 {
    font-size: 2.5vw;
    line-height: 1.25;
    color: #fff;
    font-weight: bold;
  }
  .freebuds6-container .sec19 p {
    font-size: 1.041667vw;
    color: #84818E;
    margin-top: 1.40625vw;
  }
  .freebuds6-container .sec19 .swiper-slide {
    background-color: #17161A;
    border-radius: 1.041667vw;
    overflow: hidden;
    height: auto;
    width: 28.645833vw;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
  .freebuds6-container .sec19 .sec19-txt {
    padding: 2.864583vw 2.5vw 0;
  }
 
  .freebuds6-container .sec19 .swiper-wrapper {
    display: flex;
    align-items: stretch;
    height: auto;
  }
  .freebuds6-container .sec19 .sec19-img {
    margin-top: 3.125vw;
  }
  .freebuds6-container .sec19 .btn-disable {
    cursor: default;
    opacity: 0.3;
  }
  .freebuds6-container .sec19 .sec19-controller {
    display: flex;
    justify-content: flex-end;
    margin-right: 16.5vw;
    margin-top: 2.760417vw;
  }
  .freebuds6-container .sec19 .arrownav-list .arrownav-item {
    position: relative;
    overflow: hidden;
    width: 2.5vw;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 100%;
  }
  .freebuds6-container .sec19 .sec19-prev-btn {
    cursor: pointer;
    display: flex;
    transition: opacity 0.3s ease;
    width: 2.5vw;
    margin-right: 1.25vw;
  }
  .freebuds6-container .sec19 .sec19-next-btn {
    cursor: pointer;
    display: flex;
    transition: opacity 0.3s ease;
    width: 2.5vw;
  }
  .freebuds6-container .sec19-control-container {
    display: flex;
  }
  @media (max-aspect-ratio: 11/10) {
    .freebuds6-container .sec19 {
      margin-top: -1px;
      padding-top: 33.333333vw;
    }
    .freebuds6-container .sec19 .swiper-slide {
      border-radius: 2.777778vw;
      text-align: center;
    }
    .freebuds6-container .sec19 .sec19-txt {
      padding: 5.972222vw 11.111111vw 0;
    }
    .freebuds6-container .sec19 h3 {
      font-size: 5.555556vw;
    }
    .freebuds6-container .sec19 p {
      font-size: 3.888889vw;
      margin-top: 4.861111vw;
    }
    .freebuds6-container .sec19 .sec19-controller {
      display: flex;
      align-items: center;
      margin-top: 8.333333vw;
      justify-content: space-between;
      padding-left: 11.111111vw;
      padding-right: 8.888889vw;
      margin-right: 0;
    }
    .freebuds6-container .sec19 .sec19-scroll-bar {
      width: 30.555556vw;
      height: 2px;
      background-color: rgba(122, 122, 122, 0.3);
    }
    .freebuds6-container .sec19 .swiper-scrollbar-drag {
      background-color: #927AD0;
    }
    .freebuds6-container .sec19 .sec19-control-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .freebuds6-container .sec19 .sec19-prev-btn {
      width: 11.111111vw;
      margin-right: 5.555556vw;
    }
    .freebuds6-container .sec19 .sec19-next-btn {
      width: 11.111111vw;
    }
    .freebuds6-container .sec19 .sec19-img {
      margin-top: 6.944444vw;
  }
  }
/* sec19 */
















/* disclaimer */
.freebuds6-container sup {
    font-size: .6em;
    cursor: pointer;
}

.freebuds6-container .section-disclaimer {
    background-color: #000000;
    padding-top: 15.625vw;
    padding-bottom: 15.625vw;
}
.freebuds6-container .section-disclaimer .disclaimer-link {
  color: #1b69fd;
  text-decoration: none;
  word-break: break-all;
}

.freebuds6-container .disclaimer-container{
    color: #88888B;
    font-size: 12px;
    margin: 0 auto;
    width: 81.25%;
    overflow: hidden;
}
.freebuds6-container .disclaimer-container ol{
    list-style-type: decimal;
    padding-left: 2em;
}
.freebuds6-container .disclaimer-container li{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.6em;
}
.freebuds6-container .disclaimer-container .price{
    list-style: none;
    position: relative;
}
.freebuds6-container .disclaimer-container .price::before{
    content: "*";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%);
}
.freebuds6-container .disclaimer-container .no-num{
    list-style: none;
}
.freebuds6-container .disclaimer-container .other{
    list-style: none;
    position: relative;
}
.freebuds6-container .disclaimer-container .other::before{
    content: "**";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%);
}
.freebuds6-container .disclaimer-container .more-discalimer{
    list-style: none;
    margin-top: 2vw;
}
.freebuds6-container .disclaimer-container .active{
    color: #FFFFFF;
    opacity: 1;
}
.freebuds6-container .disclaimer-tips-container{
    margin-bottom: 2.08vw;
}
@media (min-width: 1920px){
    .freebuds6-container .disclaimer-container{
        font-size: .625vw;
    }
}

@media (max-aspect-ratio: 11 / 10) {
    .freebuds6-container .disclaimer-container {
        font-size: 3.333333vw;
        width: 87.5%;
        padding-top: 0;
        padding-bottom: 8.33%;
    }
    .freebuds6-container .section-disclaimer {
        padding-top: 41.666667vw;
        padding-bottom: 41.666667vw;
    }
}



/* disclaimer */




/* common-popup */

.freebuds6-container .common-popup-container {
  overflow: auto;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(233, 226, 246, 0.4);
  transform: translateZ(0);
  transition: opacity .3s cubic-bezier(0,0,0.5,1);
}


.freebuds6-container .common-popup-content-container {
  padding-top: 2.760417vw;
  padding-bottom: 1%;
  width: 80.364583vw;
  transform: translateY(100vh);
  transition: transform .6s cubic-bezier(0,0,0.5,1);
}
.freebuds6-container .common-popup-container.popup-open {
  display: flex;
  z-index: 999;
  opacity: 1;
}

.freebuds6-container .common-popup-container.popup-open .common-popup-content-container {
  transform: translateY(0);
}

.freebuds6-container .common-popup-content-wrapper {
  background-color: rgb(255 255 255 / 70%);
  backdrop-filter: blur(2vw);
  border-radius: 0;
  padding: 3.020833vw 0 13.020833vw;
  will-change: transform;
  -webkit-backdrop-filter: blur(2vw);
}
.freebuds6-container .common-popup-close-btn-container {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  top: 3.020833vw;
  margin-right: 2.291667vw;
  z-index: 5;
}
.freebuds6-container .common-popup-close-btn{
  width: 3.177083vw;
  cursor: pointer;
}
.freebuds6-container .skincare-function-container {
  padding-top: 0;
}
.freebuds6-container .skincare-function-item {
  width: 100%;
}
.freebuds6-container .skincare-function-item .skincare-function-image{
  width: 33.645833vw;
  margin: 0 auto;
  position: relative;
}
.freebuds6-container .skincare-function-item .skincare-function-image span{
 font-size: 1.5625vw;
 line-height: 1.6;
 color: #43336C;
 position: absolute;
 right: 0;
}
.freebuds6-container .skincare-function-item .skincare-function-image span:nth-child(2){
 top: 6vw;
 }
 .freebuds6-container .skincare-function-item .skincare-function-image span:nth-child(3){
  top: 14vw;
  }
 
  .freebuds6-container .skincare-function-item .skincare-function-image span:nth-child(4){
    top: 21vw;
    }
   

.freebuds6-container .skincare-function-item p{
  font-size: 1.041667vw;
  line-height: 1.6;
  width: 33.645833vw;
  margin: 5.208333vw auto 0;
  text-align: center;
}

@media (max-aspect-ratio: 11 / 10) {
  .freebuds6-container .common-popup-content-container {
    padding-top: 16.25vw;
    padding-bottom: 5vw;
    width: 93.333333vw;
}
.freebuds6-container .common-popup-content-wrapper {
  padding: 5.833333vw 0 10.416667vw;
  min-height: 80vh;
  display: flex;
        align-items: center;
        justify-content: center;
        
}
.freebuds6-container .common-popup-close-btn-container {
  position: absolute;
  right: 5.555556vw;
  top: 5.555556vw;
}
.freebuds6-container .common-popup-close-btn {
  width: 9.722222vw;
}
.freebuds6-container .skincare-function-container {
  padding-top: 3.055556vw;
}
.freebuds6-container .skincare-function-item .skincare-function-image {
  width: 60.416667vw;
}
.freebuds6-container .skincare-function-item p{
  font-size: 3.888889vw;
  width: 68.055556vw;
  margin: 13.888889vw auto 0;
}
.freebuds6-container .skincare-function-item .skincare-function-image span{
  font-size: 3.333333vw;
 }
 .freebuds6-container .skincare-function-item .skincare-function-image span:nth-child(2){
  top: 10vw;
  }
  .freebuds6-container .skincare-function-item .skincare-function-image span:nth-child(3){
   top: 24vw;
   }
  
   .freebuds6-container .skincare-function-item .skincare-function-image span:nth-child(4){
     top: 36vw;
     }

}
/* common-popup */