html.has-modal-l {
  background-color: #fff;
}

html.has-modal-l body {
  overflow: hidden
}

html.has-modal-l body,
html.has-modal-l .main-navigation.nav-v2,
html.has-modal-l #second-navigation-v4 .product-tabs__heading,
html.fancybox-margin body,
html.fancybox-margin .main-navigation.nav-v2,
html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

#ak {
  font-size: 1.145833vw;
  line-height: 1.6;
  color: #000;
  background-color: #fff;
}

@media (max-aspect-ratio: 11/10) {
  #ak {
    font-size: 4.444444vw;
  }
}

#ak .will-change .will-change-tf {
  will-change: transform;
}

#ak .will-change .will-change-op {
  will-change: opacity;
}

#ak .will-change .will-change-tf-op {
  will-change: transform, opacity;
}

#ak *,
#ak *::before,
#ak *::after {
  box-sizing: border-box;
}

#ak section {
  position: relative;
}

#ak img,
#ak picture,
#ak video,
#ak canvas,
#ak svg {
  display: block;
  width: 100%;
}

#ak svg {
  overflow: visible;
}

#ak .blur-up {
  transition: filter 0.2s;
  filter: blur(20px);
  will-change: filter;
}

#ak .blur-up.lazyloaded {
  filter: blur(0);
}

#ak br.lg {
  display: block;
}

#ak br.xs {
  display: none;
}

#ak sup,
#ak a {
  color: inherit;
}

@media (max-aspect-ratio: 11/10) {
  #ak br.lg {
    display: none;
  }

  #ak br.xs {
    display: block;
  }
}

#ak .overflow-hidden {
  overflow: hidden;
}

#ak .overflow-visible {
  overflow: visible;
}

@media (max-aspect-ratio: 11/10) {
  #ak .xs\:overflow-hidden {
    overflow: hidden;
  }

  #ak .xs\:overflow-visible {
    overflow: visible;
  }
}

#ak .block {
  display: block;
}

#ak .inline-block {
  display: inline-block;
}

#ak .inline {
  display: inline;
}

#ak .flex {
  display: flex;
}

#ak .inline-flex {
  display: inline-flex;
}

#ak .hidden {
  display: none;
}

#ak .pc-show {
  display: block;
}

#ak .mob-show {
  display: none;
}

#ak .relative {
  position: relative;
}

#ak .absolute {
  position: absolute;
}

@media (max-aspect-ratio: 11/10) {
  #ak {
    background-color: #FEFEFE;
  }

  #ak .pc-show {
    display: none;
  }

  #ak .mob-show {
    display: block;
  }

  #ak .xs\:block {
    display: block;
  }

  #ak .xs\:inline-block {
    display: inline-block;
  }

  #ak .xs\:inline {
    display: inline;
  }

  #ak .xs\:flex {
    display: flex;
  }

  #ak .xs\:inline-flex {
    display: inline-flex;
  }

  #ak .xs\:hidden {
    display: none;
  }
}

#ak .flex-row {
  flex-direction: row;
}

#ak .flex-row-reverse {
  flex-direction: row-reverse;
}

#ak .flex-col {
  flex-direction: column;
}

#ak .flex-col-reverse {
  flex-direction: column-reverse;
}

#ak .flex-wrap {
  flex-wrap: wrap;
}

#ak .flex-nowrap {
  flex-wrap: nowrap;
}

#ak .nowrap {
  white-space: nowrap;
}

#ak .justify-start {
  justify-content: flex-start;
}

#ak .justify-end {
  justify-content: flex-end;
}

#ak .justify-center {
  justify-content: center;
}

#ak .justify-between {
  justify-content: space-between;
}

#ak .items-start {
  align-items: flex-start;
}

#ak .items-end {
  align-items: flex-end;
}

#ak .items-center {
  align-items: center;
}

#ak .shrink-0 {
  flex-shrink: 0;
}

@media (max-aspect-ratio: 11/10) {
  #ak .xs\:flex-row {
    flex-direction: row;
  }

  #ak .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  #ak .xs\:flex-col {
    flex-direction: column;
  }

  #ak .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  #ak .xs\:justify-start {
    justify-content: flex-start;
  }

  #ak .xs\:justify-end {
    justify-content: flex-end;
  }

  #ak .xs\:justify-center {
    justify-content: center;
  }

  #ak .xs\:justify-between {
    justify-content: space-between;
  }

  #ak .xs\:items-start {
    align-items: flex-start;
  }

  #ak .xs\:items-end {
    align-items: flex-end;
  }

  #ak .xs\:items-center {
    align-items: center;
  }
}

#ak .video-container {
  position: relative;
}

#ak .video-container.playing .icon-pause,
#ak .video-container.paused .icon-play,
#ak .video-container.ended .icon-replay,
#ak .images-container.playing .icon-pause,
#ak .images-container.paused .icon-play,
#ak .images-container.ended .icon-replay {
  display: block;
}

#ak .play-pause-button {
  position: absolute;
  z-index: 2;
  right: 1.25vw;
  bottom: 1.25vw;
  overflow: hidden;
  width: 2.5vw;
  height: 2.5vw;
  transform: translateZ(0);
  border-radius: 50%;
  cursor: pointer;
  backdrop-filter: blur(0.416667vw);
  -webkit-backdrop-filter: blur(0.416667vw);
  background-color: rgba(128, 128, 128, 0.4);
}

@media (hover: hover) {
  #ak .play-pause-button:hover {
    opacity: 0.6;
  }
}

@media (hover: none) {
  #ak .play-pause-button:active {
    opacity: 1;
  }
}

#ak .play-pause-button .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  pointer-events: none;
}

@media (max-aspect-ratio: 11/10) {
  #ak .play-pause-button {
    right: 5.555556vw;
    bottom: 5.555556vw;
    width: 11.111111vw;
    height: 11.111111vw;
  }
}

#ak.no-inline-video .play-pause-button {
  display: none;
}

#ak.no-inline-video .section-emotional .emotional-item-2 .play-pause-button {
  display: block;
}

#ak.no-inline-video .section-compatible-content .compatible-item-2 .play-pause-button {
  display: block;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #ak .gradient-text {
    display: inline-block;
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

#ak .no-gradient-text .gradient-text {
  background-image: none !important;
  background-color: transparent !important;
}

#ak .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #ak .backdrop-filter {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px);
  }
}

#ak .w-1560 {
  width: 81.25vw;
}

#ak .w-1440 {
  width: 75vw;
}

#ak .w-1360 {
  width: 70.833333vw;
}

#ak .w-1296 {
  width: 67.5vw;
}

#ak .w-1280 {
  width: 66.666667vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak .xs\:w-full {
    width: 100%;
  }

  #ak .xs\:w-688 {
    width: 95.555556vw;
  }

  #ak .xs\:w-656 {
    width: 91.111111vw;
  }

  #ak .xs\:w-650 {
    width: 90.277778vw;
  }

  #ak .xs\:w-640 {
    width: 88.888889vw;
  }

  #ak .xs\:w-600 {
    width: 83.333333vw;
  }

  #ak .xs\:w-592 {
    width: 82.222222vw;
  }

  #ak .xs\:w-560 {
    width: 77.777778vw;
  }
}

#ak .mx-auto {
  margin-right: auto;
  margin-left: auto;
}

#ak .mt-16,
#ak .lg\:mt-16 {
  margin-top: 0.833333vw;
}

#ak .mt-24,
#ak .lg\:mt-24 {
  margin-top: 1.25vw;
}

#ak .ml-24,
#ak .lg\:ml-24 {
  margin-left: 1.25vw;
}

#ak .mt-32,
#ak .lg\:mt-32 {
  margin-top: 1.666667vw;
}

#ak .mt-30,
#ak .lg\:mt-30 {
  margin-top: 1.5625vw;
}

#ak .mt-40,
#ak .lg\:mt-40 {
  margin-top: 2.083333vw;
}

#ak .mt-48,
#ak .lg\:mt-48 {
  margin-top: 2.5vw;
}

#ak .mt-56,
#ak .lg\:mt-56 {
  margin-top: 2.916667vw;
}

#ak .mt-60,
#ak .lg\:mt-60 {
  margin-top: 3.125vw;
}

#ak .mt-64,
#ak .lg\:mt-64 {
  margin-top: 3.333333vw;
}

#ak .mt-72,
#ak .lg\:mt-72 {
  margin-top: 3.75vw;
}

#ak .mt-80,
#ak .lg\:mt-80 {
  margin-top: 4.166667vw;
}

#ak .mt-96,
#ak .lg\:mt-96 {
  margin-top: 5vw;
}

#ak .mt-100,
#ak .lg\:mt-100 {
  margin-top: 5.208333vw;
}

#ak .mt-112,
#ak .lg\:mt-112 {
  margin-top: 5.833333vw;
}

#ak .mt-120,
#ak .lg\:mt-120 {
  margin-top: 6.25vw;
}

#ak .mt-160,
#ak .lg\:mt-160 {
  margin-top: 8.333333vw;
}

#ak .mt-200,
#ak .lg\:mt-200 {
  margin-top: 10.416667vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }

  #ak .xs\:mt-0 {
    margin-top: 0;
  }

  #ak .mt-16,
  #ak .xs\:mt-16 {
    margin-top: 2.222222vw;
  }

  #ak .mt-24,
  #ak .xs\:mt-24 {
    margin-top: 3.333333vw;
  }

  #ak .ml-24,
  #ak .xs\:ml-24 {
    margin-left: 3.333333vw;
  }

  #ak .mt-32,
  #ak .xs\:mt-32 {
    margin-top: 4.444444vw;
  }

  #ak .mt-30,
  #ak .xs\:mt-30 {
    margin-top: 4.166667vw;
  }

  #ak .mt-40,
  #ak .xs\:mt-40 {
    margin-top: 5.555556vw;
  }

  #ak .mt-48,
  #ak .xs\:mt-48 {
    margin-top: 6.666667vw;
  }

  #ak .mt-56,
  #ak .xs\:mt-56 {
    margin-top: 7.777778vw;
  }

  #ak .mt-60,
  #ak .xs\:mt-60 {
    margin-top: 8.333333vw;
  }

  #ak .mt-64,
  #ak .xs\:mt-64 {
    margin-top: 8.888889vw;
  }

  #ak .mt-72,
  #ak .xs\:mt-72 {
    margin-top: 10vw;
  }

  #ak .mt-80,
  #ak .xs\:mt-80 {
    margin-top: 11.111111vw;
  }

  #ak .mt-100,
  #ak .xs\:mt-100 {
    margin-top: 13.888889vw;
  }

  #ak .mt-120,
  #ak .xs\:mt-120 {
    margin-top: 16.666667vw;
  }

  #ak .mt-160,
  #ak .xs\:mt-160 {
    margin-top: 22.222222vw;
  }

  #ak .mt-200,
  #ak .xs\:mt-200 {
    margin-top: 27.777778vw;
  }
}

#ak .pt-200,
#ak .lg\:pt-200 {
  padding-top: 10.416667vw;
}

#ak .pb-200,
#ak .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}

#ak .py-200,
#ak .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}

#ak .pt-160,
#ak .lg\:pt-160 {
  padding-top: 8.333333vw;
}

#ak .pb-160,
#ak .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}

#ak .py-160,
#ak .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}

#ak .pt-120,
#ak .lg\:pt-120 {
  padding-top: 6.25vw;
}

@media (max-aspect-ratio: 11/10) {

  #ak .pt-160,
  #ak .xs\:pt-160 {
    padding-top: 22.222222vw;
  }

  #ak .pb-160,
  #ak .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }

  #ak .py-160,
  #ak .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }

  #ak .pt-200,
  #ak .xs\:pt-200 {
    padding-top: 27.777778vw;
  }

  #ak .pb-200,
  #ak .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }

  #ak .py-200,
  #ak .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }


  #ak .pt-120,
  #ak .xs\:pt-120 {
    padding-top: 16.666667vw;
  }

  #ak .xs\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  #ak .xs\:pt-0 {
    padding-top: 0;
  }

  #ak .xs\:pb-0 {
    padding-bottom: 0;
  }
}

#ak h2,
#ak h3,
#ak h4 {
  font-weight: 700;
  line-height: 1.25;
}

#ak h2 {
  font-size: 3.333333vw;
}

#ak h3 {
  font-size: 2.5vw;
}

#ak h4 {
  font-size: 1.666667vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak h2 {
    font-size: 8.888889vw;
  }

  #ak h3 {
    font-size: 6.666667vw;
  }

  #ak h4 {
    font-size: 4.444444vw;
  }
}

#ak strong {
  font-weight: 700;
}

#ak [data-footnote] {
  font-size: 0.6em;
  cursor: pointer;
}

#ak .text-left {
  text-align: left;
}

#ak .text-center {
  text-align: center;
}

#ak .text-right {
  text-align: right;
}

#ak .text-grey {
  color: #86868B;
}

#ak .text-white {
  color: #fff;
}

@media (max-aspect-ratio: 11/10) {
  #ak .xs\:text-left {
    text-align: left;
  }

  #ak .xs\:text-center {
    text-align: center;
  }

  #ak .xs\:text-right {
    text-align: right;
  }
}

#ak .text-align {
  text-align: center;
}

@media (max-aspect-ratio: 11/10) {
  #ak .text-align {
    text-align: left;
  }

  html[dir=rtl] #ak .text-align {
    text-align: right;
  }
}


#ak .sticky-container {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

#ak .space-100vh {
  position: relative;
  pointer-events: none;
  height: 100vh
}

#ak .space-50vh {
  position: relative;
  pointer-events: none;
  height: 50vh
}

#ak .space-500vh {
  position: relative;
  pointer-events: none;
  height: 500vh
}

#ak .text-light {
  color: #fff;
}

#ak .fb {
  font-weight: bold;
  color: #000;
}

#ak .text-purple {
  color: #9E8AE7;
}

#ak .anim-text-animate {
  --transition-timing: .8s;
  --copy-fade-transition: opacity var(--transition-timing) linear, transform var(--transition-timing) cubic-bezier(0.16, 1, 0.3, 1);
  --copy-fade-y-start: 70px;
  transition: var(--copy-fade-transition);
  opacity: 0;
  transform: translateY(var(--copy-fade-y-start));
}

#ak .anim-text-animate.animated-copy-element {
  opacity: 1;
  transform: translateY(0);
}

#ak .modal-button-container {
  display: flex;
  justify-content: center;
}

#ak .modal-button-container .modal-button-wrapper {
  position: relative;
  overflow: hidden;
  height: 3.333333vw;
  transition: opacity 300ms ease-out;
  background: #F2F3F5;
  border-radius: 999px;
}

