/* #region MARK: General  */
#features .ace3 .nowrap {
  text-wrap: nowrap;
}

#features .ace3 a {
  transition: none;
  border: none;
}

section#features .ace3 .breakout>.container-fluid,
section#features .ace3 .breakout>.container,
section#features .ace3 .row.breakout>div[class*="col"] {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width:768px) {
  #features .ace3 .product-info-row {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

#features .ace3 .flex-valign-middle {
  margin-left: 0;
  margin-right: 0;
}

/* header and p */
#features .ace3 .feature-subheader {
  margin-top: 0;
  margin-bottom: .4em;
}

#features .ace3 .feature-subheader.gradient {
  font-size: clamp(26px, 2.9vw, 60px);
  line-height: 1.13;
  letter-spacing: -0.025em;
  font-weight: 400;
}

#features .ace3 .feature-subheader.col_header {
  font-size: clamp(26px, 2.9vw, 60px);
}

#features .ace3 .feature-subheader.gradient,
#features .ace3 .feature-subheader.gradient sup {
  color: #5b558a;
}

#features .ace3 .feature-subheader.gradient-dark {
  color: #8580af;
}

#features .ace3 p {
  margin-top: 0;
  letter-spacing: 0.03em;
}

#features .ace3 .product-info-container-light p,
#features .ace3 .product-info-container-dark p {
  color: #cccccc;
  font-size: clamp(16px, 1.5vw, 22px);
  line-height: 1.36;
  font-weight: 300;
}

#features .ace3 .product-info-container-dark p strong {
  color: #cccccc;
}

#features .ace3 .product-info-container-light p {
  color: #000;
}

#features .ace3 .product-info-container-dark p {
  color: #9fa1a8;
}

#features .ace3 .product-info-container-light strong,
#features .ace3 .product-info-container-light b,
#features .ace3 .product-info-container-dark strong,
#features .ace3 .product-info-container-dark b {
  font-weight: 500;
}

#features .ace3 .product-info-container-light p.footnote,
#features .ace3 .product-info-container-dark p.footnote {
  font-size: 12px;
  letter-spacing: 0.06em;
}

#features .ace3 p sup {
  font-size: .5em;
  top: -0.8em;
}

@media screen and (max-width:768px) {

  section#features .ace3 .text-center .feature-subheader,
  section#features .ace3 .text-center p {
    text-align: center;
  }
}

#features .ace3 .section_expand.product-info-container-light p,
#features .ace3 .section_expand.product-info-container-dark p {
  font-size: clamp(13px, 1.5vw, 16px);
}

#features .ace3 .section_expand .close {
  display: none !important;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: calc(50% - 15px);
  right: auto;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_expand .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }

  #features .ace3 .section_expand .product-info-row {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  #features .ace3 .section_expand p:last-of-type {
    margin-bottom: 0;
  }
}

/* toggle btn */
#features .ace3 .wrapper_button {
  margin-top: 10px;
}

@media screen and (min-width:768px) {
  #features .ace3 .wrapper_button {
    margin-top: 30px;
  }
}

#features .ace3 .btn_url {
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  padding: 15px 30px;
  line-height: 1.1;
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: clamp(12px, 3vw, 16px);
  letter-spacing: 0.05em;
  font-weight: 400;
  border-radius: 24px;
}

#features .ace3 .btn_url.bg_grey {
  background: #5d5d5d;
}

#features .ace3 .btn_url.border_white {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

#features .ace3 .btn_expand {
  color: #000;
  border: 1px solid #000;
  padding: 15px 50px 15px 30px;
  line-height: 1.1;
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: clamp(12px, 3vw, 16px);
  letter-spacing: 0.05em;
  font-weight: 400;
  border-radius: 24px;
}

#features .ace3 .product-info-container-dark .btn_expand {
  color: #fff;
  border: 1px solid #fff;
}

#features .ace3 .btn_expand:before {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 1px solid #fff;
  right: 24px;
  width: 10px;
  height: 1px;
  font-size: 10px;
  line-height: 1;
  display: block;
}

#features .ace3 .btn_expand:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 1px solid #fff;
  right: 24px;
  width: 10px;
  height: 1px;
  transform: rotate(90deg);
  font-size: 10px;
  line-height: 1;
  display: block;
}

#features .ace3 .btn_expand.minus:after {
  display: none;
}

/* content */
#features .section-header-wrapper {
  display: none;
}

#features .ace3 .bg_1 {
  background: linear-gradient(180deg, #000 60%, #dddceb 100%);
  margin-top: -2px;
}

#features .ace3 .bg_2 {
  position: relative;
  margin-top: -1px;
  background-color: #000;
}

