.page-width {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
.sectionAnimate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}
.sectionAnimate.visible {
  opacity: 1;
  transform: translateY(0);
}
.common-button-white,
.common-button-white-blackText,
.common-button-black {
  transition: all .5s;
}
.common-arrow-svg rect {
  transition: all .5s;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
  .common-button-white:hover,
  .common-button-black:hover {
    background: #404040 !important;
    color: #fff !important;
    outline-color: #404040 !important;
    border-color: #404040 !important;
  }
  .common-button-white-blackText:hover {
    background: #d1d5db !important;
    color: #0a0a0a !important;
    outline-color: #a3a3a3 !important;
    border-color: #a3a3a3 !important;
  }
  .common-arrow-svg:hover rect {
    fill: #fafafa !important;
  }
}
.common-header {
  color: #2f2f2f !important;
  font-family: var(--Shokz-Sans-Display, "Shokz Sans Display");
  font-size: var(--fontSize-28, 28px);
  line-height: 110%;
  margin-bottom: var(--tophead);
}
.common-swiper-center-direction .common-swiper-center-direction-button:after {
  display: none;
}
@keyframes slideUpOpt {
  0% {
    opacity: 0;
    transform: translateY(20%) scale(.98);
    -moz-transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    -moz-transform: translateY(0%);
  }
}
@keyframes swiperPlatefadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.headerLeft {
  text-align: left;
}
.headerCenter {
  text-align: center;
}
.headerRight {
  text-align: right;
}
.footer_new .county-socialCurrent-wrapper .county-current-wrapper {
  position: initial;
}
.footer_new_wrapper .footer-menu .footer-menu-item .second-menu .child-title {
  font-size: 13px;
}
.footer-menu .footer-menus-wrapper .footer-menu-item:not(:last-of-type) {
  margin: 0;
  width: 200px;
}
@media (max-width: 900px) {
  .footer-menu .footer-menus-wrapper .footer-menu-item:not(:last-of-type) {
    width: 100%;
  }
  .footer-menu .footer-menus-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 132px;
  }
  .footer-menu .footer_new .county-current-wrapper {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .page-width {
    padding: 0 16px;
  }
  .common-header {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: var(--tophead_mb);
  }
  .common-swiper-show {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .common-swiper-show .common-swiper-pagination {
    position: unset;
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .common-swiper-show .common-swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: var(--icon-quaternary, #BABABA);
    margin: 0;
    opacity: 1;
    transition: width .3s, color .3s;
  }
  .common-swiper-show .common-swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    background: var(--font-white, #000);
  }
  .common-swiper-show .common-swiper-direction {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .common-swiper-show .common-swiper-button {
    position: unset;
    width: unset;
    height: unset;
    margin-top: unset;
  }
  .common-swiper-center-direction {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
  }
  .common-swiper-center-direction .common-swiper-center-direction-button:after {
    display: none;
  }
  .common-swiper-center-direction .common-swiper-center-direction-button {
    position: unset;
    width: unset;
    height: unset;
    margin-top: unset;
  }
}
@font-face {
  font-family: shokz product name regular;
  src: url(/custom/ext/7b6ebade74-ShokzSansProductName-Regular_92b98182-7f24-4e55-b664-62d2563a9c01.woff2);
  font-display: swap;
}
@font-face {
  font-family: shokz product name extrabold;
  src: url(/custom/ext/3048d1558e-ShokzSansProductName-ExtraBold_384fb0b9-fbcc-40e3-acf5-db368564fee8.woff2);
  font-display: swap;
}
@font-face {
  font-family: "Young Serif";
  src: url(https://fonts.gstatic.com/s/youngserif/v2/3qTpojO2nS2VtkB3KtkQZ2t6.ttf) format("truetype");
  font-display: swap;
}
.product-name-text-display {
  font-family: var(--Shokz-Sans-Text, "Shokz Sans Text");
  font-weight: 400;
  text-transform: none;
}
.product-name-svg[data-product-name-svg] {
  --product-name-svg-height-ratio: 1;
  width: auto;
}
.product-name-svg[data-product-name-svg=opencomm22025upgrade],
.product-name-svg[data-product-name-svg=opencomm2uc2025upgrade] {
  --product-name-svg-height-ratio: 1.6087;
}
.scroll-animation {
  opacity: 0;
  transform: translateY(50%);
  transition: .5s linear .1s;
}
.scroll-animation.active {
  opacity: 1;
  transform: unset;
}