@media (hover: hover) {
  #ak .modal-button-container .modal-button-wrapper:hover {
    opacity: 0.6;
  }
}

#ak .modal-button-container .modal-button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 1.666667vw;
  padding-right: .833333vw;
  cursor: pointer;
}

#ak .modal-button-container .button-copy {
  font-size: 0.9375vw;
  font-weight: 500;
  line-height: 1.25;
  color: #000;
}

#ak .modal-button-container .button-icon {
  width: 1.666667vw;
  margin-left: .833333vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak .modal-button-container .modal-button-wrapper {
    min-height: 13.333333vw;
    height: auto;
    padding: 3.611111vw 0;
  }

  #ak .modal-button-container .modal-button {
    padding-right: 3.333333vw;
    padding-left: 6.666667vw;
  }

  #ak .modal-button-container .button-copy {
    font-size: 3.611111vw;
  }

  #ak .modal-button-container .button-icon {
    width: 6.666667vw;
    margin-left: 3.333333vw;
  }
}

#ak .section-modal {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
  outline: 0;
  background-color: rgba(25, 25, 26, 0);
  -webkit-backdrop-filter: blur(0px) brightness(100%);
  backdrop-filter: blur(0px) brightness(100%);
}

#ak .section-modal.modal-scrollable {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

#ak .section-modal.modal-open {
  background-color: rgba(25, 25, 26, 0.8);
  -webkit-backdrop-filter: blur(50px) brightness(120%);
  backdrop-filter: blur(50px) brightness(120%);
}

#ak .section-modal.modal-open .modal-container {
  transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.2s ease-in;
  opacity: 1;
}

#ak .section-modal.light .modal-open {
  background-color: rgba(237, 238, 242, 0.8);
}

.has-modal-l #ak .section-modal.modal-open,
.has-modal-l #ak .section-modal.modal-will-close {
  z-index: 200;
}

.has-modal-l #ak .section-modal .modal-container {
  transform: translate3d(0, 0, 0);
}

#ak .section-modal.modal-will-close {
  overflow: auto !important;
  padding-inline-end: 0;
}

#ak .section-modal.modal-will-close .modal-container {
  transition: opacity 0.6s;
}

#ak .section-modal .modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 3.333333vw;
  padding-bottom: 3.333333vw;
  transform: translate3d(0, 100vh, 0);
  opacity: 0;
  will-change: transform, opacity;
}

#ak .section-modal .modal-wrapper {
  position: relative;
  width: 81.25vw;
}

#ak .section-modal .modal-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 6.25vw;
  border-radius: 1.25vw;
  background-color: #fff;
}

#ak .section-modal .modal-close-container {
  position: absolute;
  top: 2.083333vw;
  right: 2.083333vw;
  bottom: 0;
  width: 2.083333vw;
}

#ak .section-modal .modal-close-button {
  position: sticky;
  z-index: 10;
  top: 1.666667vw;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  border-radius: 50%;
}

#ak .section-modal .modal-close-button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 300ms ease-out;
  background-color: rgba(128, 128, 128, 0.4);
  backdrop-filter: blur(.416667vw);
  -webkit-backdrop-filter: blur(.416667vw);
}

@media (hover: hover) {
  #ak .section-modal .modal-close-button:hover::before {
    opacity: 0.6;
  }
}

#ak .section-modal .modal-close-icon {
  position: relative;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-modal .modal-container {
    padding-top: 8.888889vw;
    padding-bottom: 0;
  }

  #ak .section-modal .modal-wrapper {
    width: 100%;
  }

  #ak .section-modal .modal-content {
    padding-bottom: 11.111111vw;
    border-radius: 4.444444vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #ak .section-modal .modal-close-container {
    top: 3.333333vw;
    right: 3.333333vw;
    width: 11.111111vw;
  }

  #ak .section-modal .modal-close-button {
    top: 3.333333vw;
  }
}

#ak .hero-sku {
  margin-top: 1.5625vw;
  text-align: center;
}

#ak .hero-sku .pricing {
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #000;
}

#ak .hero-sku .from {
  font-size: 0.677083vw;
}

#ak .hero-sku [data-footnote] {
  font-size: 1em;
  vertical-align: inherit;
}

#ak .hero-sku .buy-cta {
  display: inline-block;
  margin-top: 24px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: opacity 0.3s ease-out;
  color: #fff;
  border-radius: 4px;
  background-color: #000;
}

@media (hover: hover) {
  #ak .hero-sku .buy-cta:hover {
    opacity: 0.8;
  }
}

#ak .hero-sku.sku-light .pricing {
  color: #fff;
}

#ak .hero-sku.sku-light .buy-cta {
  color: #000;
  background-color: #fff;
}

@media (max-aspect-ratio: 11/10) {
  #ak .hero-sku {
    margin-top: 4.166667vw;
  }

  #ak .hero-sku .pricing {
    font-size: 5.555556vw;
  }

  #ak .hero-sku .from {
    font-size: 3.611111vw;
  }

  #ak .hero-sku .buy-cta {
    margin-top: 6.666667vw;
    padding: 2.222222vw 5.555556vw;
    font-size: 3.888889vw;
    line-height: 6.666667vw;
    border-radius: 1.111111vw;
  }
}

#ak .section-highlights {
  overflow: hidden;
  background: linear-gradient(to top, rgba(245, 245, 250, 1), rgba(245, 245, 247, 0));
}

#ak .section-highlights .highlights-outswiper {
  overflow: visible;
}

#ak .section-highlights .highlights-outswiper .swiper-wrapper,
#ak .section-highlights [data-swiper-parallax-x],
#ak .section-highlights [data-swiper-parallax-y],
#ak .section-highlights [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#ak .section-highlights .highlights-outswiper .swiper-touch-move .swiper-wrapper,
#ak .section-highlights .highlights-outswiper .swiper-touch-move [data-swiper-parallax-x],
#ak .section-highlights .swiper-touch-move [data-swiper-parallax-y],
#ak .section-highlights .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}

#ak .section-highlights .highlights-outswiper .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

#ak .section-highlights .caption-container {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 2.291667vw 2.5vw;
  font-size: 1.666667vw;
}

#ak .section-highlights .title {
  color: #000;
}

#ak .section-highlights .text-light {
  color: #fff;
}

#ak .section-highlights .highlights-content {
  position: absolute;
  width: 12.822917vw;
  top: 13.177083vw;
  transform: translateZ(1px);
}

#ak .section-highlights .highlights-left {
  left: 3.854167vw;
}

#ak .section-highlights .highlights-right {
  right: 5.3125vw;
}

#ak .section-highlights .highlights-inline-p {
  color: #86868B;
  line-height: 1.25;
  pointer-events: all;
}

#ak .section-highlights .highlights-inline-p.text-12 {
  margin-top: .520833vw;
}

#ak .section-highlights .highlights-inline-p.text-top {
  line-height: 1.6;
}

#ak .section-highlights .highlights-inline-item {
  margin-top: 1.458333vw;
}

#ak .section-highlights .highlights-inline-headline {
  color: #6A8775;
  line-height: 1.25;
}

#ak .section-highlights .controls-container {
  display: flex;
  justify-content: center;
}

#ak .section-highlights .controls-wrapper {
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  position: relative;
}

#ak .section-highlights .controls-wrapper::after {
  content: '';
  position: absolute;
  top: .208333vw;
  left: .208333vw;
  width: calc(100% - .416667vw);
  height: calc(100% - .416667vw);
  box-sizing: border-box;
  border-radius: 999px;
  background: linear-gradient(to bottom, #FFFFFF 20%, #F2FDFA 90%, #FCFCFC 100%);
  z-index: 1;
}

#ak .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  z-index: 2;
  outline: 0;
}

@media (hover: hover) and (pointer: fine) {
  #ak .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}

@media (hover: none) {
  #ak .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: inherit;
  }
}

@media (any-hover: none) {
  #ak .section-highlights .arrownav-item:not(.arrownav-disabled):active {
    opacity: inherit;
  }
}

#ak .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

#ak .section-highlights .dotnav-list {
  display: flex;
  margin-right: 0.677083vw;
  margin-left: 0.677083vw;
  z-index: 2;
}

#ak .section-highlights .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin-right: 0.260417vw;
  margin-left: 0.260417vw;
  cursor: pointer;
  transition: opacity 300ms;
  opacity: 0.2;
  border-radius: 100%;
  outline: 0;
  background-color: #000000;
}

#ak .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}

@media (hover: hover) {
  #ak .section-highlights .dotnav-item:hover {
    opacity: 0.6;
  }
}

#ak .section-highlights .dotnav-item.current {
  cursor: default;
  opacity: 1;
}

#ak .section-highlights .start-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

#ak .section-highlights .highlights-innerswiper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

#ak .section-highlights .highlights-innerswiper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
}

#ak .section-highlights .show-start-frame .start-frame {
  transition: opacity 200ms ease-out;
  opacity: 1;
}

@media (max-width: 810px) and (min-width: 790px) and (min-aspect-ratio: 11/10) {
  #ak .section-highlights .highlights-content {
    top: 50%;
    transform: translateY(-50%);
    width: 14vw;
  }

  #ak .section-highlights .highlights-right {
    right: 3.3125vw;
  }
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-highlights {
    background: inherit;
  }

  #ak .section-highlights .caption-container {
    position: relative;
    margin: 6.666667vw 6.666667vw 0;
    text-align: center;
  }

  #ak .section-highlights .title {
    font-size: 4.444444vw;
    color: #000;
  }

  #ak .section-highlights .caption {
    margin-top: 3.333333vw;
    font-size: 5.555556vw;
  }

  #ak .section-highlights .controls-wrapper {
    height: 13.333333vw;
    padding-right: 1.666667vw;
    padding-left: 1.666667vw;
    background: #F5F5F7;
  }

  #ak .section-highlights .controls-wrapper::after {
    display: none;
    width: calc(100% - 2.222222vw);
    height: calc(100% - 2.222222vw);
    top: 1.111111vw;
    left: 1.111111vw;
  }

  #ak .section-highlights .arrownav-item {
    width: 13.333333vw;
  }

  #ak .section-highlights .dotnav-list {
    margin-right: -0.555556vw;
    margin-left: -0.555556vw;
  }

  #ak .section-highlights .dotnav-item {
    width: 2.222222vw;
    height: 2.222222vw;
    margin-right: 1.666667vw;
    margin-left: 1.666667vw;
  }

  #ak .section-highlights .dotnav-item::before {
    padding: 1.666667vw;
  }

  #ak .section-highlights .highlights-outswiper .swiper-slide {
    border-radius: 0;
  }

  #ak .section-highlights .highlights-outswiper .swiper-slide img,
  #ak .section-highlights .highlights-outswiper .swiper-slide video {
    border-radius: 2.222222vw;
  }

  #ak .section-highlights .highlights-innerswiper,
  #ak .section-highlights .highlights-innerswiper .swiper-slide {
    position: relative;
  }

  #ak .section-highlights .highlights-content {
    position: absolute;
    width: 45vw;
    top: 8.333333vw;
  }

  #ak .section-highlights .highlights-left {
    left: 4.444444vw;
  }

  #ak .section-highlights .highlights-right {
    left: 4.444444vw;
    right: auto;
  }

  #ak .section-highlights .highlights-inline-wrap {
    width: 28.75vw;
  }

  #ak .section-highlights .highlights-inline-item {
    margin-top: 8.333333vw;
  }

  #ak .section-highlights .highlights-inline-headline {
    margin-top: 3.333333vw;
  }

  #ak .section-highlights .highlights-inline-p.text-12 {
    margin-top: 2.222222vw;
  }
}

#ak .rounded,
#ak .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}

#ak .rounded-left {
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}

#ak .rounded-right {
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak .xs\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  #ak .rounded,
  #ak .xs\:rounded {
    border-radius: 2.222222vw;
  }

  #ak .lg\:rounded {
    border-radius: 0;
  }

  #ak .rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }

  #ak .rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}

#ak .text-64 {
  font-size: 3.333333vw;
}

#ak .text-32 {
  font-size: 1.666667vw;
}

#ak .text-24 {
  font-size: 1.25vw;
}

#ak .text-20 {
  font-size: 1.041667vw;
}

#ak .text-16 {
  font-size: .833333vw
}

#ak .text-14 {
  font-size: .729167vw
}

#ak .text-12 {
  font-size: .625vw
}

#ak .section-hero .hero-content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 65.104167vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 29.270833vw;
  height: 100%;
  font-weight: 500;
  color: #000;
}

#ak .section-hero .hero-logo {
  width: 24.895833vw;
}

#ak .section-hero .hero-slogan {
  display: flex;
  justify-content: center;
  width: 16.770833vw;
  margin: 1.25vw auto 0;
  font-size: 2.291667vw;
  font-weight: 500;
  color: #000;
  text-align: center;
}

#ak .section-hero .hero-ksp {
  margin-top: 1.25vw;
  font-size: 1.041667vw;
  font-weight: 500;
  text-align: center;
  width: 100%;
}

#ak .section-hero .player-cta {
  display: inline-flex;
  align-items: center;
  margin-top: 1.5625vw;
  transition: opacity 0.3s ease-out;
}

#ak .section-hero .section-hero-content-product-video {
  margin-top: 2.5vw;
  display: flex;
  justify-content: center;
}

#ak .section-hero .section-hero-content-product-video .video-pop-play {
  display: flex;
  align-items: center;
  font-size: 1.041667vw;
  cursor: pointer;
}

#ak .section-hero .section-hero-content-product-video .video-pop-play svg {
  margin-left: 0.416667vw;
  width: 1.666667vw;
  height: 1.666667vw;
}

#ak .section-hero .hero-content-price-container .huawei-product-buy-btn-container {
  flex-direction: column;
}

#ak .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price {
  color: #000000;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
}

#ak .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price div {
  color: inherit;
  cursor: pointer;
  display: inline-block;
}

#ak .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price span {
  font-size: 0.677083vw;
}

#ak .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 6px 20px;
  border: 2px solid #000;
  background: #000000;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
}

#ak .section-hero .player-cta:hover g.changeopacity {
  transition: opacity .3s ease;
}

@media (any-hover: hover) {

  #ak .section-hero .player-cta:hover g.changeopacity {
    opacity: 0.6;
  }
}

#ak .section-hero .icon-copy {
  font-size: 1.041667vw;
  color: #fff;
  font-weight: 500;
}

#ak .section-hero .icon-play {
  width: 1.666667vw;
  margin-left: 0.416667vw;
}

#ak .section-hero .hero-picture {
  aspect-ratio: 1920/960;
}