#features .ace3 .bg_2:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(990px + (880 - 990) * ((100vw - 320px) / (425 - 320)));
  width: 100%;
  height: 100%;
  display: block;
  margin-top: -1px;
  background-image: url('/inline/products/24332/img/mobile/background-02-mobile.jpg'), linear-gradient(180deg, #000 10%, #748599 11%);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#features .ace3 .bg_3 {
  position: relative;
  margin-top: -1px;
  z-index: 1;
  background: url('/inline/products/24332/img/mobile/background-03-mobile.jpg'), linear-gradient(180deg, #D4D4E0 10%, #000 11%);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#features .ace3 .bg_4 {
  margin-top: -1px;
  background: url('/inline/products/24332/img/mobile/sxfi-background-mobile.jpg'), linear-gradient(180deg, #000 10%, #fff 11%);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width:426px) {
  #features .ace3 .bg_2:before {
    top: calc(880px + (600 - 880) * ((100vw - 426px) / (767 - 426)));
  }
}

@media screen and (min-width:768px) {
  #features .ace3 .bg_1 {
    /* background:#000000 url('/inline/products/24332/img/background-01.jpg') no-repeat bottom; */
    background: linear-gradient(180deg, #000 15%, #dddceb 20%, #dddceb 80%, #000 92%);
    background-size: cover;
  }

  #features .ace3 .bg_3 {
    background: url('/inline/products/24332/img/background-03.jpg'), linear-gradient(180deg, #748599 10%, #000 11%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .bg_2 {
    background-image: url('/inline/products/24332/img/background-02.jpg'), linear-gradient(180deg, #000 25%, #748599 30%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  #features .ace3 .bg_2:before {
    display: none;
  }

  #features .ace3 .bg_4 {
    background: url('/inline/products/24332/img/sxfi-background.jpg'), linear-gradient(180deg, #000 10%, #fff 11%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

@media screen and (min-width:2000px) {
  #features .ace3 .bg_2 {
    background-image: url('/inline/products/24332/img/background-02-big-screen.jpg'), linear-gradient(180deg, #000 10%, #748599 11%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  #features .ace3 .bg_4 {
    background: url('/inline/products/24332/img/sxfi-background-big-screen.jpg?crop=(0,0,2560,1650)'), linear-gradient(180deg, #000 10%, #fff 11%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

/* #endregion General */

/* #region MARK: section dynamic */
#features .ace3 .section_dynamic {
  padding-left: 15px;
  padding-right: 15px;
  background: #EBE9F4;
}

#features .ace3 .section_dynamic .container-fluid {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
}

#features .ace3 .section_dynamic.col1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

#features .ace3 .section_dynamic .video_container {
  display: none;
}

section#features .ace3 .section_dynamic.feature-subheader {
  text-align: center;
}

.ace3 .section_dynamic video {
  border-radius: 40px;
  width: 100%;
  height: auto;
}

section#features .ace3 .section_dynamic p {
  text-align: center;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_dynamic {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ace3 .section_dynamic video {
    border-radius: 60px;
  }

  #features .ace3 .section_dynamic.wrapper_icon .icon img {
    width: 80%;
  }

  #features .ace3 .section_dynamic .video_container {
    justify-content: center;
  }
}

@media screen and (min-width:992px) {
  #features .ace3 .section_dynamic .video_container {
    display: flex;
  }

  #features .ace3 .section_dynamic .txt_container video {
    display: none !important;
  }

  #features .ace3 .section_dynamic .txt_container {
    left: 5%;
  }

  .ace3 .section_dynamic .row {
    display: flex;
    align-items: center;
  }

  .ace3 .section_dynamic .txt_dualdriver,
  .ace3 .section_dynamic .txt_solid,
  .ace3 .section_dynamic .txt_dynamic {
    display: block !important;
  }

  .ace3 .section_dynamic .txt_dualdriver {
    top: 0;
    position: relative;
  }

  .ace3 .section_dynamic .txt_solid,
  .ace3 .section_dynamic .txt_dynamic {
    top: 300px;
    position: absolute;
    opacity: 0;
    margin-top: 1.1em;
  }

  .ace3 .section_dynamic.tiltvideo_enter .dualdriver_desktop {
    display: none;
  }

  .ace3 .section_dynamic.tiltvideo_enter_2 .dualdriver_desktop,
  .ace3 .section_dynamic.tiltvideo_enter_2 .dynamic_desktop {
    display: none;
  }

  .ace3 .section_dynamic.tiltvideo_enter_2 .solid_desktop {
    display: block;
  }

  .ace3 .section_dynamic .dynamic_desktop,
  .ace3 .section_dynamic .solid_desktop {
    display: none;
  }

  .ace3 .section_dynamic.tiltvideo_enter_3 .dualdriver_desktop,
  .ace3 .section_dynamic.tiltvideo_enter_3 .solid_desktop {
    display: none;
  }

  .ace3 .section_dynamic.tiltvideo_enter_3 .dynamic_desktop {
    display: block;
  }

  section#features .ace3 .section_dynamic p {
    text-align: left;
  }
}


