/** Shopify CDN: Minification failed

Line 381:4 Unexpected "{"
Line 382:4 Expected identifier but found "%"
Line 403:4 Unexpected "{"
Line 404:4 Expected identifier but found "%"
Line 1098:4 "pading-top" is not a known CSS property

**/
  :root {
    --full-width-slider-height: 1000px;
    --mini-slider-width: 600px;
    --medium-slider-width: 1200px;
    --medium-slider-height: 500px;
    --subpoint-slider-height: 700px;
    --subpoint-slider-height-2: 760px;
    --subpoint-slider-width: 600px;
    --difference-border-radius: 28px;
    --minipoint-size: 150px;
  }

  @media(max-width:1070px) {
    :root {
      --full-width-slider-height: 800px;
      --medium-slider-width: 94.5vw;
      --subpoint-slider-height: 500px;
      --subpoint-slider-height-2: 500px;
      --subpoint-slider-width: 350px;
    }
  }

  @media(max-width:720px) {
    :root {
      --minipoint-size: 100px;
      --full-width-slider-height: 800px;
      --subpoint-slider-width: 300px;
      --subpoint-slider-height: 430px;
      --subpoint-slider-height-2: 475px;
    }
  }

  .difference-page-slider-overflow {
    overflow-x: hidden;
    max-width: 2560px;
  }

  .difference-page-slider-container {
    max-width: 2560px;
  }

  .difference-slide {
    width: 100vw;
    max-width: 2560px;
    height: 300px;
    flex-shrink: 0;
  }

  .difference-slider-banner-image {
    object-position: bottom;
    height: 300px;
  }

  .difference-page-slider-text {
    z-index: 1;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 0 50px 50px;
  }

  .difference-slide span {
    padding: 0 20px;
    z-index: 2;
  }

  .difference-page-slider-button {
    stroke: #ffff;
    opacity: 0.4;
    transition-timing-function: ease-out;
    transition: 0.6s;
    width: 35px;
    height: 35px;
  }

  .difference-page-slider-button:hover {
    stroke: #41d3fa;
    opacity: 1;
    transition-timing-function: ease-in;
    transition: 0.3s;
  }

  .difference-slide:not(.difference-slide-1) {
    visibility: hidden;
  }

  .fade-in-image {
    opacity: 0;
    transition: opacity 0.3s ease-in;
  }

  .fade-in-image.loaded {
    opacity: 1;
  }

  h6:not(.init_sabertrio .product-page .product-page-info__description.for-tabs-only .tab-title h6) {
    margin-bottom: 18px;
  }

  .diff-divi-8,
  .diff-divi-11,
  .diff-divi-14,
  .diff-divi-20,
  .diff-divi-24,
  .diff-divi-25,
  .diff-divi-30,
  .diff-divi-31,
  .diff-divi-32,
  .diff-divi-35 {
    height: 300px
  }

  .diff-divi-3,
  .diff-divi-5,
  .diff-divi-22,
  .diff-divi-37,
  .diff-divi-40,
  .diff-divi-41 {
    height: 150px
  }

  .diff-divi-6,
  .diff-divi-29 {
    height: 100px
  }

  .diff-divi-38 {
    height: 75px
  }

  .diff-divi-4,
  .diff-divi-7,
  .diff-divi-13,
  .diff-divi-16,
  .diff-divi-17,
  .diff-divi-19,
  .diff-divi-23,
  .diff-divi-27,
  .diff-divi-36,
  .diff-divi-39 {
    height: 50px
  }

  .diff-divi-1,
  .diff-divi-2,
  .diff-divi-9,
  .diff-divi-10,
  .diff-divi-12,
  .diff-divi-15,
  .diff-divi-18,
  .diff-divi-21,
  .diff-divi-26,
  .diff-divi-28,
  .diff-divi-33,
  .diff-divi-34 {
    height: 0px
  }

  @media(max-width:1060px) {

    .diff-divi-2,
    .diff-divi-5,
    .diff-divi-8,
    .diff-divi-11,
    .diff-divi-13,
    .diff-divi-14,
    .diff-divi-16,
    .diff-divi-17,
    .diff-divi-20,
    .diff-divi-23,
    .diff-divi-25,
    .diff-divi-30,
    .diff-divi-31,
    .diff-divi-32,
    .diff-divi-35,
    .diff-divi-37,
    .diff-divi-40,
    .diff-divi-41 {
      height: 150px
    }

    .diff-divi-9,
    .diff-divi-21 {
      height: 100px
    }

    .diff-divi-1 {
      height: 70px
    }

    .diff-divi-3,
    .diff-divi-4,
    .diff-divi-6,
    .diff-divi-7,
    .diff-divi-12,
    .diff-divi-15,
    .diff-divi-18,
    .diff-divi-19,
    .diff-divi-24,
    .diff-divi-26,
    .diff-divi-27,
    .diff-divi-28,
    .diff-divi-29,
    .diff-divi-33,
    .diff-divi-36,
    .diff-divi-38,
    .diff-divi-39 {
      height: 50px
    }

    .diff-divi-10,
    .diff-divi-22,
    .diff-divi-34 {
      height: 0px
    }
  }

  @media(max-width:720px) {
    .diff-divi-10 {
      height: 150px
    }

    .diff-divi-8,
    .diff-divi-11,
    .diff-divi-14,
    .diff-divi-20,
    .diff-divi-23,
    .diff-divi-25,
    .diff-divi-30,
    .diff-divi-31,
    .diff-divi-32,
    .diff-divi-35,
    .diff-divi-36,
    .diff-divi-37,
    .diff-divi-38,
    .diff-divi-40,
    .diff-divi-41 {
      height: 100px
    }

    .diff-divi-2,
    .diff-divi-3,
    .diff-divi-4,
    .diff-divi-5,
    .diff-divi-6,
    .diff-divi-7,
    .diff-divi-9,
    .diff-divi-12,
    .diff-divi-13,
    .diff-divi-15,
    .diff-divi-16,
    .diff-divi-17,
    .diff-divi-19,
    .diff-divi-21,
    .diff-divi-24,
    .diff-divi-26,
    .diff-divi-27,
    .diff-divi-28,
    .diff-divi-29,
    .diff-divi-33,
    .diff-divi-34,
    .diff-divi-39 {
      height: 50px
    }

    .diff-divi-1 {
      height: 25px
    }

    .diff-divi-18,
    .diff-divi-22 {
      height: 0px
    }
  }

  @media(max-width:1060px) {
    .tablet-width {
      width: 85%;
    }
  }

  @media(max-width:720px) {
    .tablet-width {
      width: auto;
    }
  }

  .highlight {
    color: #ffff;
  }

  .difference-menu-buttons-container {
    position: sticky;
    top: 48px;
    z-index: 900;
    background-color: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #101010;
  }

  .difference-menu-buttons {
    display: flex;
    justify-content: space-between;
    gap: 35px;
    align-items: center;
    padding: 5px 0 5px;
  }

  @media(max-width:720px) {
    .difference-menu-buttons {
      gap: 0;
      justify-content: center;
    }

    .difference-menu-buttons>div:first-child {
      width: 0;
    }
  }

  .difference-menu-buttons .button-1,
  .difference-menu-buttons .button-2,
  .difference-menu-buttons .button-3,
  .difference-menu-buttons .button-4 {
    font-size: 14px;
    color: #878787;
  }

  .difference-menu-buttons .button-1,
  .difference-menu-buttons .button-2,
  .difference-menu-buttons .button-3 {
    padding: 10px 15px;
    scroll-behavior: smooth;
  }

  @media(max-width:720px) {

    .difference-menu-buttons .button-1,
    .difference-menu-buttons .button-2,
    .difference-menu-buttons .button-3 {
      padding: 0px 8px;
    }
  }

  .difference-menu-buttons .button-3 {
    margin-right: 30px;
  }

  @media(max-width:720px) {
    .difference-menu-buttons .button-3 {
      margin-right: 0;
    }
  }

  .difference-menu-buttons .button-4 {
    border-radius: 4px;
    background-color: #2d8cd2;
    color: #ffff;
    height: 25px;
    width: 80px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  @media(max-width:720px) {
    .difference-menu-buttons .button-4 {
      width: 60px;
      margin-left: 8px;
    }
  }

    {
    %comment %
  }

  .off-black-1 {
    background-color: #101010;
  }

  .off-black-2 {
    background-color: #101010;
    padding-top: 150px;
    padding-bottom: 150px;
  }

  @media(max-width:720px) {
    .off-black-2 {
      background-color: #101010;
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }

    {
    %endcomment %
  }

  .off-black {
    background-color: #101010;
  }

  .header-description {
    position: absolute;
    margin-top: 750px;
    max-width: unset;
  }

  @media(max-width:720px) {
    .witness-text {
      font-size: 15px;
    }
  }

  h2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
  }

  .tab-and-mob-show {
    display: none;
  }

  @media(max-width:1060px) {
    .tab-and-mob-show {
      display: block;
    }
  }


  @media(max-width:720px) {
    .desk-and-tab-show {
      display: none;
    }
  }

  .column-description-text {
    padding: 40px 0 0 0 !important;
    height: 115px;
    align-items: flex-start !important;
  }

  @media(max-width:1060px) {
    .column-description-text {
      height: 65px;
      padding: 25px 0 0 0 !important;
    }
  }

  @media(max-width:720px) {
    .column-description-text {
      height: 60px;
      padding: 20px 0 0 0 !important;
    }
  }

  .negative-margin-top-3 {
    margin-top: -285px;
  }

  .negative-margin-top-1 {
    margin-top: -170px;
  }

  .negative-margin-top-2 {
    margin-top: -200px;
  }

  .negative-margin-top {
    margin-top: -20px;
  }

  .negative-margin-bottom-1 {
    margin-bottom: -80px;
    position: relative;
    z-index: 100;
  }

  @media(max-width:1060px) {

    .negative-margin-top-1,
    .negative-margin-top-2,
    .negative-margin-top-3,
    .negative-margin-top {
      margin-top: 0;
    }

    .negative-margin-bottom-1 {
      margin-bottom: 0;
    }
  }

  .banner-title-1 {
    position: absolute;
    margin-top: 120px;
    width: 100%;
  }

  @media(max-width:1060px) {
    .banner-title-1 {
      margin-top: 380px;
    }
  }

  @media(max-width:720px) {
    .banner-title-1 {
      margin-top: 240px;
    }
  }

  .text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
  }

  .difference-disclaimer p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
  }

  .banner-title-1 h3,
  .banner-title-1 h2,
  .banner-title-1 p {
    text-align: center;
  }

  .main-title-desc {
    text-align: center;
  }

  @media(max-width:1060px) {
    .main-title-desc {
      margin-top: 25px;
    }
  }

  @media(max-width:720px) {
    .main-title-desc {
      margin-top: 0px;
    }
  }

  @media(max-width:720px) {
    .mobile-justify {
      text-align: justify !important;
    }
  }

  .banner-title-1 a {
    height: 45px;
    margin-top: 520px;
  }

  .banner-type-1 {
    height: 1000px;
    object-fit: cover;
  }

  @media(max-width:1060px) {
    .banner-type-1 {
      height: 400px;
    }
  }

  @media(max-width:1060px) {
    .banner-type-artistry {
      height: 775px;
      object-fit: cover;
    }
  }

  @media(max-width:720px) {
    .banner-type-artistry {
      height: 360px;
      object-fit: cover;
    }
  }

  @media(max-width:720px) {
    .banner-type-1 {
      height: 300px;
    }
  }

  .banner-type-2 {
    height: 1500px;
    object-fit: cover;
  }

  .banner-type-3 {
    height: 1500px;
    object-fit: cover;
  }

  @media(max-width:1060px) {
    .banner-type-3 {
      height: 1200px;
    }
  }

  @media(max-width:720px) {
    .banner-type-3 {
      height: 900px;
      margin-top: -180px;
    }
  }

  .banner-type-4 {
    height: 1300px;
    object-fit: cover;
  }

  .banner-type-5 {
    height: 850px;
    object-fit: cover;
  }

  @media(max-width:1060px) {
    .banner-type-5 {
      height: 400px;
    }
  }

  @media(max-width:720px) {
    .banner-type-5 {
      height: 300px;
    }
  }

  .banner-type-6 {
    height: 700px;
    object-fit: cover;
  }

  .banner-type-7 {
    height: 1000px;
    object-fit: cover;
  }

  @media(max-width:1060px) {
    .banner-type-7 {
      height: 600px;
    }
  }

  @media(max-width:720px) {
    .banner-type-7 {
      height: 500px;
    }
  }

  .banner-desc-style-1 {
    max-width: 540px;
  }

  .banner-desc-style-3 {
    max-width: 600px !important;
  }

  @media(max-width:1060px) {
    .banner-desc-style-1 {
      max-width: unset;
    }
  }

  .banner-desc-style-4 {
    max-width: 550px !important;
  }

  .banner-desc-style-2 {
    max-width: 500px;
  }

  @media(max-width:1060px) {
    .banner-desc-style-2 {
      max-width: unset;
    }
  }

  .banner-text-on-off {
    position: absolute;
  }

  @media(max-width:1060px) {
    .banner-text-on-off {
      position: relative;
    }
  }

  @media(max-width:1060px) {
    .difference-flex-column {
      flex-direction: column;
    }
  }

  @media(max-width:1060px) {
    .difference-desc-centered {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
  }

  @media(max-width:720px) {
    .difference-desc-centered {
      text-align: justify;
    }

    .difference-desc-centered h2,
    .difference-desc-centered h3 {
      text-align: left;
    }
  }

  .your-saber-banner {
    display: flex;
  }

  .your-saber-banner-1,
  .your-saber-banner-2 {
    width: 50%;
  }

  .your-saber-banner-3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  @media(max-width:1060px) {
    .your-saber-banner {
      display: flex;
    }

    .your-saber-banner-1 {
      width: 0;
    }

    .your-saber-banner-2 {
      width: 100%;
    }

    @media(max-width:720px) {
      .your-saber-banner-2 {
        margin-top: 24px;
      }
    }

    .your-saber-banner-3 {
      display: unset;
    }
  }

  .your-saber-banner-5 {
    width: 50%;
  }

  .your-saber-banner-6 {
    width: 44%;
  }

  @media(max-width:1060px) {
    .your-saber-banner-5 {
      width: 0%;
    }

    .your-saber-banner-6 {
      width: 100%;
    }
  }

  .meticulous-banner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 20px;
  }

  .meticulous-text {
    margin-bottom: 110px;
  }

  .meticulous-text p {
    max-width: 480px;
  }

  .machined-banner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .machined-container-1 {
    margin-top: 60px;
  }

  .machined-container-1 .machined-container-2 {
    width: 50%;
  }

  @media(max-width:1060px) {
    .machined-banner {
      flex-direction: column;
    }


    .machined-container {
      margin-top: 15px;
    }

    .machined-container-1 .machined-container-2 {
      width: 100%;
    }

    .machined-container-1 {
      margin-top: 0;
    }
  }

  .static-text-type-1 {
    position: absolute;
    margin-top: 110px;
  }

  .static-text-type-2 {
    position: absolute;
    margin-top: -20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }

  @media(max-width:1060px) {
    .static-text-type-2 {
      position: relative;
      margin-top: 0;
    }
  }

  .corner-saber-name h2,
  .corner-saber-name h3 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
  }

  .sliderButtonSVG {
    max-width: 325px;
    height: 45px;
    fill: #45cef5;
    fill-opacity: .3;
    stroke: #41d3fa;
    stroke-width: 1.5;
    stroke-dasharray: none;
    stroke-opacity: 1;
    transition-timing-function: ease-out;
    transition: .6s;
  }

  .sliderButtonSVG:hover {
    fill-opacity: .4;
    transition-timing-function: ease-in;
    transition: 0.3s;
  }

  .text-glow {
    text-shadow: 0px 0px 30px rgb(255 255 255 / 70%), 0px 0px 30px rgb(204 204 204 / 70%);
  }

  .medium-title {
    font-size: 30px;
  }

  .bigger-title,
  .neo-blade-second-title {
    font-size: 48px;
  }

  @media(max-width:1060px) {
    .medium-title {
      font-size: 24px;
    }
  }

  @media(max-width:720px) {
    .medium-title {
      font-size: 20px;
    }
  }

  .title-type-1 {
    font-size: 30px
  }

  .title-type-2 {
    font-size: 48px
  }

  @media(max-width:1060px) {
    .title-type-1 {
      font-size: 24px
    }

    .title-type-2 {
      font-size: 40px
    }
  }

  @media(max-width:720px) {
    .title-type-1 {
      font-size: 16px
    }

    .title-type-2 {
      font-size: 24px
    }
  }

  .top-medium-title {
    font-size: 30px;
  }

  .top-bigger-title {
    font-size: 48px;
  }

  @media(max-width:1060px) {
    .top-medium-title {
      font-size: 24px;
    }

    .top-bigger-title {
      font-size: 40px;
    }
  }

  @media(max-width:720px) {
    .top-small-title {
      font-size: 16px;
    }
  }

  .main-title,
  .power-core-title,
  .neo-blade-title {
    font-size: 60px;
  }

  @media(max-width:1060px) {

    .main-title,
    .neo-blade-title {
      font-size: 48px;
    }

    .power-core-title {
      font-size: 48px;
    }

    .pretitle {
      font-size: 24px;
    }
  }

  @media(max-width:720px) {
    .main-title {
      font-size: 25px;
      line-height: 1;
    }

    .power-core-title {
      font-size: 30px;
    }

    .pretitle {
      padding-bottom: 10px;
      font-size: 20px;
    }

    .neo-blade-title {
      font-size: 19px;
    }
  }


  .beautiful-blade-title {
    margin-top: 55px;
  }

  @media(max-width:1060px) {
    .beautiful-blade-title {
      margin-top: -20px;
    }

    .bigger-title,
    .neo-blade-second-title {
      font-size: 30px;
    }
  }

  @media(max-width:720px) {
    .beautiful-blade-title {
      margin-top: -5px;
    }

    .bigger-title {
      font-size: 25px;
    }

    .neo-blade-second-title {
      font-size: 19px;
    }
  }

  .rounded-corners {
    border-radius: var(--difference-border-radius);
  }


  .medium-difference-slider-overflow {
    overflow-x: hidden;
    max-width: var(--medium-slider-width);
    height: var(--medium-slider-height);
    border-radius: var(--difference-border-radius);
  }

  .medium-difference-slider-container {
    display: flex;
  }

  .medium-slider-strip {
    display: flex;
    justify-content: center;
  }

  .medium-slide {
    max-width: var(--medium-slider-width);
    height: var(--medium-slider-height);
    flex-shrink: 0;
  }

  .medium-banner-image {
    object-position: bottom;
    height: var(--medium-slider-height);
    max-width: var(--medium-slider-width);
  }

  .medium-slide a {
    height: 44px;
    font-size: 16px;
    z-index: 2;
  }

  .medium-slide span {
    z-index: 10;
    padding: 0 20px;
  }

  .medium-slide-button {
    stroke: #ffff;
    opacity: 0.4;
    transition-timing-function: ease-out;
    transition: 0.6s;
    width: 35px;
    height: 35px;
  }

  .medium-slide-button:hover {
    stroke: #41d3fa;
    opacity: 1;
    transition-timing-function: ease-in;
    transition: 0.3s;
  }

  .medium-slider-buttons {
    height: 500px;
    width: 100%;
    max-width: var(--medium-slider-width);
  }

  .medium-slider-text {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 50px 0 0 50px;
    z-index: 1020;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .medium-slider-text h2 {
    pading-top: 50px;
  }

  .medium-slider-text p {
    max-width: 480px;
  }

  .mini-difference-slider-overflow {
    overflow-x: hidden;
    width: 600px;
    height: 600px;
    border-radius: var(--difference-border-radius);
  }

  @media(max-width:1060px) {
    .mini-difference-slider-overflow {
      margin: 0 auto;
    }
  }

  .mini-difference-slider-container {
    display: flex;
    width: calc(var(--mini-slider-width) * 13);
  }

  .mini-slider-strip {
    display: flex;
    justify-content: space-between;
    gap: 30px;
  }

  @media(max-width:1060px) {
    .mini-slider-strip {
      gap: 0px;
    }

    .difference-column-reverse {
      flex-direction: column-reverse;
    }

    .difference-column {
      flex-direction: column;
    }
  }

  .mini-slide {
    width: 600px;
    height: 600px;
    flex-shrink: 0;
  }

  .mini-banner-image {
    object-position: bottom;
    height: 600px;
    width: 600px;
  }

  @media(max-width:720px) {
    .mini-banner-image {
      object-position: center;
      max-width: 500px;
    }
  }

  .mini-slide a {
    height: 44px;
    font-size: 16px;
    z-index: 2;
  }

  .mini-slide span {
    z-index: 10;
    padding: 0 20px;
  }

  .mini-slide-button {
    stroke: #ffff;
    opacity: 0.4;
    transition-timing-function: ease-out;
    transition: 0.6s;
    width: 35px;
    height: 35px;
  }

  .mini-slide-button:hover {
    stroke: #41d3fa;
    opacity: 1;
    transition-timing-function: ease-in;
    transition: 0.3s;
  }

  .mini-slider-buttons {
    height: 600px;
    width: 600px;
  }

  @media(max-width:1060px) {
    .mini-slider-text-1 {
      padding-left: 0;
      margin: 0 auto;
      padding-left: 0;
      padding-top: 50px;
    }
  }

  .mini-slider-text-1,
  .mini-slider-text-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  @media(max-width:1060px) {
    .mini-slider-text {
      max-width: unset;

    }

    .mini-slider-text-1,
    .mini-slider-text-2 {
      width: 100%;
      max-width: 600px;
    }

    .mini-slider-text-2 {
      margin: 0 auto;
      padding-top: 50px;
    }
  }

  @media(max-width:720px) {
    .mini-slider-text {
      padding-left: 0;
      padding-top: 50px;
    }
  }

  .mini-slider-saber-title {
    position: absolute;
    width: 100%;
    padding: 0 0 50px 50px;
    z-index: 1020;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .subpoint-slider-overflow-1 {
    height: var(--subpoint-slider-height);
    width: calc(100vw - 40px);
  }

  .subpoint-slider-overflow-2 {
    width: 100vw;
  }

  @media(max-width:720px) {
    .subpoint-slider-overflow-2 {
      width: calc(100vw - 40px);
      max-width: 500px;
    }
  }

  .subpoint-difference-slider-container {
    display: flex;
    gap: 30px;
  }

  .subpoint-slider-strip {
    display: flex;
    justify-content: center;
  }

  .subpoint-slider-strip .container {
    padding: 0 !important;
  }

  .subpoint-slider-padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .subpoint-slide {
    flex-shrink: 0;
    flex-direction: column;
  }

  .subpoint-banner-image-1 {
    width: 1060px;
    height: 700px;
  }

  .subpoint-slide-1 {
    width: 1060px;

  }

  .subpoint-slider-buttons-1 {
    width: 1060px;
    padding: 0 20px;
    height: 700px;
    margin-left: 5px;
  }

  @media(max-width:720px) {

    .subpoint-slide-1,
    .subpoint-slider-buttons-1,
    .subpoint-banner-image-1 {
      max-width: 500px;
    }
  }

  .subpoint-slide-2 {
    justify-content: flex-end;
    align-items: center;
  }

  .subpoint-slide-2 {
    width: var(--subpoint-slider-width);
    height: var(--subpoint-slider-height-2);
  }

  .subpoint-slider-buttons-2,
  .subpoint-banner-image-2 {
    width: var(--subpoint-slider-width);
    height: var(--subpoint-slider-width);
  }

  .subpoint-slider-buttons-2 {
    margin-left: 5px;
    padding: 0 10px;
  }

  .subpoint-banner-image-1,
  .subpoint-banner-image-2 {
    object-position: bottom;
    border-radius: var(--difference-border-radius);
    margin: 0 auto auto auto;
  }

  .subpoint-slide a {
    height: 44px;
    font-size: 16px;
    z-index: 2;
  }

  .subpoint-slide span {
    z-index: 10;
    padding: 0 20px;
  }

  .subpoint-slide-button {
    stroke: #ffff;
    opacity: 0.4;
    transition-timing-function: ease-out;
    transition: 0.6s;
    width: 35px;
    height: 35px;
  }

  .subpoint-slide-button:hover {
    stroke: #41d3fa;
    opacity: 1;
    transition-timing-function: ease-in;
    transition: 0.3s;
  }

  .subpoint-slider-text p {
    max-width: 480px;
  }

  .subpoint-slider-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .subpoint-slider-saber-title-1,
  .subpoint-slider-saber-title-2 {
    position: absolute;
    width: var(--subpoint-slider-inner-width);
    z-index: 1020;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 160px;

  }

  .subpoint-slider-saber-title-1 {
    max-width: 600px;
    padding: 30px 0 0 50px;
  }

  @media(max-width:1060px) {
    .subpoint-slider-saber-title-1 {
      padding: 30px;
    }
  }

  .subpoint-title,
  .subpoint-desc {
    padding-top: 20px;
  }

  @media(max-width:1060px) {
    .subpoint-title {
      padding-bottom: 20px;
    }

    .subpoint-title,
    .subpoint-desc {
      padding-top: 0;
    }
  }

  @media(max-width:720px) {
    .subpoint-desc {
      font-size: 15px;
    }
  }

  .slideButton {
    stroke: #ffff;
    opacity: 0.4;
    transition-timing-function: ease-out;
    transition: 0.6s;
    width: 35px;
    height: 35px;
  }

  .slideButton:hover {
    stroke: #41d3fa;
    opacity: 1;
    transition-timing-function: ease-in;
    transition: 0.3s;
  }

  .semi-width-slide-title {
    position: absolute;
    z-index: 1020;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-left: 20px;
  }

  .full-width-slider-overflow {
    overflow-x: hidden;
    max-width: 2560px;
  }

  .full-width-slider-container {
    display: flex;
    width: calc(600px * 5);
  }

  .full-width-slider-text {
    height: var(--full-width-slider-height);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .banner-text-style-1 {
    margin-top: 150px;
  }

  @media(max-width:1060px) {
    .banner-text-style-1 {
      margin-top: 0;
    }
  }

  .banner-text-style-2 {
    margin-top: 100px;
  }

  @media(max-width:1060px) {
    .banner-text-style-2 {
      margin-top: 0px;
    }
  }

  .banner-text-style-3 {
    margin-top: 160px
  }

  @media(max-width:1060px) {
    .banner-text-style-3 {
      margin-top: 0;
    }
  }

  .banner-text-style-1 p,
  .banner-text-style-3 p {
    max-width: 480px;
  }

  @media(max-width:1060px) {

    .banner-text-style-1 p,
    .banner-text-style-3 p {
      max-width: unset;
    }
  }

  .full-width-slider-strip {
    display: flex;
    justify-content: space-between;
  }

  .full-width-slider-strip p {
    max-width: 480px;
  }


  .full-width-slide {
    width: 100vw;
    max-width: 2560px;
    height: var(--full-width-slider-height);
    flex-shrink: 0;
  }

  .full-width-slide img {
    object-position: center;
    height: var(--full-width-slider-height);
  }

  .full-width-slide a {
    height: 44px;
    font-size: 16px;
    z-index: 2;
  }

  .full-width-slider-overflow span {
    height: var(--full-width-slider-height);
    width: 100%;
    padding: 20px;
  }

  .slideButton {
    stroke: #ffff;
    opacity: 0.4;
    transition-timing-function: ease-out;
    transition: 0.6s;
    width: 35px;
    height: 35px;
  }

  .slideButton:hover {
    stroke: #41d3fa;
    opacity: 1;
    transition-timing-function: ease-in;
    transition: 0.3s;
  }

  .infinite-tape {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .infinite-tape-title {
    position: absolute;
    z-index: 10;
    text-align: center;
  }

  .tape-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
  }

  .tape {
    display: flex;
  }

  .tape img {
    height: 500px;
    width: 2843.28px;
    object-fit: cover;
    display: block;
    max-width: unset;
  }

  .minipoints {
    display: flex;
    row-gap: 100px;
    column-gap: 60px;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  @media(max-width:1060px) {
    .minipoints {
      row-gap: 50px;
      column-gap: 10px;
    }
  }

  .minipoint-width {
    width: 20%;
  }

  @media(max-width:1060px) {
    .minipoint-width {
      width: 30%;
    }
  }

  @media(max-width:720px) {
    .minipoint-width {
      width: 47%;
    }
  }

  .minipoint-box:not(minipoint-tablet) {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
  }

  .minipoint-tablet {
    display: none !important;
  }

  @media(max-width:1060px) {
    .minipoint-tablet {
      display: flex !important;
    }
  }

  @media(max-width:720px) {
    .minipoint-tablet {
      display: none !important;
    }
  }

  .minipoint-box img {
    width: var(--minipoint-size);
    height: var(--minipoint-size);
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #202020;
  }

  .minipoint-slides {
    height: var(--minipoint-size);
    display: flex;
  }

  .minipoint-slides img {
    position: absolute;
  }

  .minipoint-desc em {
    font-size: 11px;
  }

  .minipoint-title,
  .minipoint-desc {
    font-size: 15px;
  }

  .minipoint-title {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #404040;
  }

  .minipoint-desc {
    padding-top: 15px;
  }

  @media(max-width:720px) {

    .minipoint-title,
    .minipoint-desc {
      font-size: 14px;
    }

    .minipoint-desc {
      padding-top: 15px;
    }

    .minipoint-title {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }

  .subpoints-wrapper {
    display: flex;
  }

  .highlight-subpoints {
    column-gap: 20px;
  }

  .subpoints {
    column-gap: 10px;
  }

  .subpoints,
  .highlight-subpoints {
    display: flex;
    row-gap: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  @media(max-width:1060px) {
    .subpoints {
      justify-content: space-evenly;
    }
  }

  .subpoint-box {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
  }

  .three-row img,
  .four-row img,
  .highlight-four-row img,
  .flexible-row img {
    object-fit: cover;
    border-radius: var(--difference-border-radius);
  }

  .three-row img {
    width: 400px;
    height: 400px;
  }

  @media(max-width:1060px) {
    .three-row img {
      width: 320px;
      height: 270px;
    }
  }

  @media(max-width:720px) {
    .three-row img {
      width: 150px;
      height: 150px;
    }
  }

  .flexible-row {
    width: 30%;
  }

  @media(max-width:720px) {
    .flexible-row {
      width: 48%;
    }
  }

  .flexible-row img {
    width: 400px;
    height: 400px;
  }

  @media(max-width:1060px) {
    .flexible-row img {
      width: 320px;
      height: 270px;
    }
  }

  @media(max-width:720px) {
    .flexible-row img {
      width: 200px;
      height: 200px;
    }
  }

  .subpoint-box p:not(.subpoint-title),
  .subpoint-with-icon p:not(.subpoint-title) {
    width: 100%;
  }

  .four-row {
    width: 23%;
  }

  @media(max-width:1060px) {
    .four-row {
      width: 45%;
      max-width: 360px;
    }

    .highlight-four-row {
      width: 48%;
      max-width: 100%;
    }
  }

  @media(max-width:720px) {

    .highlight-four-row,
    .four-row {
      width: 46%;
    }
  }

  .three-row {
    width: 30%;
  }

  .subpoint-with-icon {
    border: 1px solid #404040;
    border-radius: 8px;
    padding: 15px;
  }

  .subpoint-with-icon img {
    width: 60px;
    margin-bottom: 5px
  }

  .subpoint-with-icon p {
    max-width: 450px;
  }

  .config-subpoints {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  @media(max-width:720px) {
    .config-subpoints {
      padding: 0 20px;
    }

    .config-subpoints h2 {
      font-size: 19px;
      margin-bottom: 25px;
    }
  }

  .config-subpoints img {
    width: 150px;
    padding-bottom: 20px;
  }

  .config-styled-box {
    border: 1px solid #eceeeecc;
    background: linear-gradient(to bottom, #141c2299 35%, #14486699 100%);
    border-radius: var(--difference-border-radius);
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 510px;
  }

  @media(max-width:1060px) {
    .config-styled-box {
      max-width: 510px;
      width: 100%;
    }
  }

  .config-styled-box p {
    color: white !important;
  }


  .config-subpoints h2 {
    text-align: center;
    padding: 0 20px;
  }

  .config-subpoints-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1060px;
  }

  @media(max-width:1060px) {
    .config-subpoints-container {
      flex-direction: column;
      width: auto;
    }
  }

  .config-desc {
    margin-top: -160px;
  }

  .fully-operation-desc {
    margin-top: -160px;
    padding-bottom: 0px;
  }

  @media(max-width:720px) {
    .fully-operation-desc {
      margin-top: 0;
      margin-bottom: 220PX;
    }
  }

  @media(max-width:1060px) {
    .config-desc {
      margin-top: 0;
    }
  }

  .one-core-title {
    margin-top: 100px;
  }

  @media(max-width:1060px) {
    .one-core-title {
      margin-top: 0;
    }
  }

  .desc-width-1 {
    max-width: 900px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  @media(max-width:1060px) {
    .desc-width-2 {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
  }

  @media(max-width:720px) {
    .desc-width-2 {
      max-width: 540px;
      text-align: left;
    }

  }

  .masterpiece-subpoints-wrapper {
    display: flex;
  }

  .masterpiece-subpoints {
    display: flex;
    row-gap: 20px;
    column-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .masterpiece-subpoint-box {
    display: flex;
    flex-direction: column;
    width: 30%;
    flex: 0 0 auto;
  }

  .masterpiece-subpoint-box img {
    width: 400px;
    height: 400px;
    margin-bottom: 10px;
    object-fit: cover;
    border-radius: 6px;
  }

  .masterpiece-subpoint-box p {
    margin-top: 10px;
    width: 100%;
  }

  #videoToggle {
    cursor: pointer;
    width: 30px;
  }

  #playButton,
  #pauseButton,
  #replayButton {
    background-color: #2d8cd2;
    color: #ffff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 16px;
  }

  @media(max-width:720px) {

    #playButton,
    #pauseButton,
    #replayButton {
      font-size: 13px;
      padding: 5px 10px;
    }

    .difference-video-buttons {
      gap: 10px !important;
    }
  }

  .difference-video-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    z-index: 100;
    position: relative;
  }

  #videoContainer {
    height: auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
  }

  @media(max-width:1060px) {
    #videoContainer {
      height: auto;
    }
  }

  .rounded-image-frame {
    max-height: 500px;
    overflow: hidden;
    border-radius: var(--difference-border-radius);
    display: flex;
    align-items: flex-start;
  }

  @media(max-width:1060px) {
    .rounded-image-frame {
      max-height: 350px;
      max-width: 800px;
      justify-content: center;
    }
  }

  @media(max-width:720px) {
    .rounded-image-frame {
      max-height: 200px;
    }

    .rounded-image-frame img {
      object-fit: cover;
      height: 255px;
    }
  }

  .CTA-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
  }

  .CTA-buttons a {
    width: 100%;
    max-width: 362px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    max-height: 49px;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
  }

  .CTA-buttons a:hover {
    color: #ffff;
  }

  @media(max-width:1060px) {
    .CTA-buttons a {
      padding-top: 20px;
      max-width: 350px;
    }
  }

  @media(max-width:720px) {
    .CTA-buttons a {
      font-size: 16px;
      padding-top: 15px;
      max-width: 250px;
    }
  }

  .CTA-buttons b {
    position: absolute;
  }

  .CTA-buttons a .button-background {
    width: 100%;
    background: url(/cdn/shop/files/Button_bf3dbdef-5166-4088-83f4-7119730f07e7.png?v=1720605773);
    border: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #41d3fa;
    min-height: 48px;
  }

  @media(max-width:720px) {
    .CTA-buttons a .button-background {
      min-height: 35px;
    }
  }

  .CTA-image-frame {
    border-radius: 8px;
    height: 400px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  @media(max-width:1060px) {
    .CTA-image-frame {
      max-height: 320px;
      aspect-ratio: 1;
    }
  }

  @media(max-width:720px) {
    .CTA-image-frame {
      height: 250px;
    }
  }

  .CTA-image-frame p,
  .CTA-image-frame h5 {
    position: absolute;
    color: #fff !important;
    z-index: 10;
    bottom: 170px;
  }

  @media(max-width:1060px) {

    .CTA-image-frame p,
    .CTA-image-frame h5 {
      bottom: 120px;
    }

    .CTA-image-frame h5 {
      font-size: 20px !important;
    }
  }

  @media(max-width:720px) {

    .CTA-image-frame p,
    .CTA-image-frame h5 {
      margin-bottom: 14px !important;
      bottom: 110px;
    }

    .CTA-image-frame p {
      font-size: 12px;
    }

    .CTA-image-frame h5 {
      font-size: 16px !important;
    }
  }

  .CTA-image-frame img {
    object-fit: cover;
    height: 100%;
    position: relative;
    transform: scale(1);
    transition: transform 0.5s ease-out;
  }

  @media(max-width:1060px) {
    .CTA-image-frame img {
      width: 100%;
      height: auto;
    }
  }

  .CTA-image-frame img:hover {
    transition: transform 0.5s ease-out;
    transform: scale(1.1);
  }

  .CTA-button-container {
    max-width: 400px;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media(max-width:1060px) {
    .CTA-container-last {
      padding-right: 20px;
    }
  }

  .hidden-text {
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease-out;
  }

  .hidden-text:hover {
    opacity: 0.5;
    transition: opacity 0.5s ease-in;
  }

  .compare-columns {
    display: flex;
  }

  .config-bottom-border {
    width: 70%;
    border-bottom: 1px solid #404040;
  }

  .column:last-child .column-cell {
    border-right: none;
  }

  .column-cell {
    width: 100%;
    flex: none !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid #404040;
  }

  .column-cell p,
  .column-cell h5 {
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0 40px;
    margin: 0 !important;
  }

  .compare-columns {
    display: flex;
  }

  .column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .column .c4 {
    border-right: none;
  }

  .c4 {
    padding-bottom: 30px;
  }

  .c5,
  .c6,
  .c7,
  .c8,
  .c9 {
    padding: 50px 0;
  }

  @media(max-width:1060px) {

    .c5,
    .c6,
    .c7,
    .c8,
    .c9 {
      padding: 40px 0;
    }

    .c4 {
      padding-bottom: 40px;
    }
  }

  @media(max-width:720px) {
    .c4 {
      padding-bottom: 20px;
    }
  }

  .img-pad {
    padding-bottom: 15px;
    height: 85px;
  }

  @media(max-width:1060px) {
    .img-pad {
      height: 75px;
    }
  }

  @media(max-width:720px) {
    .img-pad {
      height: 60px;
    }
  }

  @media (max-width: 1060px) {
    .column-cell p {
      font-size: 16px;
      padding: unset;
    }

    .compare-scroll {
      overflow-x: scroll;
    }
  }

  @media (max-width: 619px) {
    .compare-columns {
      width: 580px;
    }
  }