@media (max-aspect-ratio: 11/10) {
  #ak .text-64 {
    font-size: 8.888889vw;
  }

  #ak .text-32 {
    font-size: 4.444444vw;
  }

  #ak .text-24 {
    font-size: 3.333333vw;
  }

  #ak .text-20 {
    font-size: 2.777778vw;
  }

  #ak .text-16 {
    font-size: 2.222222vw
  }

  #ak .text-14 {
    font-size: 1.944444vw
  }

  #ak .text-12 {
    font-size: 1.666667vw
  }

  #ak .text-18-mob {
    font-size: 2.5vw
  }

  #ak .text-80-mob {
    font-size: 11.111111vw;
  }

  #ak .text-40-mob {
    font-size: 5.555556vw;
  }

  #ak .text-32-mob {
    font-size: 4.444444vw;
  }

  #ak .text-22-mob {
    font-size: 3.055556vw;
  }

  #ak .text-24-mob {
    font-size: 3.333333vw;
  }

  #ak .text-16-mob {
    font-size: 2.222222vw;
  }

  #ak .section-hero {
    display: flex;
    flex-direction: column-reverse;
  }

  #ak .section-hero .hero-content {
    max-width: 100%;
    width: 100%;
    margin: 0;
    top: auto;
    left: auto;
    right: auto;
    height: auto;
    position: relative;
    padding: 0;
  }

  #ak .section-hero .hero-logo {
    width: 86.111111vw;
    margin: 0 auto;
  }

  #ak .section-hero .hero-slogan {
    width: 86.111111vw;
    justify-content: center;
    margin: 3.888889vw auto;
    font-size: 6.944444vw;
  }

  #ak .section-hero .hero-ksp {
    margin-top: 0;
    font-size: 3.055556vw;
  }

  #ak .section-hero .player-cta {
    margin-top: 4.166667vw;
  }

  #ak .section-hero .icon-copy {
    font-size: 3.888889vw;
  }

  #ak .section-hero .icon-play {
    width: 6.666667vw;
    margin-left: 2.222222vw;
  }

  #ak .section-hero .hero-picture {
    aspect-ratio: unset;
    width: 90.555556vw;
    margin: 4.722222vw auto 16.666667vw;
  }

  #ak .section-hero .section-hero-content-product-video {
    margin-top: 13.888889vw;
    margin-bottom: 0;
  }

  #ak .section-hero .section-hero-content-product-video .video-pop-play {
    font-size: 4.444444vw;
    margin-top: 0;
  }

  #ak .section-hero .section-hero-content-product-video .video-pop-play svg {
    width: 5.555556vw;
    height: 5.555556vw;
    margin-left: 2.5vw;
  }

  #ak .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price {
    font-size: 5.833333vw;
  }

  #ak .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price .huawei-product-buy-btn-price span {
    font-size: 3.611111111vw;
  }
}

#ak .section-design .section-content,
#ak .section-design .design-swiper,
#ak .section-design .section-design-img,
#ak .section-design picture {
  height: 100%;
}

#ak .section-design .swiper-wrapper {
  display: block;
  height: 100%;
  overflow: hidden;
}

#ak .section-design .swiper-wrapper img,
#ak .section-design .section-design-4 img,
#ak .section-design video {
  height: 100%;
  object-fit: cover;
}

#ak .section-design .section-design-2,
#ak .section-design .section-design-3,
#ak .section-design .section-design-4 {
  position: absolute;
  transform: translateY(100%);
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  background: #F5F5F7;
}

#ak .section-design .section-design-3,
#ak .section-design .section-design-4 {
  transform: translateY(0%);
}

#ak .section-design .section-design-2 {
  z-index: 2;
}

#ak .section-design .section-design-3 {
  z-index: 3;
  background: transparent;
  clip-path: inset(0% 0% 0% 100%);
}

#ak .section-design .section-design-4 {
  z-index: 4;
  height: 100%;
  background: transparent;
}

#ak .section-design .section-design-1 .section-design-text {
  width: auto;
  max-width: 27.083333vw;
  position: absolute;
  bottom: 7.65625vw;
  left: 62.916667vw;
  color: #fff;
}

#ak .section-design .section-design-1 .section-design-mask {
  width: 100%;
  height: 18.75vw;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

#ak .section-design .section-design-1 .section-design-text h2 {
  width: 100%;
}

#ak .section-design .section-design-2 .section-design-text {
  position: relative;
  width: 42.604167vw;
}

#ak .section-design .section-design-2 .design-content {
  position: absolute;
  width: max-content;
  max-width: 18.90625vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#ak .section-design .section-design-2 .design-content h4 {
  clip-path: inset(100% 0% 0% 0%);
  padding-bottom: 1px;
}

#ak .section-design .section-design-2 .section-design-img {
  width: 57.395833vw;
  box-sizing: border-box;
}

#ak .section-design .section-design-2 .section-design-img .design-padding {
  width: 100%;
  padding-right: 100%;
  height: 100%;
}

#ak .section-design .section-design-2 .section-design-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ak .section-design .section-design-3 .section-design-text {
  position: relative;
  flex-shrink: 0;
  width: 41.041667vw;
}

#ak .section-design .section-design-3 .design-content {
  position: absolute;
  width: max-content;
  max-width: 18.90625vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  clip-path: inset(0% 0% 0% 0%);
}

#ak .section-design .section-design-3 .design-content h4 {
  clip-path: inset(100% 0% 0% 0%);
  padding-bottom: 1px;
}

#ak .section-design .section-design-4 .section-design-text {
  position: relative;
  width: 41.041667vw;
  height: 100%;
  flex-shrink: 0;
}

#ak .section-design .section-design-4 .design-content {
  position: absolute;
  width: max-content;
  max-width: 24.0625vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#ak .section-design .section-design-4 .design-content h2 {
  clip-path: inset(0% 0% 100% 0%);
}

#ak .section-design .section-design-4 .design-content p {
  clip-path: inset(0% 0% 100% 0%);
  font-weight: 500;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-design .design-swiper {
    width: 82.222222vw;
    overflow: visible;
  }

  #ak .section-design .swiper-wrapper {
    display: flex;
    overflow: inherit;
    margin: 0 auto;
  }

  #ak .section-design .section-design-2,
  #ak .section-design .section-design-3,
  #ak .section-design .section-design-4 {
    position: relative;
    transform: unset;
    clip-path: none;
    flex-direction: column;
    background: none;
  }

  #ak .section-design .section-design-1 .section-design-img,
  #ak .section-design .section-design-2 .section-design-img,
  #ak .section-design .section-design-3 .section-design-img,
  #ak .section-design .section-design-4 .section-design-img {
    width: 100%;
  }

  #ak .section-design .section-design-1 .section-design-mask {
    display: none;
  }

  #ak .section-design .section-content,
  #ak .section-design .design-swiper,
  #ak .section-design .section-design-img,
  #ak .section-design picture {
    height: auto;
  }

  #ak .section-design .section-design-img {
    border-radius: 2.222222vw;
    overflow: hidden;
  }

  #ak .section-design .section-design-4 .section-design-img {
    border-radius: 0;
  }

  #ak .section-design .section-design-img img {
    width: 100%;
    height: auto;
  }

  #ak .section-design .sticky-container {
    height: auto;
  }

  #ak .section-design .section-content h2 {
    font-size: 11.111111vw;
    text-transform: none;
  }

  #ak .section-design .section-design-4 .design-content h2 {
    text-transform: none;
  }

  #ak .section-design .section-content h2.design-clip,
  #ak .section-design .section-content h4.design-clip,
  #ak .section-design .section-content p.design-clip {
    clip-path: none;
  }

  #ak .section-design .section-design-1 .section-design-text {
    color: #000;
  }

  #ak .section-design .section-design-1 .section-design-text,
  #ak .section-design .section-design-2 .section-design-text,
  #ak .section-design .section-design-3 .section-design-text,
  #ak .section-design .section-design-2 .design-content {
    width: 100%;
    max-width: 100%;
    position: relative;
    transform: unset;
    top: auto;
    bottom: auto;
    left: auto;
  }

  #ak .section-design .section-design-text {
    text-align: center;
    margin-top: 6.666667vw;
    font-weight: bold;
  }

  #ak .section-design .section-design-text p {
    margin-top: 0;
  }

  #ak .section-design .section-design-headline {
    width: auto;
    margin: 0 8.888889vw 8.333333vw 8.888889vw;

  }

  #ak .section-design .design-swiper .swiper-slide {
    width: 82.222222vw;
    margin: 0 2.222222vw;
  }

  #ak .section-design .section-design-2 .section-design-img .design-padding {
    padding: 0;
    height: auto;
  }

  #ak .section-design .section-design-2 .section-design-img img {
    height: auto;
  }

  #ak .section-design .section-design-2 .design-content h4,
  #ak .section-design .section-design-3 .design-content h4 {
    font-weight: inherit;
    line-height: 1.6;
  }

  #ak .section-design .section-design-3 {
    flex-direction: column-reverse;
  }

  #ak .section-design .section-design-3 .design-content {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
    max-width: unset;
    clip-path: none;

  }

  #ak .section-design .controls-container {
    display: flex;
    justify-content: flex-end;
    margin: 8.333333vw 8.888889vw 0 auto;
  }

  #ak .section-design .controls-wrapper {
    display: flex;
    align-items: center;
  }

  #ak .section-design .arrownav-item {
    position: relative;
    width: 11.111111vw;
    cursor: pointer;
    transition: opacity 300ms;
    border-radius: 100%;
    background: #E2E2E5;
  }


  #ak .section-design .arrownav-next {
    margin-left: 4.444444vw;
  }

  #ak .section-design .section-design-4 .section-design-text {
    width: 86.111111vw;
    margin: 10.833333vw auto 0 8.888889vw;
    text-align: left;
  }

  #ak .section-design .arrownav-disabled {
    cursor: default;
    opacity: 0.3;
  }

  #ak .section-design .section-design-4 .design-content {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
    max-width: unset;
  }

  #ak .section-design .section-design-4 .design-content p {
    margin-top: 4.444444vw;
    color: #86868B;
  }
}

#ak .section-switch {
  height: 100vh;
  overflow: initial;
}

#ak .section-switch .switch-color {
  transition: none;
}

#ak .section-switch[data-active="1"] .switch-color-1 {
  visibility: visible;
  pointer-events: all;
}

#ak .section-switch[data-active="1"] .switch-color-2 {
  visibility: hidden;
  pointer-events: none;
}

#ak .section-switch[data-active="2"] .switch-color-2 {
  visibility: visible;
  pointer-events: all;
}

#ak .section-switch[data-active="2"] .switch-color-1 {
  visibility: hidden;
  pointer-events: none;
}

#ak .section-switch .switch-color .switch-color-wrap {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

#ak .section-switch .switch-color .switch-color-wrap[data-index="1"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #DAE4E6 100%);
}

#ak .section-switch .switch-color .switch-color-wrap[data-index="2"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #D2D2D2 100%);
}

#ak .section-switch .switch-color .switch-color-wrap[data-index="3"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #CFC8C5 100%);
}

#ak .section-switch .switch-color-2 .switch-color-wrap[data-index="1"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #E7DAEB 100%);
}

#ak .section-switch .switch-color-2 .switch-color-wrap[data-index="2"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #C6C6C6 100%);
}

#ak .section-switch .switch-color-2 .switch-color-wrap[data-index="3"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%);
}

#ak .section-switch .switch-color-2 .switch-color-wrap[data-index="4"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #E6E2D8 100%);
}

#ak .section-switch .switch-color-2 .switch-color-wrap[data-index="5"] {
  background: linear-gradient(to bottom, #FFFFFF 0%, #E0CCBA 100%);
}