@media screen and (min-width:1200px) {
  #features .ace3 .section_dynamic {
    padding-left: 60px;
    padding-right: 60px;
  }

  #features .ace3 .section_dynamic.container-fluid {
    width: 94%;
  }

  #features .ace3 .section_dynamic.row {
    margin-top: 100px;
  }

  #features .ace3 .section_dynamic.col2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  section#features .ace3 .section_dynamic.feature-subheader {
    text-align: left;
  }

  #features .ace3 .section_dynamic.wrapper_icon {
    gap: 40px;
  }

  #features .ace3 .section_dynamic.wrapper_icon .icon {
    flex-direction: row;
    width: calc(50% - 20px);
  }

  #features .ace3 .section_dynamic.wrapper_icon .icon .img {
    width: 30%;
    margin-bottom: 0;
  }

  #features .ace3 .section_dynamic.wrapper_icon .icon .txt {
    justify-content: flex-start;
    width: 70%;
  }

  section#features .ace3 .section_dynamicp {
    text-align: left;
  }

  #features .ace3 .section_dynamicp:last-of-type {
    margin-bottom: 0;
  }

  #features .ace3 .section_dynamic .video_container {
    justify-content: right;
  }

  #features .ace3 .section_dynamic .txt_container {
    padding: 60px;
    left: 5%;
  }

  .ace3 .section_dynamic video {
    border-radius: 60px;
    height: auto;
  }

  .ace3 .section_dynamic .txt_solid,
  .ace3 .section_dynamic .txt_dynamic {
    top: 1050px;
    margin-top: 5.1em;
  }

}

@media screen and (min-width:1920px) {
  #features .ace3 .section_dynamic.container-fluid {
    width: 72%;
  }
}

@media screen and (max-width:991px) {

  #features .ace3 .section_dynamic .txt_container,
  #features .ace3 .section_dynamic h4.feature-subheader {
    text-align: center;
  }

  #features .ace3 .section_dynamic .txt_solid,
  #features .ace3 .section_dynamic .txt_dynamic {
    opacity: 1 !important;
  }

  #features .ace3 .section_dynamic .txt_dualdriver,
  #features .ace3 .section_dynamic .txt_solid {
    margin-bottom: 50px;
  }
}

/* #endregion section dynamic */

/* #region MARK: section tailored */

#features .ace3 .section_tailored {
  background: #EBE9F4;
  background-size: cover;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_tailored {
    background: #000000 url('/inline/products/24455/img/overview.jpg') no-repeat top center;
    background-size: cover;
    padding-bottom: calc(100vw / 2560 * 1330);
    padding-left: 30px;
    padding-right: 30px;
  }

  #features .ace3 .section_tailored p:last-of-type {
    max-width: 1000px;
    margin: auto;
  }
}

@media screen and (min-width:1600px) {
  #features .ace3 .section_tailored {
    min-height: calc(100vw / 2560 * 1331);
    padding-bottom: 0;
  }

  #features .ace3 .section_tailored p:last-of-type {
    max-width: 1000px;
    margin: auto;
  }
}

@media screen and (max-width:767px) {

  #features .ace3 .section_tailored {
    padding-top: calc(100vw / 1000 * 832);
    background-image: url('/inline/products/24455/img/mobile/overview-mobile.jpg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

/* #endregion section tailored */


/* #region MARK: section audio */


#features .ace3 .section_audio {
  background: #EBE9F4 url('/inline/products/24455/img/mobile/high-quality-audio-mobile.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  padding-bottom: calc(100vw / 1000 * 832);
  padding-left: 15px;
  padding-right: 15px;
}

#features .ace3 .section_audio.container-fluid {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
}

#features .ace3 .section_audio .col1:nth-of-type(1) {
  margin-bottom: 30px;
}

#features .ace3 .section_audio.feature-subheader {
  text-align: center;
}

#features .ace3 .section_audio .footnote {
  font-size: 14px;
  letter-spacing: 0.06em;
}

#features .ace3 .section_audio .icon-group {
  margin-top: 30px;
}

#features .ace3 .section_audio .icon-group img {
  width: calc(100% / 3 - 5px);
  height: auto;
}

#features .ace3 .section_audio .glass-info-box {
  background-color: #ffffff99;
  border-radius: 40px;
  padding: 35px 30px;
  max-width: 800px;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_audio {
    background: #EBE9F4 url('/inline/products/24455/img/high-quality-audio.jpg') no-repeat top center;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: calc(85vw / 1000 * 832);
    background-size: 100% auto;
    background-position: bottom;
  }

  #features .ace3 .section_audio .row {
    margin-bottom: 0;
  }

  #features .ace3 .section_audio .col1,
  #features .ace3 .section_audio .col2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  #features .ace3 .section_audio .col1:nth-of-type(1) {
    margin-bottom: 60px;
  }

  #features .ace3 .section_audio .glass-info-box {
    border-radius: 60px;
    padding: 45px 60px;
    margin-top: 30px;
  }

  #features .ace3 .section_audio .col2 {
    margin-top: 0;
  }

  #features .ace3 .section_audio .col1 .glass-info-box {
    margin-bottom: 30px;
  }

  #features .ace3 .section_audio .col2 .glass-info-box {
    margin-bottom: 30px;
  }


  #features .ace3 .section_audio .icon-group {
    text-align: center;
    /* gap: clamp(15px, 1.3vw, 30px); */
  }

  #features .ace3 .section_audio .icon-group img {
    width: auto;
    height: 30px;
    margin-right: 10px;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_audio {
    background-size: cover;
    min-height: calc(100vw / 2560 * 1875);
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 0;
  }

  #features .ace3 .section_audio.container-fluid {
    width: 94%;
  }

  #features .ace3 .section_audio .row {
    margin-top: 100px;
  }

  #features .ace3 .section_audio.col2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #features .ace3 .section_audio .glass-info-box {
    margin-top: 60px;
  }

  #features .ace3 .section_audio .col1 .glass-info-box,
  #features .ace3 .section_audio .col2 .glass-info-box {
    margin-bottom: 60px;
  }

  section#features .ace3 .section_audio.feature-subheader {
    text-align: center;
  }

  #features .ace3 .section_audio .glass-info-box p {
    text-align: left;
  }

  #features .ace3 .section_audio p:last-of-type {
    margin-bottom: 0;
  }

  #features .ace3 .section_audio .icon-group {
    text-align: left;
  }

  #features .ace3 .section_audio .icon-group img {
    height: clamp(20px, 1.7vw, 45px);
    margin-right: 8px;
  }
}

@media screen and (min-width:1600px) {
  #features .ace3 .section_audio .glass-info-box {
    margin-top: 120px;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_audio.container-fluid {
    width: 72%;
  }
}

/* #endregion section audio */

/* #region MARK: personalaudio */

#features .ace3 .section_personalaudio {
  background: transparent;
  background-size: cover;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_personalaudio {
    /* background:#000000 url('/inline/products/24455/img/overview.jpg') no-repeat top center; */
    /* background-size:cover;
    min-height: calc(100vw / 2560 * 1331); */
    padding-left: 30px;
    padding-right: 30px;
  }

  #features .ace3 .section_personalaudio p:last-of-type {
    max-width: 1000px;
    margin: auto;
  }
}

/* #endregion personal audio */

/* #region MARK: unique1 */
#features .ace3 .section_unique1 {
  margin-top: -1px;
  position: relative;
  /* background:#000; */
  padding-left: 15px;
  padding-right: 15px;
}

#features .ace3 .section_unique1 .container-fluid {
  background: url("/inline/products/24455/img/mobile/mimi-sound-mobile.jpg") no-repeat bottom, linear-gradient(180deg, #0c1522 15%, #0c1620 66%);
  background-size: 100% auto;
  padding-bottom: calc(100vw * 886 / 934);
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  border-radius: 40px;
  margin-bottom: 30px;
}

#features .ace3 .section_unique1 .txt {
  padding: 50px 30px 30px;
}

section#features .ace3 .section_unique1 .feature-subheader,
section#features .ace3 .section_unique1 p {
  text-align: center;
}

#features .ace3 .section_unique1 .txt p:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_unique1 {
    padding-left: 30px;
    padding-top: 60px;
    padding-right: 30px;
    padding-bottom: 60px;
  }

  #features .ace3 .section_unique1 .container-fluid {
    background: linear-gradient(to right, #0D1723 20%, #ffffff00 50%), #0C1013 url(/inline/products/24455/img/mimi-sound.jpg) no-repeat right;
    background-size: auto 100%;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  #features .ace3 .section_unique1 .row {
    min-height: calc(70vw / 1820 * 930);
  }

  #features .ace3 .section_unique1 .txt {
    left: 2%;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  section#features .ace3 .section_unique1 .feature-subheader,
  section#features .ace3 .section_unique1 p {
    text-align: left;
  }
}

@media screen and (min-width:992px) {
  #features .ace3 .section_unique1 .txt {
    left: 5%;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_unique1 {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 0;
    padding-top: 0;
    top: -18px;
  }

  #features .ace3 .section_unique1 .container-fluid {
    background-size: cover;
    width: 94%;
    border-radius: 82px;
    background-size: auto 100%;
  }


  #features .ace3 .section_unique1 .txt {
    padding: 60px;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_unique1 .container-fluid {
    width: 72%;
  }

  #features .ace3 .section_unique1 .row {
    min-height: 30vw;
  }
}

@media screen and (min-width:2560px) {
  #features .ace3 .section_unique1 .row {
    min-height: 768px;
  }
}

/* #endregion unique1 */

/* #region MARK: unique2 */
#features .ace3 .section_unique2 {
  margin-top: -1px;
  position: relative;
  /* background:#000; */
  padding-left: 15px;
  padding-right: 15px;
}

#features .ace3 .section_unique2 .container-fluid {
  margin: 0 auto;
  border-radius: 40px;
  background: #090C11;
  margin-bottom: 30px;
}

#features .ace3 .section_unique2 .txt {
  padding: 50px 30px 30px;
}

section#features .ace3 .section_unique2 .feature-subheader,
section#features .ace3 .section_unique2 p {
  text-align: center;
}

#features .ace3 .section_unique2 .btn_creativeapp {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

#features .ace3 .section_unique2 .btn_creativeapp a,
#features .ace3 .section_unique2 .btn_creativeapp img {
  display: block;
}

#features .ace3 .section_unique2 .btn_creativeapp img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 166px;
}