#ak .section-switch .switch-color .switch-color-wrap .intro {
  position: absolute;
  top: 8.177083vw;
  left: 57.5vw;
  width: 26.25vw;
  z-index: 1;
  transform: translateX(14.166667vw);
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial {
  will-change: transform;
  width: 33.28125vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switch-content-dial-wrap {
  transform: scale(1);
  width: 100%;
  height: 100%;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .images-strap-container {
  will-change: opacity;
  width: 33.28125vw;
  height: 33.28125vw;
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-sequence-box,
#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container {
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box {
  will-change: opacity;
  width: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.3s;
  opacity: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box .video-container {
  will-change: opacity;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box.active {
  opacity: 1;
  z-index: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box[data-index="1"] .video-container[data-active="1"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box[data-index="2"] .video-container[data-active="2"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box[data-index="3"] .video-container[data-active="3"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box[data-index="4"] .video-container[data-active="4"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container .type-box[data-index="5"] .video-container[data-active="5"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container[data-active="1"] .type-box:nth-child(1) {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container[data-active="2"] .type-box:nth-child(2) {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container[data-active="3"] .type-box:nth-child(3) {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container[data-active="4"] .type-box:nth-child(4) {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container[data-active="5"] .type-box:nth-child(5) {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper {
  width: 20.416667vw;
  top: calc(50% + 6.770833vw);
  transform: translateY(-50%);
  left: .833333vw;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="1"] .tab-text[data-index="1"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="1"] .tab-text[data-index="2"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="1"] .tab-text[data-index="3"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="1"] .tab-text[data-index="4"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="1"] .tab-text[data-index="5"] {
  opacity: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="2"] .tab-text[data-index="2"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="2"] .tab-text[data-index="1"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="2"] .tab-text[data-index="3"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="2"] .tab-text[data-index="4"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="2"] .tab-text[data-index="5"] {
  opacity: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="3"] .tab-text[data-index="3"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="3"] .tab-text[data-index="1"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="3"] .tab-text[data-index="2"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="3"] .tab-text[data-index="4"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="3"] .tab-text[data-index="5"] {
  opacity: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="4"] .tab-text[data-index="4"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="4"] .tab-text[data-index="1"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="4"] .tab-text[data-index="2"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="4"] .tab-text[data-index="3"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="4"] .tab-text[data-index="5"] {
  opacity: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="5"] .tab-text[data-index="5"] {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="5"] .tab-text[data-index="1"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="5"] .tab-text[data-index="2"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="5"] .tab-text[data-index="3"],
#ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper[data-index="5"] .tab-text[data-index="4"] {
  opacity: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .tab-text[data-index="1"] {
  position: relative;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  top: 50%;
  left: 57.5vw;
  margin-bottom: 4.401042vw;
  margin-right: 6.25vw;
  will-change: transform, opacity;
  transform: translateX(0) translateY(-50%);
  width: 32.708333vw;
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper {
  position: relative;
  display: flex;
  border-radius: 999px;
  padding: .416667vw;
  margin-bottom: 2.5vw;
  margin-left: 15.608333vw;
  overflow: hidden;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background-color: #D6D7D9;
  opacity: 0.5;
  z-index: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-slider {
  position: absolute;
  top: 0.3125vw;
  left: 0;
  height: calc(100% - 0.625vw);
  border-radius: 999px;
  background-color: #FFA943;
  transition: transform 0.3s ease;
  z-index: 2;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn {
  flex: 1;
  width: 2.5vw;
  height: 2.5vw;
  border: none;
  background: transparent;
  border-radius: 50%;
  border: solid .15625vw transparent;
  margin: 0 .416667vw;
  cursor: pointer;
  position: relative;
  z-index: 3;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn .switch-inner {
  width: 1.666667vw;
  height: 1.666667vw;
  box-sizing: border-box;
  border-radius: 50%;
}

#ak .section-switch .switch-wrapper {
  border-radius: 1.666667vw;
  left: 57.5vw;
  top: calc(50% + 2.34375vw);
  transform: translateY(-50%);
}

#ak .section-switch .switch-btn-list {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: .416667vw;
}

#ak .section-switch .switch-btn-list::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background-color: #D6D7D9;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#ak .section-switch .switch-btn {
  padding: .416667vw 1.458333vw;
  margin: 0 .208333vw;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.25;
  color: #000;
  width: max-content;
  border-radius: 999px;
  transition: all .3s;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

#ak .section-switch .switch-btn-list[data-active="1"] .switch-btn-left {
  background-color: #18191A;
  color: #fff;
}

#ak .section-switch .switch-btn-list[data-active="2"] .switch-btn-right {
  background-color: #18191A;
  color: #fff;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="1"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #B4B4B4, #54715D);
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="2"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #DDDDDD, #000000);
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="3"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #FFFFFF, #5F483D);
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="1"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #EEEDF9, #D7A9F8);
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="2"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #DDDDDD, #000000);
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="3"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #FFFFFF, #E8E8E8);
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="4"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #FFFFFF, #8A5302);
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="5"] .switch-inner {
  background-image: conic-gradient(from 90deg at 50% 50%, #FFFDE2, #9A8E54);
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="1"].active {
  border: solid .15625vw #54715D;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="2"].active {
  border: solid .15625vw #000000;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="3"].active {
  border: solid .15625vw #8E8E8E;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="1"].active {
  border: solid .15625vw #D7A9F8;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="2"].active {
  border: solid .15625vw #000000;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="3"].active {
  border: solid .15625vw #FFFFFF;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="4"].active {
  border: solid .15625vw #95641B;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn[data-index="5"].active {
  border: solid .15625vw #9F945C;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images {
  display: none;
  flex-direction: row;
  justify-content: space-between;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images.active {
  display: flex;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image {
  width: 5.208333vw;
  height: 5.208333vw;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  opacity: 1;
  position: relative;
  cursor: pointer;
  margin: 0 .46875vw;
  display: flex;
  align-items: center;
  transition: opacity 0.2s ease;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image:first-child {
  margin-left: 0;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image img {
  border-radius: 50%;
  width: 4.166667vw;
  margin: 0 auto;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 5.208333vw;
  height: 5.208333vw;
  top: 50%;
  left: 50%;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transition: background-color 0.2s ease;
  z-index: -1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image.selected:before {
  opacity: 0.8;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image.selected {
  opacity: 1;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image.selected:before {
  border-color: #4D4D4D;
}

#ak .section-switch .switch-color-1 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="1"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-1 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="1"] .tab-image.selected:before {
  background-color: #D1E5CD;
}

#ak .section-switch .switch-color-1 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="2"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-1 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="2"] .tab-image.selected:before {
  background-color: #000000;
}

#ak .section-switch .switch-color-1 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="3"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-1 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="3"] .tab-image.selected:before {
  background-color: #5F483D;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="1"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="1"] .tab-image.selected:before {
  background-color: #EBCFFA;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="2"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="2"] .tab-image.selected:before {
  background-color: #000000;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="3"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="3"] .tab-image.selected:before {
  background-color: #E8E8E8;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="4"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="4"] .tab-image.selected:before {
  background-color: #8A5302;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="5"] .tab-image:before {
  background-color: #fff;
}

#ak .section-switch .switch-color-2 .switch-color-wrap .switch-content-switch .tab-images-container .tab-images[data-index="5"] .tab-image.selected:before {
  background-color: #9A8E54;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-line {
  width: 17.135417vw;
  height: 1.875vw;
  margin: 0;
}

#ak .section-switch .switch-color .switch-color-wrap.active .intro {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2s;
}

#ak .section-switch .switch-color .switch-color-wrap.active .intro p {
  color: #797C80;
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial {
  transform: translate(-50%, -50%);
}

#ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switch-content-dial-wrap {
  transform: translateX(-15.78125vw);
}

#ak .section-switch .switch-color .switch-color-wrap.active .switch-content-dial .images-strap-container {
  opacity: 1;
  transition: opacity 1s ease 0.5s;
}

#ak .section-switch .switch-color .switch-color-wrap.active .switch-content-dial .switchs-sequence-box {
  opacity: 0;
  transition: opacity 1s ease 1s;
}

#ak .section-switch .switch-color .switch-color-wrap.active .switch-content-dial .switchs-videos-container {
  opacity: 1;
  transition: opacity 1s ease 1s;
}

#ak .section-switch .switch-color .switchs-shadow {
  position: absolute;
  width: 25.757813vw;
  top: 0.604167vw;
  right: -4.130208vw;
}

#ak .section-switch .switch-color-2 {
  width: 100%;
  top: 0;
  left: 0;
}

#ak .section-switch .switch-swiper .swiper-slide .images-container {
  width: 33.125vw;
  height: 28.125vw;
  background: #F5F5F7;
}

#ak .section-switch .switch-swiper .swiper-slide.switch-item-2 .images-container {
  display: flex;
  align-items: center;
}

#ak .section-switch .switch-swiper .swiper-slide .switch-card-swiper {
  width: 100%;
}

#ak .section-switch .switch-swiper .swiper-slide .switch-card-swiper .swiper-slide .switch-card-image {
  will-change: transform;
  width: 16.666667vw;
  transform: scale(0.6875);
  transition: transform 800ms;
}

#ak .section-switch .switch-swiper .swiper-slide .switch-card-swiper .swiper-slide.swiper-slide-active .switch-card-image {
  transform: scale(1);
}

#ak .section-switch .arrownav-list {
  display: flex;
}

@media (max-width: 810px) and (min-width: 790px) and (min-aspect-ratio: 11/10) {

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial {
    width: 38vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image {
    width: 7.208333vw;
    height: 7.208333vw;
    margin: 0 0.8vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image img {
    width: 95%;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper {
    padding: 0.625vw .416667vw;
    margin-bottom: 4.5vw;
    margin-left: 17.208333vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper {
    width: 33.416667vw;
    font-size: 1.666667vw;
    top: calc(50% + 9.8125vw);
  }

  #ak .section-switch .switch-wrapper {
    top: calc(50% + 3.34375vw);
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-line {
    width: 23.135417vw;
    height: 3.875vw;
  }

  #ak .section-switch .switch-color .switchs-shadow {
    right: -1.130208vw;
  }

  #ak .section-switch .switch-btn {
    font-size: 1.666667vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image:before {
    width: 7.777778vw;
    height: 7.777778vw;
  }
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-switch {
    height: auto;
  }

  #ak .section-switch .switch-btn-list::before {
    background-color: #F5F5F7;
    opacity: 0.5;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-background {
    background-color: #F5F5F7;
    opacity: 0.3;
  }

  #ak .section-switch .section-page-title {
    text-align: left;
  }

  #ak .section-switch .switch-color {
    height: auto;
  }

  #ak .section-switch .switch-color .switch-color-wrap {
    position: initial;
    height: auto;
  }

  #ak .section-switch .switch-color .switch-color-wrap .intro {
    position: initial;
    width: 86.111111vw;
    margin: 0 auto;
    transform: translateX(0);
    opacity: 1;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial {
    position: initial;
    width: 100%;
    margin: 6.944444vw auto;
    transform: translate(0, 0);
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .images-strap-container {
    width: 88.75vw;
    height: 88.75vw;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, 0);
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-sequence-box,
  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container {
    width: 88.75vw;
    height: 88.75vw;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-sequence-box {
    display: none;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switchs-videos-container {
    opacity: 1;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-dial .switch-content-dial-wrap {
    transform: unset;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch {
    position: initial;
    width: auto;
    margin-bottom: 19.444444vw;
    margin-right: 0;
    align-items: center;
    transform: translateX(0);
    opacity: 1;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-line {
    width: 82.222222vw;
    height: 2px;
    background: #797C80;
    margin: 6.666667vw auto 5.833333vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper {
    padding: 1.111111vw;
    margin: 17.388889vw auto 0;
    background-color: #F5F5F7;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-slider {
    position: absolute;
    top: 1.111111vw;
    height: calc(100% - 2.222222vw);
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn {
    width: 6.666667vw;
    height: 6.666667vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-wrapper .tab-btn .switch-inner {
    width: 4.444444vw;
    height: 4.444444vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image {
    width: 13.888889vw;
    height: 13.888889vw;
    margin: 0 2.222222vw;
    display: flex;
    align-items: center;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image:first-child {
    margin-left: 2.222222vw;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image:before {
    width: 13.888889vw;
    height: 13.888889vw;
  }

  #ak .section-switch .switch-swiper .swiper-slide .video-container,
  #ak .section-switch .switch-swiper .swiper-slide .images-container {
    width: 82.222222vw;
    height: 97.222222vw;
    background: #F5F5F7;
    display: flex;
    align-items: center;
  }

  #ak .section-switch .switch-wrapper {
    top: 131.027778vw;
    left: 50%;
    transform: translate(-50%, 0);
  }

  #ak .section-switch .switch-btn-list {
    padding: 1.111111vw .555556vw;
  }

  #ak .section-switch .switch-btn {
    font-size: 4.444444vw;
    padding: 2.222222vw 5.833333vw;
    margin: 0 .555556vw;
    background: #F5F5F7;
  }

  #ak .section-switch .switch-color .switch-color-wrap .switch-content-switch .tab-images-container .tab-images .tab-image img {
    width: 11.111111vw;
    height: 11.111111vw;
  }

  #ak .section-switch .switch-swiper .swiper-slide .switch-card-swiper {
    width: 100%;
  }

  #ak .section-switch .switch-swiper .swiper-slide .switch-card-swiper .swiper-slide .switch-card-image {
    will-change: transform;
    width: 54.166667vw;
    transform: scale(0.6153846154);
  }

  #ak .section-switch .switch-swiper .swiper-slide .switch-card-swiper .swiper-slide.swiper-slide-active .switch-card-image {
    transform: scale(1);
  }

  #ak .section-switch .arrownav-list {
    display: flex;
  }

  #ak .section-switch .switch-color .switch-color-wrap .tab-text-wrapper {
    width: 82.222222vw;
    top: auto;
    transform: unset;
    position: relative;
    margin: 4.444444vw auto 0;
    left: auto;
    text-align: center;
    color: #86868B;
  }

  #ak .section-switch .switch-color .switchs-shadow {
    width: 63.354167vw;
    top: 2vw;
  }
}

#ak .section-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(7.179487vw + 22.153847px);
  color: transparent;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 998px;
  margin: 0;
  background-color: #000;
  background-color: #111;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

#ak .section-video-card .swiper {
  margin: 0;
}

#ak .section-video-card .swiper-wrapper,
#ak .section-video-card [data-swiper-parallax-x],
#ak .section-video-card [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#ak .swiper.swiper-touch-move .swiper-wrapper,
#ak .swiper.swiper-touch-move [data-swiper-parallax-x],
#ak .swiper.swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}

#ak .section-video-card .swiper-slide {
  width: 33.125vw;
}

#ak .section-video-card .video-container {
  display: flex;
  justify-content: center;
}

#ak .section-video-card .intro {
  width: 80%;
  margin-left: 0.833333vw;
  margin-right: 0.833333vw;
}

#ak .section-video-card .arrownav-list {
  display: flex;
  justify-content: flex-end;
}

#ak .section-video-card .arrownav-list.moving {
  pointer-events: none;
}

#ak .section-video-card .arrownav-item {
  position: relative;
  width: 2.5vw;
  cursor: pointer;
  transition: opacity 300ms;
  border-radius: 100%;
  background-color: #303032;
}

#ak .slide-des {
  bottom: .833333vw;
  left: 1.041667vw;
  color: #707070;
  width: 85%;
  z-index: 3;
  text-align: left;
  transform: translateZ(1px);
  width: 17.291667vw;
  left: 15vw;
}

#ak .param-des {
  width: 17.291667vw;
  left: 15vw;
  transform: translateZ(1px);
}

#ak .slide-des.light {
  color: #fff;
}

@media (max-width: 810px) and (min-width: 790px) and (min-aspect-ratio: 11/10) {
  #ak .slide-des {
    width: 22.291667vw;
    left: 10vw;
  }
  #ak .param-des{
    width: 17.291667vw;
    left: 15vw;
  }
}

@media (hover: hover) {
  #ak .section-video-card .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}

#ak .section-video-card .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

#ak .section-video-card .arrownav-next {
  margin-left: 1.25vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-video-card .arrownav-item {
    width: 11.111111vw;
  }

  #ak .section-video-card .arrownav-next {
    margin-left: 4.444444vw;
  }

  #ak .slide-des,
  #ak .param-des {
    width: 94%;
    bottom: 1.111111vw;
    left: 2.5vw;
  }
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-video-card .swiper {
    width: 100%;
    margin-left: auto;
  }

  #ak .section-video-card .swiper-slide {
    width: 100%;
  }

  #ak .section-video-card .inline-video {
    top: 0;
    width: 100%;
  }

  #ak .section-video-card .play-pause-button {
    right: 5.555556vw;
    bottom: 5.555556vw;
    width: 8.888888vw;
    height: 8.888888vw;
  }

  #ak .section-video-card .text-content {
    position: static;
    margin-top: 6.666667vw;
    font-size: 3.888889vw;
  }
}

#ak .section-modal-trusense .modal-content {
  padding-bottom: 0;
}

#ak .section-modal-trusense .modal-content img,
#ak .section-modal-trusense .modal-content video,
#ak .section-modal-trusense .modal-content picture {
  width: 100%;
}

#ak .section-modal-trusense .modal-content picture {
  transform: translateY(1px);
}

#ak .section-modal-camera-more .section-picture {
  width: 50vw;
}

#ak .section-modal-camera-more .intro {
  width: 51.5625vw;
}

#ak .section-modal-camera-more .picture-1 {
  width: 25.416667vw;
  background-image: linear-gradient(#0d0d0c, #39352d);
}