#features .ace3 .section_unique2 .app_container {
  position: relative;
  margin: 0 auto;
  min-height: 500px;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_unique2 {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
  }

  #features .ace3 .section_unique2 .container-fluid {
    background-size: auto 350px;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  #features .ace3 .section_unique2 .row {
    min-height: calc(70vw / 1820 * 930);
  }

  #features .ace3 .section_unique2 .txt {
    padding: 30px 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #features .ace3 .section_unique2 .txt:nth-of-type(1) {
    padding-top: 50px;
  }

  #features .ace3 .section_unique2 .app_container {
    min-height: 460px;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_unique2 {
    padding: 0 60px 60px 60px;
    padding-bottom: 0;
  }

  #features .ace3 .section_unique2 .container-fluid {
    width: 94%;
    border-radius: 82px;
    background-size: auto 100%;
    max-width: 1820px;
  }

  section#features .ace3 .section_unique2 .feature-subheader,
  section#features .ace3 .section_unique2 p {
    text-align: left;
  }


  #features .ace3 .section_unique2 .txt:nth-of-type(1) {
    left: 5%;
  }

  #features .ace3 .section_unique2 .btn_creativeapp {
    gap: 20px;
    justify-content: left;
  }

  #features .ace3 .section_unique2 .txt {
    padding: 60px;
  }
}


/* #region MARK: unique2 scroll magic */
@media screen and (min-width:1200px) {
  #ace3_trigger2 {
    margin-bottom: 60px;
  }

  #ace3_trigger2 .sticky-sections-wrapper {
    position: relative;
    background: linear-gradient(0deg, #dddceb 0%, #000 68%);
    transition: background-color 1s ease-in-out;
    min-height: 580px;
    max-height: 768px;
    padding-top: 20px !important;
  }

  /* General section styles */
  #ace3_trigger2 .section_unique1,
  #ace3_trigger2 .section_unique2 {
    transition: opacity 0.8s ease;
    will-change: opacity;
    display: flex;
    align-items: center;
    transition: opacity 1s ease-in-out;
  }


  #ace3_trigger2 .section_unique2.is-active {
    /* transform: translateY(30px); */
    /* padding-top: 20px; */
    /* padding-bottom: 60px; */
  }

  /* First section visible by default */
  #ace3_trigger2 .section_unique1 {
    opacity: 1;
  }

  /* Common styles for active sections */
  #ace3_trigger2 .is-active {
    z-index: 2;
  }

  /* Individual section animations */
  #ace3_trigger2 .section_unique1 .txt {
    transform: translateY(0px);
    transition: transform 0.5s ease, opacity 0.5s ease;
  }

  #ace3_trigger2 .section_unique1.is-active .txt {
    transform: translateY(0);
  }

  #ace3_trigger2 .section_unique2 .txt h4,
  #ace3_trigger2 .section_unique2 .txt p,
  #ace3_trigger2 .section_unique2 .btn_creativeapp {
    transform: translateY(30px);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }

  #ace3_trigger2 .section_unique2 .app_container {
    transform: scale(0.9);
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease;
  }

  #ace3_trigger2 .section_unique2.is-active .txt h4,
  #ace3_trigger2 .section_unique2.is-active .txt p,
  #ace3_trigger2 .section_unique2.is-active .btn_creativeapp {
    transform: translateY(0);
    opacity: 1;
  }

  #ace3_trigger2 .section_unique2.is-active .app_container {
    transform: scale(1);
    opacity: 1;
  }

  #ace3_trigger2 {
    margin-bottom: 60px;
  }
}

@media screen and (min-width:1600px) {
  #features .ace3 .section_unique1 {
    top: -20px;
  }

  #ace3_trigger2 .sticky-sections-wrapper {
    /* height: calc(100vw / 1692 * 688); */
    max-height: 680px;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_unique2 .container-fluid {
    width: 72%;
  }

  #features .ace3 .section_unique2 .row {
    min-height: 768px;
  }

  #ace3_trigger2 .sticky-sections-wrapper {
    height: 768px;
    max-height: 768px;
  }
}

@media screen and (min-width:2560px) {
  #features .ace3 .section_unique1 .row {
    min-height: 768px;
  }
}

/* #endregion unique2 */

/* #region MARK: unique3 */
#features .ace3 .section_unique3 {
  margin-top: -1px;
  position: relative;
  /* background:#000; */
  padding-left: 15px;
  padding-right: 15px;
}

#features .ace3 .section_unique3 .container-fluid {
  background: #fff url("/inline/products/24455/img/mobile/wear-detect-mobile.jpg") no-repeat bottom;
  background-size: 100% auto;
  padding-bottom: calc(100vw * 886 / 934);
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  border-radius: 40px;
  margin-bottom: 30px;
}

#features .ace3 .section_unique3 .txt {
  padding: 50px 30px 30px;
}

section#features .ace3 .section_unique3 .feature-subheader,
section#features .ace3 .section_unique3 p {
  text-align: center;
}

#features .ace3 .section_unique3 .txt p:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_unique3 {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
  }

  #features .ace3 .section_unique3 .container-fluid {
    background: #F5F5F5 url('/inline/products/24455/img/wear-detect.jpg') no-repeat left;
    background-size: auto 420px;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  #features .ace3 .section_unique3 .row {
    min-height: calc(70vw / 1820 * 932);
  }

  #features .ace3 .section_unique3 .txt {
    /* left:2%; */
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  section#features .ace3 .section_unique3 .feature-subheader,
  section#features .ace3 .section_unique3 p {
    text-align: left;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_unique3 {
    padding-left: 60px;
    padding-right: 60px;
  }

  #features .ace3 .section_unique3 .container-fluid {
    width: 94%;
    border-radius: 82px;
    background-size: auto 100%;
  }

  #features .ace3 .section_unique3 .txt {
    padding: 60px;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_unique3 .container-fluid {
    width: 72%;
  }

  #features .ace3 .section_unique3 .row {
    min-height: 30vw;
  }
}

@media screen and (min-width:2560px) {
  #features .ace3 .section_unique3 .row {
    min-height: 768px;
  }
}

/* #endregion unique3 */

/* #region MARK: poweron */
#features .ace3 .section_poweron {
  margin-top: -1px;
  position: relative;
  /* background:#000; */
  padding-left: 15px;
  padding-right: 15px;
}

#features .ace3 .section_poweron .container-fluid {
  background: #EDF2F6 url("/inline/products/24455/img/mobile/battery-life-mobile-EN.jpg") no-repeat bottom;
  background-size: 100% auto;
  padding-bottom: calc(55vw * 1000 / 765);
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  border-radius: 40px;
  margin-bottom: 30px;
}

#features .ace3 .section_poweron .row {
  justify-content: center;
}

section#features .ace3 .section_poweron .feature-subheader,
section#features .ace3 .section_poweron p {
  text-align: center;
}

#features .ace3 .section_poweron .txt {
  padding: 50px 30px 10px;
}

#features .ace3 .section_poweron .col_txt {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

#features .ace3 .section_poweron .col_txt .charging p:last-of-type {
  margin-bottom: 0;
}

#features .ace3 .section_poweron .col_txt img {
  height: 60px;
  width: 120px;
  display: block;
  margin: 0 auto 10px;
  object-fit: contain;
  object-position: center;
}

#features .ace3 .section_poweron .col_txt .title {
  font-size: clamp(24px, 1.5vw, 30px);
  font-weight: 400;
  color: #5b558a;
  margin-bottom: 0.5em;
  letter-spacing: -0.03em;
  line-height: 1.1;
  text-wrap: balance;
}


@media screen and (min-width:768px) {
  #features .ace3 .section_poweron {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
  }

  #features .ace3 .section_poweron .container-fluid {
    margin-bottom: 0;
  }

  #features .ace3 .section_poweron .row {
    min-height: calc(70vw / 1820 * 932);
  }

  #features .ace3 .section_poweron .col_txt img {
    height: 30px;
  }

  #features .ace3 .section_poweron .txt {
    padding: 30px 60px 0;
    padding-top: clamp(30px, 3vw, 80px);
  }

  section#features .ace3 .section_poweron .feature-subheader,
  section#features .ace3 .section_poweron p {
    text-align: center;
  }

  section#features .ace3 .section_poweron p.foonote {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width:992px) {
  #features .ace3 .section_poweron .container-fluid {
    background: url(/inline/products/24455/img/battery-life-EN.jpg) no-repeat right, linear-gradient(180deg, #fff 0%, #F5F6FA 70%, #DEE6F0 100%) no-repeat;
    background-size: auto 520px;
  }

  #features .ace3 .section_poweron .container-fluid {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  #features .ace3 .section_poweron .row {
    justify-content: unset;
  }

  #features .ace3 .section_poweron .col_txt {
    left: 2%;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_poweron {
    padding-left: 60px;
    padding-right: 60px;
  }

  #features .ace3 .section_poweron .container-fluid {
    width: 94%;
    border-radius: 82px;
    background-size: auto 100%;
  }

  #features .ace3 .section_poweron .row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  #features .ace3 .section_poweron .col_txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 60px 60px;
    left: 5%;
    max-width: 550px;
  }

  #features .ace3 .section_poweron .col_txt img {
    height: 50px;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_poweron .container-fluid {
    width: 72%;
  }

  #features .ace3 .section_poweron .row {
    min-height: 30vw;
  }
}

@media screen and (min-width:2560px) {
  #features .ace3 .section_poweron .row {
    min-height: 768px;
  }
}

/* #endregion poweron */

/* #region MARK: noise */
#features .ace3 .section_noise {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

#features .ace3 .section_noise .container-fluid {
  background-color: #0c1013;
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  border-radius: 40px;
  overflow: hidden;
}

#features .ace3 .section_noise .img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

#features .ace3 .section_noise .img video {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
}

#features .ace3 .section_noise .img video.on {
  opacity: 1;
}

#features .ace3 .section_noise .video_ambient {
  position: absolute;
  top: 0;
  left: 0;
}