#ak .section-modal-camera-more .picture-2 {
  width: 40vw;
}

#ak .section-modal-camera-more .headline {
  font-size: 3.333333vw;
}

#ak .section-modal-trusense .modal-content .subsection {
  width: 53.229167vw;
  margin: 0 auto 2.8125vw;
  text-align: center;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-modal-trusense .modal-content .subsection {
    width: 86.111111vw;
    margin: 0 auto 8.888889vw;
    padding-top: 16.666667vw;
    text-align: left;
    color: #86868B;
  }

  #ak .section-modal-trusense .modal-content img,
  #ak .section-modal-trusense .modal-content video {
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #ak .section-modal-trusense .modal-content picture {
    transform: translateY(2px);
  }
}

#ak .section-pupup-btn .video-container {
  width: 83.541667vw;
}

#ak .section-pupup-btn .screen-frame {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-pupup-btn .video-container {
    width: 100%;
  }
}

#ak.no-inline-video .section-pupup-btn .screen-frame {
  display: none;
}

#ak .section-footnote .footnote-list {
  padding-top: 2.083333vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-footnote .footnote-list {
    padding-top: 8.888889vw;
  }
}

#ak .section-footnote .footnote-list,
#ak .section-footnote .tips-list {
  font-size: max(12px, 0.625vw);
  padding-inline-start: 1.5em;
}

@media (max-aspect-ratio: 11/10) {

  #ak .section-footnote .footnote-list,
  #ak .section-footnote .tips-list {
    font-size: 3.333333vw;
  }
}

#ak .section-footnote .footnote-list li {
  list-style-type: decimal;
  font-size: inherit;
  color: #85858A;
}

#ak .section-footnote .footnote-list li a {
  -webkit-text-decoration: underline #85858A;
  text-decoration: underline #85858A;
  color: #85858A;
}

#ak .section-footnote .footnote-list li.current {
  color: #2A2A2C;
}

#ak .section-footnote .footnote-list li.current a {
  color: #2A2A2C;
  text-decoration-color: #2A2A2C;
}

#ak .section-footnote .footnote-list li.asterisk {
  list-style-type: "*";
}

#ak .section-footnote .footnote-list li.disclaimer {
  list-style-type: none;
}

#ak .section-footnote .footnote-list.light li.current {
  color: #2A2A2C;
}

#ak .section-footnote .footnote-list.light li.current a {
  color: #2A2A2C;
  text-decoration-color: #2A2A2C;
}

#ak .section-battery .media-container {
  margin: 2.395833vw auto 0;
}

#ak .section-battery .media-container {
  padding-bottom: 3.333333vw;
}

#ak .section-battery .battery-tablist-wrapper {
  position: relative;
  background-color: #F5F5F7;
  margin: 1.979167vw auto 0;
  padding: 0 .3125vw;
  width: max-content;
  display: flex;
  border-radius: 999px;
  overflow: hidden;
}


#ak .section-battery .battery-tablist {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.333333vw;
  font-size: 1.25vw;
  border-radius: 999px;
  top: auto;
  bottom: auto;
  z-index: 2;
}

#ak .section-battery .battery-tablist::after {
  content: '';
  width: .104167vw;
  height: 1.592708vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #707070;
}

#ak .section-battery .battery-tab {
  cursor: pointer;
  padding: 0 1.458333vw;
  opacity: 0.4;
  transition: opacity .3s;
}

#ak .section-battery .battery-tab.active {
  opacity: 1;
}

#ak .section-battery .battery-content {
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% + 170px));
  left: 5.46875vw;
  z-index: 2;
  opacity: 0;
}

#ak .section-battery .battery-content.animated-copy-element {
  transform: translate(0, -50%);
  opacity: 1;
}

#ak .section-battery .battery-inline-wrap {
  display: flex;
  margin-top: 1.666667vw;
}

#ak .section-battery .battery-inline-item {
  max-width: 7.291667vw;
  margin-right: 2.5vw;
}

#ak .section-battery .battery-inline-item .text-grey {
  line-height: 1.25;
}

#ak .section-battery .battery-inline-item .text-grey.text-top {
  line-height: 1.6;
}

#ak .section-battery .battery-inline-item:last-child {
  margin-right: 0;
}

#ak .section-battery .battery-inline-des {
  margin-top: .520833vw;
}

#ak .section-battery .battery-content-1 .battery-inline-headline {
  color: #6A8775;
  line-height: 1.25;
}

#ak .section-battery .battery-content-2 .battery-inline-headline {
  color: #D7A9F8;
  line-height: 1.25;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-battery .media-container {
    margin: 4.444444vw auto 0;
    padding-bottom: 13.888889vw;
  }

  #ak .section-battery .text-align {
    margin: 0 auto 0 6.944444vw;
    width: 84.722222vw;
  }

  #ak .section-battery .battery-content {
    width: 100%;
    padding: 0 6.944444vw 4.444444vw;
    background: linear-gradient(to bottom, #fdfdfd, #FBFBFC);
    position: relative;
    top: auto;
    transform: translateY(0);
    margin: 0;
    opacity: 1;
    left: auto;
  }

  #ak .section-battery .battery-content.animated-copy-element {
    transform: translateY(0);
  }

  #ak .section-battery .intro {
    color: #86868B;
  }

  #ak .section-battery .battery-content .text-32-mob {
    font-weight: bold;
  }

  #ak .section-battery .battery-inline-wrap {
    margin-top: 4.444444vw;
  }

  #ak .section-battery .battery-inline-item {
    width: 25.833333vw;
    margin-right: 6.666667vw;
    max-width: unset;
  }

  #ak .section-battery .battery-inline-item:last-child {
    width: 27.833333vw;
    flex-shrink: 0;
  }

  #ak .section-battery .battery-inline-des {
    font-size: 2.5vw;
    margin-top: 2.222222vw;
  }

  #ak .section-battery .swiper-slide {
    flex-direction: column-reverse;
    display: flex;

  }

  #ak .section-battery .battery-tablist-wrapper {
    padding: 0 .833333vw;
    margin: 4.444444vw auto 0;
    top: auto;
    bottom: auto;
  }

  #ak .section-battery .battery-tablist {
    font-size: 3.333333vw;
    height: auto;
  }

  #ak .section-battery .battery-tablist::after {
    height: 4.247222vw;
  }

  #ak .section-battery .battery-tab {
    padding: 2.222222vw 4.166667vw;
  }
}

#ak .section-cycling .video-container {
  width: 100%;
}

#ak .section-cycling .video-container::after {
  content: '';
  width: 100%;
  height: 37.822917vw;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

#ak .section-cycling .section-content {
  position: absolute;
  width: 41.979167vw;
  bottom: 5.208333vw;
  left: 16.25vw;
  z-index: 2;
}

#ak .section-cycling .section-content .fb {
  line-height: 1.25;
  margin-bottom: 0.520833vw;
  margin-left: 0.15625vw;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-cycling .section-content {
    width: 63.055556vw;
    left: 11.111111vw;
    bottom: 11.111111vw;
  }

  #ak .section-cycling .section-content .fb {
    text-transform: uppercase;
    margin-bottom: 1.388889vw;
  }

  #ak .section-cycling .video-container::after {
    height: 58.333333vw;
  }
}

#ak .section-cycling-tab {
  overflow: hidden;
}

#ak .section-cycling-content .cycling-tabs-container {
  display: flex;
  justify-content: center;
}

#ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper {
  display: inline-flex;
  background: #E8E8ED;
  border-radius: 999px;
  padding: 0.3125vw;
  overflow: hidden;
}

#ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tabs-track {
  display: flex;
  z-index: 2;
}

#ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab {
  padding: 0.625vw 1.25vw;
  font-size: 0.9375vw;
  font-weight: 500;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 999px;
  position: relative;
  z-index: 3;
}

#ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab.active {
  color: #FFFFFF;
}

#ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tab-indicator {
  top: 0.208333vw;
  left: 0.3125vw;
  height: calc(100% - 0.416667vw);
  background: #000000;
  border-radius: 999px;
  transition: all 300ms ease-in-out;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

#ak .section-cycling-content .cycling-swiper .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  overflow: visible;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content:nth-child(1) {
  opacity: 1;
  z-index: 10;
  position: relative;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .swiper-wrapper,
#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content [data-swiper-parallax-x],
#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .swiper-touch-move .swiper-wrapper,
#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .swiper-touch-move [data-swiper-parallax-x],
#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .long-distance-cycling {
  top: 0;
  left: 0;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .cycling-swiper {
  width: 100%;
  overflow: visible;
  margin: 0;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .cycling-swiper .swiper-slide .intro {
  width: 30.208333vw;
  margin-left: 0.833333vw;
  color: #797C80;
  font-weight: 500;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .cycling-swiper .swiper-slide .intro strong {
  color: #000000;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide {
  width: 33.125vw;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide:nth-child(1) {
  width: 44.583333vw;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .long-distance-swiper .swiper-slide,
#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .leisure-swiper .swiper-slide {
  width: 33.125vw;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .long-distance-swiper .swiper-slide:nth-child(1),
#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .leisure-swiper .swiper-slide:nth-child(1) {
  width: 44.583333vw;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-list {
  display: flex;
  justify-content: flex-end;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-list.moving {
  pointer-events: none;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item {
  position: relative;
  width: 2.5vw;
  cursor: pointer;
  transition: opacity 300ms;
  border-radius: 100%;
  background-color: #E2E2E5;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list {
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 14.0625vw;
  height: 100%;
  background: linear-gradient(to right, rgba(232, 232, 237, 0.3) 0%, rgba(232, 232, 237, 0) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2.5vw;
  transform: translateZ(1px);
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list .icon-box {
  width: 3.541667vw;
  margin: 0 auto 0.208333vw;
  border-radius: 50%;
  backdrop-filter: blur(0) brightness(150%);
  -webkit-backdrop-filter: blur(0) brightness(150%);
  background-color: rgba(255, 255, 255, 0.5);
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list .icon-info {
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li {
  width: 7.25vw;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li:last-child .icon-box {
  backdrop-filter: blur(0) brightness(100%);
  -webkit-backdrop-filter: blur(0) brightness(100%);
  background-color: rgba(255, 255, 255, 0.6);
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li:not(:last-child) {
  margin-bottom: 1.25vw;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

#ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-next {
  margin-left: 1.25vw;
}

@media (max-width: 810px) and (min-width: 790px) and (min-aspect-ratio: 11/10) {
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li {
    width: 8.25vw;
  }
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-cycling-content .cycling-tab-content {
    margin-top: 11.111111vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-list {
    margin-right: 0;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item {
    width: 11.111111vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-next {
    margin-left: 5.555556vw;
  }

  #ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper {
    padding: 1.111111vw;
  }

  #ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab {
    padding: 2.777778vw 5.555556vw 3.055556vw;
    font-size: 3.888889vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab:nth-child(1) {
    width: 20.833333vw;
  }

  #ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab:nth-child(2) {
    width: 32.5vw;
  }

  #ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tabs-track .cycling-tab:nth-child(3) {
    width: 33.055556vw;
  }

  #ak .section-cycling-content .cycling-tabs-container .cycling-tabs-wrapper .cycling-tab-indicator {
    top: 1.111111vw;
    left: 1.111111vw;
    height: calc(100% - 2.222222vw);
    transition: all 300ms ease-in-out;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .cycling-swiper {
    width: 100%;
    overflow: visible;
    margin: 0;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .cycling-swiper .swiper-slide .intro {
    width: 73.333333vw;
    margin-left: 4.444444vw;
    color: #86868B;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide,
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .long-distance-swiper .swiper-slide,
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .leisure-swiper .swiper-slide {
    width: 100%;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide:nth-child(1),
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .long-distance-swiper .swiper-slide:nth-child(1),
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .leisure-swiper .swiper-slide:nth-child(1) {
    width: 100%;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide:nth-child(2),
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide:nth-child(5),
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .long-distance-swiper .swiper-slide:nth-child(2),
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .long-distance-swiper .swiper-slide:nth-child(5),
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .leisure-swiper .swiper-slide:nth-child(2),
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .leisure-swiper .swiper-slide:nth-child(5) {
    width: 100%;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item {
    position: relative;
    width: 2.5vw;
    cursor: pointer;
    transition: opacity 300ms;
    border-radius: 100%;
    background-color: #E2E2E5;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list {
    width: 100%;
    height: auto;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    flex-direction: initial;
    padding: 5vw 0 10.222222vw;
    border-bottom-left-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
    align-items: flex-start;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list .icon-box {
    width: 15.277778vw;
    margin: 0 auto 2.777778vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li {
    width: 15.277778vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li:last-child .icon-box {
    backdrop-filter: blur(0) brightness(150%);
    -webkit-backdrop-filter: blur(0) brightness(150%);
    background-color: rgba(255, 255, 255, 0.5);
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li:nth-child(2) {
    width: 19.722222vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 4.444444vw;
  }
}

@media (any-hover: hover) {
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}

@media (hover: none) {
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
}

@media (any-hover: none) {
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item:not(.arrownav-disabled):active {
    opacity: 1;
  }
}

@media (max-aspect-ratio: 11/10) {

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-disabled {
    cursor: default;
    opacity: 0.3;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-next {
    margin-left: 1.25vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item {
    width: 11.111111vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-next {
    margin-left: 4.444444vw;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }

  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
}

#ak .section-running .video-container {
  width: 100%;
}

#ak .section-running .video-container::after {
  content: '';
  width: 100%;
  height: 18.75vw;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

#ak .section-running .section-content {
  position: absolute;
  width: 25.052083vw;
  bottom: 5.208333vw;
  left: 16.25vw;
  z-index: 2;
}

#ak .section-running .section-content .fb {
  line-height: 1.25;
  margin-bottom: 0.520833vw;
  margin-left: 0.15625vw;
}

#ak .section-running .section-content .text-22 {
  width: 23.28125vw;
}


@media (max-aspect-ratio: 11/10) {
  #ak .section-running {
    display: flex;
    flex-direction: column-reverse;
  }

  #ak .section-running .section-content {
    position: relative;
    width: 86.111111vw;
    top: auto;
    bottom: auto;
    margin: 0 auto 8.333333vw;
    left: auto;
  }

  #ak .section-running .video-container::after {
    display: none;
  }

  #ak .section-running .section-content .fb {
    text-transform: uppercase;
    margin-bottom: 1.388889vw;
    color: #000;
  }

  #ak .section-running .section-content h2 {
    font-size: 11.111111vw;
  }

  #ak .section-running .section-content .text-white {
    color: #000;
  }

  #ak .section-running .section-content .text-22 {
    width: 82.916667vw;
  }
}

#ak .section-skiing .video-container {
  width: 100%;
}

#ak .section-skiing .video-container::after {
  content: '';
  width: 100%;
  height: 18.75vw;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

#ak .section-skiing .section-content {
  position: absolute;
  width: 29.53125vw;
  bottom: 5.208333vw;
  left: 16.25vw;
  z-index: 2;
}

#ak .section-skiing .section-content .fb {
  line-height: 1.25;
  margin-bottom: 0.520833vw;
  margin-left: 0.15625vw;
}

#ak .section-skiing .section-content .text-22 {
  width: 27.604167vw;
  color: #fff;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-skiing {
    display: flex;
    flex-direction: column-reverse;
  }

  #ak .section-skiing .section-content {
    position: relative;
    width: 86.111111vw;
    margin: 0 auto 8.333333vw;
    left: auto;
    bottom: auto;
  }

  #ak .section-skiing .section-content .fb {
    text-transform: uppercase;
    margin-bottom: 1.388889vw;
    color: #000;
  }

  #ak .section-skiing .section-content h2 {
    font-size: 11.111111vw;
    color: #000000;
    text-transform: uppercase;
  }

  #ak .section-skiing .section-content .text-white {
    color: #000;
  }

  #ak .section-skiing .section-content .text-22 {
    width: 82.916667vw;
    color: #86868B;
  }

  #ak .section-skiing .video-container::after {
    display: none;
  }
}

#ak .section-sports .section-content {
  width: 22.625vw;
  position: absolute;
  left: 7.291667vw;
  bottom: 11.5625vw;
  z-index: 2;
  color: #fff;
  transition: opacity .6s;
}

#ak .section-sports .section-content .fb {
  color: inherit;
  line-height: 1.25;
}