#features .ace3 .section_noise .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
}

#features .ace3 .section_noise .wrapper_txt {
  position: relative;
}

#features .ace3 .section_noise .txt_anc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#features .ace3 .section_noise .txt_anc,
#features .ace3 .section_noise .txt_ambient {
  opacity: 0;
  visibility: hidden;
}

#features .ace3 .section_noise .txt_anc.on,
#features .ace3 .section_noise .txt_ambient.on {
  opacity: 1;
  visibility: visible;
}

section#features .ace3 .section_noise .feature-subheader,
section#features .ace3 .section_noise p {
  text-align: center;
}

#features .ace3 .section_noise p:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_noise {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width:992px) {

  section#features .ace3 .section_noise .feature-subheader,
  section#features .ace3 .section_noise p {
    text-align: left;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_noise {
    padding-left: 60px;
    padding-right: 60px;
  }

  #features .ace3 .section_noise .container-fluid {
    width: 94%;
    border-radius: 82px;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_noise .container-fluid {
    width: 72%;
  }

  #features .ace3 .section_noise .txt {
    padding-right: 60px;
  }
}

/* toggle button */
#features .ace3 .section_noise .wrapper_btn {
  width: 100%;
  margin: 30px auto 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 30px;
}

#features .ace3 .section_noise .wrapper_btn .switch {
  order: 1;
  width: 100%;
  padding: 0 30%;
}

#features .ace3 .section_noise .wrapper_btn .label {
  display: flex;
  align-items: center;
  order: 2;
  width: 41%;
}

#features .ace3 .section_noise .wrapper_btn .label:first-of-type {
  justify-content: flex-end;
}

#features .ace3 .section_noise .wrapper_btn .label:last-of-type {
  justify-content: flex-start;
}

#features .ace3 .section_noise .wrapper_btn .label span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width:992px) {
  #features .ace3 .section_noise .wrapper_btn {
    justify-content: flex-start;
  }


  #features .ace3 .section_noise .wrapper_btn {
    gap: 10px;
  }

  #features .ace3 .section_noise .wrapper_btn .switch {
    width: 22%;
    max-width: 100px;
    order: 1;
    padding: 0;
  }

  #features .ace3 .section_noise .wrapper_btn .label {
    order: 1;
    width: auto;
  }
}

@media screen and (min-width:2560px) {
  #features .ace3 .section_noise .wrapper_btn .switch {
    width: 16%;
  }
}

/* toggle switch */
#features .ace3 .section_noise .cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

#features .ace3 .section_noise .cmn-toggle+label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
  margin-bottom: 0;
}

#features .ace3 .section_noise input.cmn-toggle-round-flat+label {
  padding: 0;
  width: 100%;
  height: 40px;
  border-radius: 60px;
}

#features .ace3 .section_noise input.cmn-toggle-round-flat+label:before,
#features .ace3 .section_noise input.cmn-toggle-round-flat+label:after {
  display: block;
  position: absolute;
  content: "";
}

#features .ace3 .section_noise input.cmn-toggle-round-flat+label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background: #5b558a;
  border-radius: 60px;
  opacity: 1;
  transition: opacity 0.4s ease;
}

#features .ace3 .section_noise input.cmn-toggle-round-flat+label:after {
  top: 8px;
  left: 8px;
  bottom: 8px;
  margin-left: 0;
  width: calc(40px - (8px * 2));
  background-color: #fff;
  border-radius: 52px;
  transition: margin 0.4s;
}

#features .ace3 .section_noise input.cmn-toggle-round-flat:checked+label:after {
  margin-left: calc(100% - 40px);
}

#features .ace3 .section_noise input.cmn-toggle-round-flat:checked+label:before {
  opacity: .6;
}

/* end toggle switch */

/* #endregion noise */

/* #region MARK: glance */
#features .ace3 .section_glance {
  margin-top: -2px;
  background: #000;
  padding-left: 15px;
  padding-right: 15px;
}

#features .ace3 .section_glance .container-fluid {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
}

#features .ace3 .section_glance .col1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

#features .ace3 .section_glance video {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

section#features .ace3 .section_glance .feature-subheader {
  text-align: center;
}

#features .ace3 .section_glance .wrapper_icon {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

#features .ace3 .section_glance .wrapper_icon .icon {
  display: flex;
  flex-direction: column;
  width: calc(50% - 10px);
}

#features .ace3 .section_glance .wrapper_icon .icon .img,
#features .ace3 .section_glance .wrapper_icon .icon .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#features .ace3 .section_glance .wrapper_icon .icon .img {
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}

#features .ace3 .section_glance .wrapper_icon .icon img {
  width: 50%;
  max-width: 200px;
  display: block;
}

section#features .ace3 .section_glance p {
  font-size: clamp(15px, 1.5vw, 16px);
  text-align: center;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_glance {
    padding-left: 30px;
    padding-right: 30px;
  }

  #features .ace3 .section_glance .wrapper_icon .icon {
    align-items: center;
  }

  #features .ace3 .section_glance .wrapper_icon .icon .img {
    width: 80%;
  }

  #features .ace3 .section_glance .wrapper_icon .icon .txt {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_glance {
    padding-left: 60px;
    padding-right: 60px;
  }

  #features .ace3 .section_glance .container-fluid {
    width: 94%;
  }

  #features .ace3 .section_glance .row {
    margin-top: 100px;
  }

  #features .ace3 .section_glance .col2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  section#features .ace3 .section_glance .feature-subheader {
    text-align: left;
  }

  #features .ace3 .section_glance .wrapper_icon {
    gap: 40px;
  }

  #features .ace3 .section_glance .wrapper_icon .icon {
    flex-direction: row;
    width: calc(50% - 20px);
  }

  #features .ace3 .section_glance .wrapper_icon .icon .img {
    width: 30%;
    margin-bottom: 0;
  }

  #features .ace3 .section_glance .wrapper_icon .icon .txt {
    justify-content: flex-start;
    max-width: 230px;
    width: 70%;
  }

  section#features .ace3 .section_glance p {
    text-align: left;
  }

  #features .ace3 .section_glance p:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_glance .container-fluid {
    width: 72%;
  }
}

/* #endregion glance */

/* #region MARK: sxfi */
#features .ace3 .section_sxfi {
  padding-bottom: 25px;
}

#features .ace3 .section_sxfi .container-fluid {
  width: 100%;
  max-width: 1820px;
}

#features .ace3 .section_sxfi .container1 .feature-subheader sup {
  font-size: .5em;
  top: -0.8em;
}

#features .ace3 .section_sxfi .container2 .row {
  margin-top: 30px;
}

#features .ace3 .section_sxfi .container2 .txt {
  margin-top: 30px;
}

section#features .ace3 .section_sxfi .container2 .txt .feature-subheader,
section#features .ace3 .section_sxfi .container2 .txt p {
  text-align: center;
}

section#features .ace3 .section_sxfi .container2 .txt .feature-subheader {
  font-size: clamp(30px, 2.3vw, 40px);
}

#features .ace3 .section_sxfi .container2 .txt p:last-of-type {
  margin-bottom: 0;
}

#features .ace3 .section_sxfi .col_img {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

#features .ace3 .section_sxfi .col_img .img_sxfi {
  width: 130px;
  height: auto;
  display: block;
  margin-left: 0;
  margin-right: 0;
}

#features .ace3 .section_sxfi .col_img .download_container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_sxfi .container2 .txt {
    margin-top: 0;
  }

  section#features .ace3 .section_sxfi .container2 .txt .feature-subheader,
  section#features .ace3 .section_sxfi .container2 .txt p {
    text-align: left;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_sxfi {
    padding-bottom: 50px;
  }
}

#features .ace3 .section_sxfi_expand {
  background: rgba(0, 0, 0, 0.8);
}

#features .ace3 .section_sxfi_expand p.title {
  font-weight: bold;
  margin-top: 10px;
}

/* #endregion sxfi */

/* #region MARK: app */
#features .ace3 .section_app {
  background: linear-gradient(180deg, #000000 35%, #ffffff 100%) no-repeat;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
  margin-bottom: 50px;
  margin-top: -1px;
}

#features .ace3 .section_app .container-fluid {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  background: linear-gradient(180deg, #090d12 20%, #52555a 100%);
  border-radius: 40px;
}

#features .ace3 .section_app .row {
  margin-top: 30px;
  margin-bottom: 30px;
}

#features .ace3 .section_app .col1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#features .ace3 .section_app .col2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px 30px 30px;
}

#features .ace3 .section_app p {
  text-wrap: balance;
  color: #fff;
}

#features .ace3 .section_app p:last-of-type {
  margin-bottom: 0;
}

#features .ace3 .section_app .wrapper_icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

#features .ace3 .section_app .wrapper_logo img {
  max-width: 100px;
  margin: 30px 0;
}

@media screen and (min-width:768px) {
  #features .ace3 .section_app {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width:1200px) {
  #features .ace3 .section_app {
    padding-top: 50px;
    padding-left: 60px;
    padding-right: 60px;
  }

  #features .ace3 .section_app .container-fluid {
    width: 94%;
    border-radius: 82px;
  }

  #features .ace3 .section_app .wrapper_icon {
    margin-top: 40px;
  }
}

@media screen and (min-width:1920px) {
  #features .ace3 .section_app .container-fluid {
    width: 72%;
  }
}

@media screen and (min-width:2560px) {
  #features .ace3 .section_app .row {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* #endregion app */


/* preload img */
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
}


/* country header size update */
.storepage_21 #features .ace3 .section_performance .feature-subheader.gradient {
  font-size: clamp(22px, 2.9vw, 50px);
}

.storepage_21 #features .ace3 .section_sxfi .feature-subheader.gradient,
.storepage_22 #features .ace3 .section_noise .feature-subheader.gradient,
.storepage_24 #features .ace3 .section_noise .feature-subheader.gradient,
.storepage_26 #features .ace3 .section_noise .feature-subheader.gradient {
  font-size: clamp(30px, 2.9vw, 50px);
}