#ak .section-sports .section-content .headline {
  font-size: 1.875vw;
}

#ak .section-sports .section-content .text-22 {
  width: 100%;
}

#ak .section-sports .controls-container {
  display: flex;
  justify-content: center;
  padding: 2.083333vw 0 0;
  background: linear-gradient(to bottom, #F5F5FA 0%, #FFFFFF 100%);
  border-radius: 999px;
  overflow: hidden;
}

#ak .section-sports .controls-wrapper {
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
  background-color: #F5F5F7;
  position: relative;
}


#ak .section-sports .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  outline: 0;
  z-index: 2;
}

#ak .section-sports .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

#ak .section-sports .dotnav-list {
  display: flex;
  margin-right: .9375vw;
  margin-left: .9375vw;
  z-index: 2;
}

#ak .section-sports .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin-right: 0.260417vw;
  margin-left: 0.260417vw;
  cursor: pointer;
  transition: opacity 300ms;
  opacity: 0.2;
  border-radius: 100%;
  outline: 0;
  background-color: #000000;
}

#ak .section-sports .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}

@media (hover: hover) {
  #ak .section-sports .dotnav-item:hover {
    opacity: 0.6;
  }
}

#ak .section-sports .dotnav-item.current {
  cursor: default;
  opacity: 1;
}

#ak .section-sports .start-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

#ak .section-sports .show-start-frame .start-frame {
  transition: opacity 200ms ease-out;
  opacity: 1;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-sports .section-content {
    width: 100%;
    position: relative;
    color: #000;
    left: auto;
    bottom: auto;
    margin-bottom: 8.333333vw;
  }

  #ak .section-sports .section-content .fb {
    text-transform: uppercase;
  }

  #ak .section-sports .section-content .headline {
    font-size: 11.111111vw;
  }

  #ak .section-sports .swiper-slide {
    opacity: 0;
  }

  #ak .section-sports .swiper-slide-active {
    opacity: 1;
  }

  #ak .section-sports .section-content .text-22 {
    width: 100%;
    color: #86868B;
  }

  #ak .section-sports .sports-swiper {
    width: 82.222222vw;
    overflow: visible;
  }

  #ak .section-sports .sports-img {
    position: absolute;
    width: 70.486111vw;
    left: -16.041667vw;
    bottom: -28.472222vw;
  }

  #ak .section-sports .caption-container {
    margin: 6.111111vw 6.666667vw;
  }

  #ak .section-sports .title {
    font-size: 4.444444vw;
  }

  #ak .section-sports .caption {
    margin-top: 3.333333vw;
    font-size: 5.555556vw;
  }

  #ak .section-sports .controls-container {
    padding: 0;
    background: none;
    display: flex;
    justify-content: flex-end;
    margin: 8.333333vw 0 6.666667vw auto;
    border-radius: 0;
  }

  #ak .section-sports .controls-wrapper::after,
  #ak .section-sports .controls-wrapper::before {
    display: none;
  }

  #ak .section-sports .controls-wrapper {
    height: auto;
    padding: 0;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 0;
  }

  #ak .section-sports .arrownav-item {
    position: relative;
    width: 11.111111vw;
    cursor: pointer;
    transition: opacity 300ms;
    border-radius: 100%;
    background: #E2E2E5;
  }

  #ak .section-sports .dotnav-list {
    display: none;
  }

  #ak .section-sports .arrownav-next {
    margin-left: 4.444444vw;
  }

  #ak .section-sports .dotnav-item {
    width: 2.222222vw;
    height: 2.222222vw;
    margin-right: 1.666667vw;
    margin-left: 1.666667vw;
  }

  #ak .section-sports .dotnav-item::before {
    padding: 1.666667vw;
  }
}

#ak .section-sport-card {
  overflow: hidden;
}

#ak .section-sport-card .section-content {
  width: 68.75vw;
}

#ak .section-sport-card .sport-card-swiper {
  overflow: visible;
  width: 100%;
}

#ak .section-sport-card .swiper-slide {
  width: 40vw;
  margin: 0 .625vw;
  align-items: stretch;
  height: auto;
}

#ak .section-sport-card .swiper-slide.swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

#ak .section-sport-card .swiper-slide:first-child {
  margin-left: 0;
}

#ak .section-sport-card .sport-card-1 .sport-card-img,
#ak .section-sport-card .sport-card-2 .sport-card-img {
  background: #F5F5F7;
}

#ak .section-sport-card .swiper-slide:last-child {
  margin-right: 0;
}

#ak .section-sport-card .sport-card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40vw;
  border-radius: .833333vw;
  height: 100%;
  overflow: hidden;
}

#ak .section-sport-card .sport-card-img picture,
#ak .section-sport-card .sport-card-img img {
  height: 100%;
}

#ak .section-sport-card .sport-card-img img {
  object-fit: contain;
  object-position: bottom;
}

#ak .section-sport-card .sport-card-text {
  width: 31.645833vw;
  position: relative;
  padding: 2.708333vw 0 29.114583vw 3.333333vw;
  transform: translateZ(1px);
}

#ak .section-sport-card .sport-card-text p {
  margin-top: .833333vw;
  color: #797C80;
}

#ak .section-sport-card .sport-card-text p.text-light {
  color: #fff;
}

#ak .section-sport-card .sport-card-text .text-black {
  color: #000;
}

#ak .section-sport-card .sport-card-3 .sport-card-img img {
  object-fit: cover
}

#ak .section-sport-card .arrownav-list {
  position: relative;
  margin: 3.125vw 16.25vw 0 auto;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-sport-card .section-content {
    width: 82.222222vw;
  }

  #ak .section-sport-card .sport-card-img {
    width: 82.222222vw;
    border-radius: 2.222222vw
  }

  #ak .section-sport-card .swiper-slide {
    width: 82.222222vw;
    margin: 0 2.222222vw;
  }

  #ak .section-sport-card .sport-card-text {
    width: 78.083333vw;
    padding-top: 5.555556vw;
    padding-left: 6.944444vw;
    padding-bottom: 64.722222vw;
  }

  #ak .section-sport-card .sport-card-text h4 {
    font-size: 5.833333vw;
  }

  #ak .section-sport-card .sport-card-text p {
    font-size: 3.888889vw;
    margin-top: 4.444444vw;
  }

  #ak .section-sport-card .arrownav-list {
    margin: 6.666667vw 8.888889vw 0 auto;
  }
}

#ak .section-common-swiper .swiper {
  overflow: visible;
}

#ak .section-common-swiper .swiper .swiper-slide {
  width: 33.125vw;
}

#ak .section-common-swiper .swiper .swiper-slide .intro {
  width: 30.208333vw;
  margin-left: 0.833333vw;
  color: #797C80;
  font-weight: 500;
}

#ak .section-common-swiper .swiper .swiper-slide .intro strong {
  color: #000000;
}

#ak .section-common-swiper .swiper .swiper-slide.swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

#ak .section-running-content .swiper .swiper-slide.swiper-slide:not(.swiper-slide-active) {
  cursor: auto;
}

@media (max-aspect-ratio: 11/10) {
  #ak .section-common-swiper .swiper {
    margin-top: 27.777778vw;
  }

  #ak .section-common-swiper .swiper .swiper-slide {
    width: 100%;
  }

  #ak .section-common-swiper .swiper .swiper-slide .intro {
    width: 73.333333vw;
    margin-left: 4.444444vw;
    color: #86868B;
  }
}

#ak .section-emotional {
  overflow: initial;
}

#ak .section-emotional .emotional-wellbeing-assistant {
  height: 150vh;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to top, #F3F3FE 0%, #FCE7CA 33%, #FCDCA9 66%, #FFDCA6 100%);
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .intro {
  position: relative;
  margin-left: 57.5vw;
  width: 26.25vw;
  z-index: 1;
  will-change: transform, opacity;
  transform: translateX(14.166667vw);
  opacity: 0;
  transition: 0.8s ease;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial {
  will-change: transform;
  width: 34.469271vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotional-content-dial-wrap {
  will-change: transform;
  transform: scale(1);
  width: 100%;
  height: 100%;
  transition: transform 0.8s ease;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-shadow {
  position: absolute;
  width: 41.828646vw;
  top: calc(50% + 5vw);
  left: calc(50% + 4vw);
  will-change: opacity;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .images-strap-container {
  will-change: opacity;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-sequence-box,
#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container {
  will-change: opacity;
  width: 13.125vw;
  height: 13.125vw;
  top: 10.651042vw;
  left: 10.661458vw;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  transition: opacity 0.3s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-sequence-box canvas {
  width: 100%;
  height: 100%;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container {
  opacity: 0;
  transition: opacity 1s ease;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container .type-box {
  will-change: opacity;
  width: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.3s;
  opacity: 0;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container .type-box .video-container {
  will-change: opacity;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container .type-box.active {
  opacity: 1;
  z-index: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container .type-box[data-index="1"] .video-container[data-active="1"] {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container .type-box[data-index="2"] .video-container[data-active="2"] {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container .type-box[data-index="3"] .video-container[data-active="3"] {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container .type-box[data-index="4"] .video-container[data-active="4"] {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container[data-active="1"] .type-box:nth-child(1) {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container[data-active="2"] .type-box:nth-child(2) {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container[data-active="3"] .type-box:nth-child(3) {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container[data-active="4"] .type-box:nth-child(4) {
  opacity: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  width: max-content;
  margin-top: 1.666667vw;
  margin-left: 57.5vw;
  will-change: transform, opacity;
  transform: translateX(14.166667vw);
  opacity: 0;
  transition: 0.8s ease;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper {
  position: relative;
  display: flex;
  border-radius: 999px;
  background-color: #fff;
  padding: 0.3125vw;
  margin-bottom: 2.5vw;
  overflow: hidden;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  z-index: 1;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-slider {
  position: absolute;
  top: 0.3125vw;
  left: 0;
  height: calc(100% - 0.625vw);
  border-radius: 999px;
  background-color: #000;
  transition: transform 0.3s ease;
  z-index: 2;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-btn {
  flex: 1;
  padding: 0.625vw 1.25vw;
  border: none;
  background: transparent;
  color: #797C80;
  font-size: 0.9375vw;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  z-index: 3;
  transition: color 0.3s ease;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-btn.active {
  color: #FFFFFF;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images {
  display: none;
  flex-direction: row;
  justify-content: space-between;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images.active {
  display: flex;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image {
  width: 4.375vw;
  height: 4.375vw;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
  margin: 0 0.416667vw;
  transition: opacity 0.2s ease;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image img {
  border-radius: 50%;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 4.791667vw;
  height: 4.791667vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0.078125vw solid transparent;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image.selected {
  opacity: 1;
}

#ak .section-emotional[data-active="1"] .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap {
  background: linear-gradient(to bottom, #FFE3BD, #FFFFFF);
}

#ak .section-emotional[data-active="1"] .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image.selected:before {
  border-color: #DB9F66;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#ak .section-emotional[data-active="2"] .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap {
  background: linear-gradient(to bottom, #C0F0EF, #FFFFFF);
}

#ak .section-emotional[data-active="2"] .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image.selected:before {
  border-color: #5E9CB1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#ak .section-emotional[data-active="3"] .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap {
  background: linear-gradient(to bottom, #C7C7FF, #FFFFFF);
}

#ak .section-emotional[data-active="3"] .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image.selected:before {
  border-color: #9382E7;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .intro {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .emotional-shadow {
  opacity: 1;
  transition-delay: 2s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .intro p {
  color: #797C80;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .emotional-content-dial {
  transform: translate(-50%, -50%);
  transition: transform 1s ease 1s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .emotional-content-dial .emotional-content-dial-wrap {
  transform: translateX(-15.78125vw);
  transition-delay: 2s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .emotional-content-dial .images-strap-container {
  opacity: 1;
  transition: opacity 1s ease 0.5s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .emotional-content-dial .emotionals-sequence-box {
  opacity: 0;
  transition: opacity 1s ease 1s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .emotional-content-dial .emotionals-videos-container {
  opacity: 1;
  transition: opacity 1s ease 1s;
}

#ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap.active .emotional-content-switch {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2s;
}

#ak .section-emotional .emotional-swiper .swiper-slide.swiper-slide:not(.swiper-slide-active) {
  cursor: auto;
}

#ak .section-emotional .emotional-swiper .swiper-slide .images-container {
  width: 33.125vw;
  height: 28.125vw;
  background: linear-gradient(to bottom, #F5F5FA, #DFD9F5);
}

#ak .section-emotional .emotional-swiper .swiper-slide.emotional-item-2 .images-container {
  display: flex;
  align-items: center;
}

#ak .section-emotional .emotional-swiper .swiper-slide .emotional-card-swiper {
  width: 100%;
}

#ak .section-emotional .emotional-swiper .swiper-slide .emotional-card-swiper .swiper-slide .emotional-card-image {
  will-change: transform;
  width: 16.666667vw;
  transform: scale(0.6875);
  transition: transform 800ms;
}

#ak .section-emotional .emotional-swiper .swiper-slide .emotional-card-swiper .swiper-slide.swiper-slide-active .emotional-card-image {
  transform: scale(1);
}

#ak .section-emotional .arrownav-list {
  display: flex;
}

#ak .section-emotional .section-emotional-content-2 {
  overflow: hidden;
}

@media (max-aspect-ratio: 11/10) {

  #ak .section-emotional {
    overflow: hidden;
    background: none;
  }

  #ak .section-emotional .section-page-title {
    text-align: left;
  }

  #ak .section-emotional .emotional-wellbeing-assistant {
    height: auto;
    background: linear-gradient(to bottom, #FFDCA6, #FFFFFF);
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap {
    position: initial;
    height: auto;
    background: initial;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .intro {
    position: initial;
    width: 86.111111vw;
    margin: 0 auto 0 6.944444vw;
    padding-top: 11.111111vw;
    transform: translateX(0);
    opacity: 1;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .intro p {
    color: rgba(0, 0, 0, 0.6);
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial {
    position: initial;
    width: 100%;
    margin: 8.333333vw auto 3.333333vw;
    transform: translate(0, 0);
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .images-strap-container {
    opacity: 1;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-sequence-box,
  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container {
    width: 38.194444vw;
    height: 38.194444vw;
    top: 30.8166667vw;
    left: 50%;
    transform: translate(-50%, 0);
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-sequence-box {
    display: none;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-dial .emotionals-videos-container {
    opacity: 1;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch {
    position: initial;
    width: auto;
    margin-bottom: 3.333333vw;
    margin-right: auto;
    margin-left: auto;
    transform: translateX(0);
    opacity: 1;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper {
    padding: 1.111111vw;
    margin-bottom: 11.111111vw;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-slider {
    position: absolute;
    top: 1.111111vw;
    height: calc(100% - 2.222222vw);
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-btn {
    padding: 2.777778vw 3.555556vw 3.055556vw;
    font-size: 3.888889vw;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-all;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-btn[data-index="1"] {
    width: 26.805556vw;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-btn[data-index="2"] {
    width: 26.666667vw;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-btn[data-index="3"] {
    width: 32.083333vw;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-wrapper .tab-btn.active {
    color: #FFFFFF;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image {
    width: 16.666667vw;
    height: 16.666667vw;
    margin: 0 2.777778vw;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-content-switch .tab-images-container .tab-images .tab-image:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    width: 18.888889vw;
    height: 18.888889vw;
    border: 0.347222vw solid transparent;
  }

  #ak .section-emotional .emotional-swiper .swiper-slide .video-container,
  #ak .section-emotional .emotional-swiper .swiper-slide .images-container {
    width: 82.222222vw;
    height: 97.222222vw;
    background: #F5F5F7;
    display: flex;
    align-items: center;
  }

  #ak .section-emotional .emotional-swiper .swiper-slide .emotional-card-swiper {
    width: 100%;
    margin: 0;
  }

  #ak .section-emotional .emotional-swiper .swiper-slide .emotional-card-swiper .swiper-slide .emotional-card-image {
    will-change: transform;
    width: 100%;
    transform: scale(0.6153846154);
    transition: transform 400ms ease;
    box-sizing: border-box;
  }

  #ak .section-emotional .emotional-swiper .swiper-slide .emotional-card-swiper .swiper-slide.swiper-slide-active .emotional-card-image {
    transform: scale(1);
  }

  #ak .section-emotional .emotional-swiper .swiper-slide .emotional-card-swiper .swiper-slide:not(.swiper-slide-active) .emotional-card-image {
    transform: scale(0.6153846154) !important;
  }

  #ak .section-emotional .arrownav-list {
    display: flex;
  }

  #ak .section-emotional .emotional-wellbeing-assistant .emotional-wellbeing-assistant-wrap .emotional-shadow {
    width: 87.702778vw;
    top: calc(50% + 17vw);
    left: calc(50% + 29vw);
    opacity: 1;
  }
}

#ak .section-health .section-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.666667vw 2.864583vw 2.536458vw 3.697917vw;
  box-sizing: border-box;
  background: #F5F5F7;
  border-radius: .833333vw;
  overflow: hidden
}

#ak .section-health .section-health-text {
  width: 24.25vw;
  text-align: left;
  margin-left: 0
}

#ak .section-health .section-health-text .headline {
  font-size: 2.5vw;
}

#ak .section-health .section-health-text p {
  width: 21.770833vw;
  margin-top: 1.666667vw;
  color: #797C80;
}

#ak .section-health .section-health-img-wrapper {
  margin-right: 0;
  position: relative;
  width: 34.599479vw;
  height: 28.661979vw;
}

#ak .section-health .section-health-img-wrapper.active .section-health-img-bg svg {
  transform: scale(1)
}

#ak .section-health .section-health-img-wrapper.active .section-health-div {
  transform: translate(0, 0)
}

#ak .section-health .section-health-img-wrapper.active .section-health-div .section-health-hide {
  opacity: 0
}

#ak .section-health .section-health-img-wrapper.active .section-health-div .section-health-show {
  opacity: 1
}

#ak .section-health .section-health-img-wrapper.active2 .section-health-img-bg svg {
  transition: transform 0.8s 1.6s
}

#ak .section-health .section-health-img-wrapper.active2 .section-health-div {
  transition: transform 0.8s 1.6s
}

#ak .section-health .section-health-img-wrapper.active2 .section-health-div .section-health-hide {
  transition: opacity 0.8s
}

#ak .section-health .section-health-img-wrapper.active2 .section-health-div .section-health-hide p {
  color: #797C80;
}

#ak .section-health .section-health-img-wrapper.active2 .section-health-div .section-health-show {
  transition: opacity 0.8s
}

#ak .section-health .section-health-img-wrapper .section-health-img {
  width: 22.240104vw;
  position: relative;
  margin: 4.833333vw auto 0;
  box-sizing: content-box;
  z-index: 4
}

#ak .section-health .section-health-img-wrapper .section-health-img-bg {
  width: 19.654688vw;
  height: 19.654688vw;
  position: absolute;
  top: 6.21875vw;
  left: 50%;
  transform: translate(-50%, 0)
}

#ak .section-health .section-health-img-wrapper .section-health-img-bg svg {
  width: 100%;
  height: 100%;
  transform: scale(0.4);
  transition: transform 0.8s
}

#ak .section-health .section-health-img-wrapper .section-health-div {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: radial-gradient(circle at center, #FFFFFF 0%, #EEEDF9 55%, #ECD1FF 75%, #ECD1FF 100%);
  border-radius: 9.375vw;
  transition: transform 0.8s
}

#ak .section-health .section-health-img-wrapper .section-health-div .section-health-switch {
  position: relative
}

#ak .section-health .section-health-img-wrapper .section-health-div .section-health-hide {
  transition: opacity 0.8s 1.6s
}

#ak .section-health .section-health-img-wrapper .section-health-div .section-health-show {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  transition: opacity 0.8s 1.6s;
  display: flex;
  flex-direction: column
}

#ak .section-health .section-health-img-wrapper .section-health-div .section-health-show>div {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#ak .section-health .section-health-img-wrapper .section-health-div p {
  text-align: center;
  line-height: 1.25
}

#ak .section-health .section-health-img-wrapper.active .section-health-div .section-health-hide p {
  color: #797C80;
  font-size: .833333vw;
}

#ak .section-health .section-health-img-wrapper.active .section-health-div .section-health-show p {
  color: #86868B;
}

#ak .section-health .section-health-img-wrapper .section-health-div1 {
  width: 7.754687vw;
  height: 7.754687vw;
  top: 0.5vw;
  right: 5.197917vw;
  transform: translate(-8.195052vw, 11.644vw);
}

#ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-hide img {
  width: 3.207812vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .729167vw;
}

#ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show {
  width: 6.77083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show img {
  width: .98958vw;
  margin-top: 1.40625vw;
  margin-bottom: .52083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show h4 {
  font-size: 2.083333vw
}

#ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show h4 span {
  font-size: 1.04167vw
}

#ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show span {
  font-size: .625vw;
  line-height: 1.25;
  color: #86868B;
}

#ak .section-health .section-health-img-wrapper .section-health-div2 {
  width: 8.229167vw;
  height: 8.229167vw;
  left: 3.854167vw;
  top: 2.916667vw;
  transform: translate(9.33666vw, 8.88vw);
}

#ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-hide img {
  width: 2.841146vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .3125vw
}

#ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show {
  width: 6.45833vw
}


#ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show img {
  width: .865104vw;
  margin-bottom: .520833vw;
}

#ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show h4 {
  font-size: 2.083333vw
}

#ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show span {
  font-size: .625vw;
  line-height: 1.25;
  color: #86868B;
}

#ak .section-health .section-health-img-wrapper .section-health-div3 {
  width: 7.70833vw;
  height: 7.70833vw;
  transform: translate(-10.15vw, -5.89vw);
  bottom: 3vw;
  right: 3.5vw;
}

#ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-hide {
  width: 6.32292vw;
  margin-top: .36458vw;
  margin-bottom: .52083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-hide img {
  width: 2.505729vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .520833vw;
}

#ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show {
  width: 6.77083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show img {
  width: .83333vw;
  margin-bottom: .52083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show h4 {
  font-size: 2.083333vw
}

#ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show h4 span {
  font-size: .625vw
}

#ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show span {
  font-size: .625vw;
  line-height: 1.25;
  color: #86868B;
}

#ak .section-health .section-health-img-wrapper .section-health-div4 {
  width: 10.120313vw;
  height: 10.120313vw;
  transform: translate(12.723vw, -7.69vw);
  bottom: 0;
  left: -0.5vw;
}

#ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-hide {
  width: 6.32292vw;
  margin-top: .36458vw;
  margin-bottom: .52083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-hide img {
  width: 3.465625vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .78125vw;
}

#ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show {
  width: 6.77083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show img {
  width: .83333vw;
  margin-bottom: .52083vw
}

#ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show h4 {
  font-size: 1.666667vw
}

#ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show h4 span {
  font-size: .625vw;
}

#ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show span {
  font-size: .625vw;
  line-height: 1.25;
  color: #86868B;
}

#ak .section-health .section-health-img-wrapper .section-health-div .section-health-show h4 {
  color: #D7A9F8;
}


#ak .section-health .section-health-img-wrapper .section-health-div .section-health-show h4 span {
  font-size: .833333vw;
  color: inherit;
  font-weight: 500
}

@media (max-width: 810px) and (min-width: 790px) and (min-aspect-ratio: 11/10) {
  #ak .section-health .section-health-img-wrapper .section-health-img {
    width: 23.540104vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-img-bg {
    width: 20.654688vw;
    height: 20.654688vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 {
    width: 8.754687vw;
    height: 8.754687vw;
    right: 3.87917vw;
    transform: translate(-9.195052vw, 11.644vw);
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 {
    width: 9.229167vw;
    left: 3.354167vw;
    height: 9.229167vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 {
    width: 8.70833vw;
    height: 8.70833vw;
    bottom: 2vw;
    right: 3vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div4 {
    width: 10.520313vw;
    bottom: -0.8vw;
    height: 10.520313vw;
    left: -0.65vw;
  }
}

@media screen and (max-aspect-ratio: 11 / 10) {
  #ak .section-health .section-content {
    flex-direction: column-reverse;
    padding: 0;
    overflow: hidden;
    padding-bottom: 4.777778vw;
  }

  #ak .section-health .section-health-text {
    width: 83.333333vw;
    margin: 13.194444vw auto 0 6.944444vw;
  }

  #ak .section-health .section-health-text .headline {
    font-size: 6.666667vw;
  }

  #ak .section-health .section-health-text p {
    width: 95%;
    margin-top: 4.444444vw;
  }

  #ak .section-health .section-health-img-wrapper {
    width: 100%;
    height: 78.677778vw;
    margin-top: 6.666667vw;
    margin-right: 0;
  }

  #ak .section-health .section-health-img-wrapper .section-health-img {
    width: 59.306944vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-img-bg {
    width: 52.4125vw;
    height: 52.4125vw;
    top: 9vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div {
    border-radius: 25vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div .section-health-show>div {
    margin-bottom: 0
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 {
    width: 24.0125vw;
    height: 24.0125vw;
    top: -4vw;
    left: 63.75vw;
    transform: translate(-25.69444vw, 26.19444vw);
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 p {
    font-size: 1.944444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-hide {
    width: 14.72222vw;
    margin-top: 0;
    margin-bottom: 3.055556vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show {
    width: 18.05556vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show img {
    width: 2.63889vw;
    margin-bottom: 1.38889vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show h4 {
    font-size: 7.777778vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show h4 span {
    font-size: 1.944444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-show span {
    font-size: 1.944444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div1 .section-health-hide img {
    width: 8.554167vw;
    margin-bottom: 1.666667vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 {
    width: 26.856944vw;
    height: 26.856944vw;
    top: 5.277778vw;
    left: 12.055556vw;
    transform: translate(24.39444vw, 15.85556vw);
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 p {
    font-size: 1.944444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-hide {
    width: 17.22222vw;
    margin-top: 1.38889vw;
    margin-bottom: 2.22222vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show {
    width: 23.11111vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-hide img {
    width: 7.576389vw;
    margin-bottom: .972222vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show h4 {
    font-size: 7.777778vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show span {
    font-size: 1.944444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div2 .section-health-show img {
    width: 2.931944vw;
    margin-bottom: 2.20833vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 {
    width: 23.098611vw;
    height: 23.098611vw;
    top: auto;
    bottom: 2vw;
    left: 65.708333vw;
    transform: translate(-27.88888vw, -30.97222vw);
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 p {
    font-size: 1.944444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-hide {
    width: 22.52778vw;
    margin-top: 0;
    margin-bottom: 3.611111vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show {
    width: 22.833333vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show img {
    width: 2.936111vw;
    margin-bottom: 2.2vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show h4 {
    font-size: 7.777778vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show h4 span {
    font-size: 2.5vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-show span {
    font-size: 1.944444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div3 .section-health-hide img {
    width: 6.681944vw;
    margin-bottom: 1.805556vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div4 {
    width: 27.20833vw;
    height: 27.20833vw;
    left: 4.305556vw;
    bottom: 1.888889vw;
    transform: translate(32.1825vw, -28.5vw);
  }

  #ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show {
    width: 22.5vw;
    margin-top: 2vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-hide {
    width: 22.388889vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-hide img {
    width: 9.241667vw;
    margin-bottom: 2.361111vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show h4 {
    font-size: 4.444444vw
  }

  #ak .section-health .section-health-img-wrapper .section-health-div4 .section-health-show span {
    font-size: 1.944444vw;
  }

  #ak .section-health .section-health-img-wrapper .section-health-div .section-health-show h4 span {
    font-size: 2.777778vw;
  }

  #ak .section-health .section-health-img-wrapper.active .section-health-div .section-health-show p {
    font-size: 2.5vw;
  }

  #ak .section-health .section-health-img-wrapper.active .section-health-div .section-health-hide p {
    font-size: 3.055556vw;
  }
}

#ak .section-women-health .sticky-container {
  background: linear-gradient(to bottom, #DCE5FA 0%, #FFD5E0 100%)
}

#ak .section-women-health .women-health-img-shadow {
  position: absolute;
  width: 23.703125vw;
  top: calc(50% + 3vw);
  left: calc(50% + 9vw);
  transform: translate(-50%, -50%);
  opacity: 1;
}

#ak .section-women-health .women-health-img-1 {
  width: 33.031771vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

#ak .section-women-health .women-health-img-2,
#ak .section-women-health .women-health-img-3,
#ak .section-women-health .women-health-img-4 {
  width: 12.708333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  will-change: opacity;
}

#ak .section-women-health .women-health-img-3,
#ak .section-women-health .women-health-img-4 {
  opacity: 0;
}

#ak .section-women-health .women-health-top,
#ak .section-women-health .media-container {
  width: 100%;
  height: 100%;
}

#ak .section-women-health .women-health-top {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

#ak .section-women-health .women-health-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}

#ak .section-women-health .women-health-bottom::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to top, #DCE5FA 0%, #FFD5E0 100%);
  opacity: 0.6;
}

#ak .section-women-health .women-health-bottom picture {
  height: 100%;
}

#ak .section-women-health .women-health-bottom img {
  height: 100%;
  object-fit: cover;
}

#ak .section-women-health .section-content {
  position: relative;
  width: 50%;
  flex-shrink: 0;
}

#ak .section-women-health .section-content .women-health-text {
  width: 30.989583vw;
  position: absolute;
  right: 4.6875vw;
  top: calc(50% + 1.041667vw);
  transform: translateY(-50%);
}

#ak .section-women-health .section-content .women-health-text p {
  width: 25.208333vw;
  width: 95%;
  color: #797C80;
}

@media screen and (max-aspect-ratio: 11/10) {
  #ak .section-women-health .women-health-bottom {
    transform: translate(0);
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    opacity: 1;
  }

  #ak .section-women-health .women-health-bottom::before {
    display: none;
  }

  #ak .section-women-health .section-content {
    width: 100%;
    background: linear-gradient(to top, rgba(220, 229, 250, 0.6) 0%, rgba(255, 213, 224, 0.6) 100%);
  }

  #ak .section-women-health .sticky-container {
    height: auto;
    background: none;
  }

  #ak .section-women-health .section-content .women-health-text {
    position: relative;
    width: 83.333333vw;
    top: auto;
    right: auto;
    transform: unset;
    padding: 12.5vw 0 9.722222vw;
    margin-left: 6.944444vw;
  }

  #ak .section-women-health .section-content .women-health-text h3 {
    width: 52.75vw;
  }

  #ak .section-women-health .section-content .women-health-text p {
    width: 100%;
  }

  #ak .section-women-health .women-health-img-1 {
    opacity: 1;
    width: 49.861111vw;
    right: 0;
    top: 56.666667vw;
    left: auto;
    transform: unset;
  }
}

#ak .section-membership .section-text {
  width: 26.197917vw;
}

#ak .section-membership .section-text p {
  color: #797C80;
}

#ak .section-membership .headline span {
  color: #EF8B3A;
}

#ak .section-membership .media-container {
  width: 36.666667vw;
}

#ak .section-membership .section-content {
  width: 70.416667vw;
  margin-left: 16.25vw;
  margin-right: auto;
}

@media screen and (max-aspect-ratio: 11/10) {
  #ak .section-membership .section-text {
    width: 83.333333vw;
    margin-left: 2.083333vw;
  }

  #ak .section-membership .section-text h3 {
    font-size: 8.888889vw;
  }

  #ak .section-membership .section-content {
    width: 90.277778vw;
    margin-left: auto;
    margin-right: auto;
  }

  #ak .section-membership .media-container {
    width: 100%;
  }
}

#ak .section-straps {
  margin: 0 auto;
}

#ak .section-straps .section-content {
  align-items: stretch;
}

#ak .section-straps .section-straps-item {
  width: 33.125vw;
  background: linear-gradient(to bottom, #F5F5FA 0%, #DFD9F5 100%);
  padding-left: 3.333333vw;
  padding-right: 3.333333vw;
  border-radius: .833333vw;
  overflow: hidden;
  position: relative;
}

#ak .section-straps .section-straps-item h3 {
  font-size: 2.1875vw;
  line-height: 1.25;
  font-weight: bold;
  color: #000;
  margin-top: 4.166667vw;
}

#ak .section-straps .section-straps-item p {
  font-weight: 500;
  font-size: 1.145833vw;
  color: #797C80;
  width: 100%;
  margin-top: .833333vw;
}

#ak .section-straps .section-straps-item-1 {
  margin-right: auto;
}

#ak .section-straps .section-straps-item-1 .section-straps-text {
  padding: 3.125vw 0 30.416667vw;
}

#ak .section-straps .section-straps-item-1 .media-container {
  width: 24.043229vw;
  position: absolute;
  left: 5.261458vw;
  bottom: 0;
}

#ak .section-straps .section-straps-item-2 a {
  display: block;
  margin-top: .833333vw;
  font-size: 1.041667vw;
  font-weight: 500;
  transition: opacity .3s ease;
}

@media (any-hover: hover) {
  #ak .section-straps .section-straps-item-2 a:hover {
    opacity: .6;
  }
}

#ak .section-straps .section-straps-item-2 a .link-gt {
  transition: transform .3s ease-out;
  display: inline-block;
}

#ak .section-straps .section-straps-item-2 a:hover .link-gt {
  transform: translateX(3px);
}

#ak .section-straps .section-straps-item-2 .section-straps-text {
  position: relative;
  padding: 3.125vw 0 32.083333vw;
  z-index: 2;
}

#ak .section-straps .section-straps-item-2 .media-container {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 5.244792vw;

}

#ak .section-straps .straps-des {
  width: max-content;
  text-align: left;
  color: #86868B;
  position: absolute;
  left: 3.333333vw;
  right: 3.333333vw;
  bottom: 1.5625vw;
  font-size: 0.625vw;

}

@media screen and (max-aspect-ratio: 11/10) {
  #ak .section-straps {
    width: 100%;
    margin: 0;
    margin-top: 5.555556vw;
    display: block;
    flex-wrap: wrap;
  }

  #ak .section-straps .section-text {
    width: 86.111111vw;
    text-align: left;
  }

  #ak .section-straps .section-text h2 {
    font-size: 11.111111vw;
  }

  #ak .section-straps .section-content {
    flex-direction: column;
    align-items: unset;
  }

  #ak .section-straps .section-straps-item {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }

  #ak .section-straps .section-straps-item h4 {
    font-size: 8.888889vw;
    margin-left: 13.888889vw;
    margin-right: 13.888889vw;
  }

  #ak .section-straps .section-straps-item p {
    font-size: 4.444444vw;
    color: #86868B;
    width: auto;
    margin-top: 8.333333vw;
    margin-left: 13.888889vw;
    margin-right: 13.888889vw;
  }

  #ak .section-straps .section-straps-item-1 {
    margin-right: 0;
  }

  #ak .section-straps .section-straps-item-1 .section-straps-text {
    padding: 11.111111vw 0 18.611111vw;
  }

  #ak .section-straps .section-straps-item-1 .media-container {
    width: 72.361111vw;
    margin: 0 auto;
    transform: none;
    position: static;
  }

  #ak .section-straps .section-straps-item-2 {
    margin-top: 4.444444vw;
  }

  #ak .section-straps .section-straps-item-2 .section-straps-text {
    padding: 11.111111vw 0 6.944444vw;
  }

  #ak .section-straps .section-straps-item p {
    margin-top: 4.166667vw;
  }

  #ak .section-straps .straps-des {
    width: auto;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    font-size: 3.333333vw;
    margin: 0 6.666667vw 4.444444vw 16vw;
  }

  #ak .section-straps .section-straps-item-2 .media-container {
    width: 100%;
    position: static;
    margin: 0 auto 0;
    transform: none;
  }

  #ak .section-straps .section-straps-item-2 a {
    font-size: 4.444444vw;
    margin-top: 4.166667vw;
    margin-left: 13.888889vw;
    margin-right: 13.888889vw;
  }
}

#ak .arrownav-list {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -2px;
  padding-bottom: 2px;
}

#ak .arrownav-list.mob-show {
  display: none;
}

#ak .arrownav-list .arrownav-item {
  position: relative;
  overflow: hidden;
  width: 2.5vw;
  cursor: pointer;
  border-radius: 100%;
  background-color: rgba(245, 245, 247, 0.2);
  transition: opacity 0.3s;
}

#ak .arrownav-list .arrownav-disabled {
  cursor: default;
}

#ak .arrownav-list .arrownav-next {
  margin-left: 1.041667vw;
}

#ak .arrownav-list .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

@media (any-hover: hover) {
  #ak .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}

@media (hover: none) {
  #ak .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
}

@media (any-hover: none) {
  #ak .arrownav-list .arrownav-item:not(.arrownav-disabled):active {
    opacity: 1;
  }
}

@media (max-aspect-ratio: 11/10) {
  #ak .arrownav-list.mob-show {
    display: flex;
  }

  #ak .arrownav-list .arrownav-item {
    width: 11.111111vw;
  }

  #ak .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    background-color: rgba(245, 245, 247, 0.2);
    box-shadow: none;
  }

  #ak .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }

  #ak .arrownav-list .arrownav-next {
    margin-left: 4.444444vw;
  }
}

#ak .section-goodthings {
  overflow: hidden;
}

#ak .section-goodthings .goodthings-swiper {
  overflow: visible;
  width: 100%;
}

#ak .section-goodthings .swiper-slide {
  width: auto;
}

#ak .section-goodthings .section-goodthings-img {
  position: relative;
  width: 21.666667vw;
  border-radius: .833333vw;
  overflow: hidden;
}

#ak .section-goodthings .section-goodthings-text {
  width: 21.666667vw;
}

#ak .section-goodthings .goodthings-2 .section-goodthings-img {
  height: 26.041667vw;
  background: #F5F5F7;
}

#ak .section-goodthings .goodthings-2 .goodthings-img-watch {
  width: 27.5vw;
  position: absolute;
  top: 1.822917vw;
  left: 50%;
  transform: translate(-50%);
}

#ak .section-goodthings .arrownav-list {
  position: relative;
  margin: 2.5vw 16.25vw 0 auto;
}


#ak .section-goodthings .section-goodthings-text {
  color: #797C80;
  padding: 0 .833333vw;
}

#ak .section-goodthings .section-goodthings-text .fb {
  font-weight: bold;
  color: #000;
}

#ak .goodthings-container-left .goodthings-container-left-item .imgbox-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#ak .goodthings-container-left .goodthings-container-left-item .img-c {
  width: 27.48vw;
  top: 1.822917vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-mian {
  position: absolute;
  top: 9.791667vw;
  left: 50%;
  transform: translateX(-50%);
  width: 13.177083vw;
}

#ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-mian .img-1 {
  position: absolute;
  width: 11.5625vw;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-mian .img-2 {
  position: absolute;
  width: 11.5625vw;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  will-change: opacity;
}

#ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-arrow {
  position: absolute;
  right: -3.458333vw;
  opacity: 0;
  width: 2.708333vw;
}

#ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-arrow-1 {
  top: 8.645833vw;
  right: 0;
}

#ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-arrow-2 {
  top: 19.177083vw;
  right: .416667vw;
}

#ak .goodthings-2 .goodthings-container-btn {
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  transform: translateZ(0);
  border-radius: 50%;
  backdrop-filter: blur(0.416667vw);
  -webkit-backdrop-filter: blur(0.416667vw);
  background-color: rgba(128, 128, 128, 0.4);
}

@media (hover: hover) {
  #ak .goodthings-2 .goodthings-container-btn:hover {
    opacity: 0.6 !important;
  }
}

@media (hover: none) {
  #ak .goodthings-2 .goodthings-container-btn:active {
    opacity: 1 !important;
  }
}

#ak .goodthings-2 .goodthings-container-btn-img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}

#ak .goodthings-2 .goodthings-container-btn-img.active {
  opacity: 1;
  pointer-events: all;
}

@media screen and (max-aspect-ratio: 11/10) {
  #ak {
    overflow: hidden;
  }

  #ak .section-goodthings {
    overflow: hidden;
  }

  #ak .goodthings-container-top {
    display: flex;
    flex-wrap: wrap;
    margin: 16.666667vw auto 0;
    width: 100%;
  }

  #ak .goodthings-container-left {
    width: 100%;
  }

  #ak .goodthings-container-left .goodthings-container-left-item .img-c {
    width: 103.194444vw;
    top: 5.694444vw;
  }

  #ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-mian {
    position: absolute;
    top: 29.9156vw;
    left: 50%;
    transform: translateX(-50%);
    width: 43.572222vw;
  }

  #ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-mian .img-1,
  #ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-mian .img-2 {
    width: 100%;
    top: 5.694444vw;
  }

  #ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-arrow {
    position: absolute;
    right: 1.75vw;
    opacity: 0;
    width: 10vw;
  }

  #ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-arrow-1 {
    top: 31.361111vw;
  }

  #ak .goodthings-container-left .goodthings-container-left-item .goodthings-container-left-item-arrow-2 {
    right: 3.75vw;
    top: 72.472222vw;
  }

  #ak .goodthings-2 .goodthings-container-btn {
    width: 11.111111vw;
    height: 11.111111vw;
    right: 5.555556vw;
    bottom: 5.555556vw;
  }

  #ak .section-goodthings .swiper-slide {
    margin: 0 auto;
  }

  #ak .section-goodthings .section-goodthings-img {
    width: 82.222222vw;
    border-radius: 2.222222vw;
  }

  #ak .section-goodthings .section-goodthings-text {
    width: 73.333333vw;
    padding: 0 0 0 4.444444vw;
    box-sizing: content-box;
  }

  #ak .section-goodthings .goodthings-2 .section-goodthings-img {
    height: 97.222222vw;
  }

  #ak .section-goodthings .arrownav-list {
    margin: 6.666667vw 8.888889vw 0 auto;
  }

  #ak .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }

  #ak .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
}

@media (max-aspect-ratio: 11 / 10) and(max-width: 401px) {
  #ak .section-cycling-content .cycling-tab-content .cycling-swiper-content .road-cycling-swiper .swiper-slide .param-list {
    padding-bottom: 14.222222vw;
  }
}