/** Shopify CDN: Minification failed

Line 3029:2 Unexpected "<"

**/
  * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
  }

  .wd-tanklessro-banner {
      width: 100%;
      background: linear-gradient(90deg, #CFFEDA 20.84%, #96BBFF 87.27%);
      position: relative;
      height: 500px;
      overflow: hidden;
      animation: clipPathAnimation 1.5s forwards linear;
  }

  @keyframes clipPathAnimation {
      0% {
          clip-path: inset(0 0 0 0);
      }

      10% {
          clip-path: inset(0 0 0 0);
      }

      20% {
          clip-path: ellipse(300% 100% at 50% 0%);
      }

      30% {
          clip-path: ellipse(260% 100% at 50% 0%);
      }

      40% {
          clip-path: ellipse(220% 100% at 50% 0%);
      }

      50% {
          clip-path: ellipse(180% 100% at 50% 0%);
      }

      60% {
          clip-path: ellipse(155% 100% at 50% 0%);
      }

      70% {
          clip-path: ellipse(135% 100% at 50% 0%);
      }

      80% {
          clip-path: ellipse(120% 100% at 50% 0%);
      }

      90% {
          clip-path: ellipse(105% 100% at 50% 0%);
      }

      100% {
          clip-path: ellipse(95% 100% at 50% 0%);
      }
  }

  @keyframes iconAnimation {
      0% {
          transform: translate(-50%, 200px);
          opacity: 0;
      }

      10% {
          transform: translate(-50%, 178px);
          opacity: 0.1;
      }

      20% {
          transform: translate(-50%, 156px);
          opacity: 0.2;
      }

      30% {
          transform: translate(-50%, 134px);
          opacity: 0.3;
      }

      40% {
          transform: translate(-50%, 112px);
          opacity: 0.4;
      }

      50% {
          transform: translate(-50%, 90px);
          opacity: 0.5;
      }

      60% {
          transform: translate(-50%, 68px);
          opacity: 0.6;
      }

      70% {
          transform: translate(-50%, 46px);
          opacity: 0.7;
      }

      80% {
          transform: translate(-50%, 24px);
          opacity: 0.8;
      }

      90% {
          transform: translate(-50%, 2px);
          opacity: 0.9;
      }

      100% {
          transform: translate(-50%, -20px);
          opacity: 1;
      }
  }

  @keyframes bounceAlpha {
      0% {
          opacity: 1;
          transform: translate(-50%, 62%) scale(1);
      }

      25% {
          opacity: 0;
          transform: translate(-50%, 9px) scale(0.9);
      }

      26% {
          opacity: 0;
          transform: translate(-50%, -9px) scale(0.9);
      }

      55% {
          opacity: 1;
          transform: translate(-50%, 62%) scale(1);
      }
  }



  .wd-tanklessro-banner-text {
      height: 100%;
      display: flex;
      flex-direction: column;
      row-gap: 12px;
      max-width: 1280px;
      padding: 0 48px;
      justify-content: center;
      margin: 0 auto;
      position: relative;
      z-index: 2;
  }

  .wd-tanklessro-banner-title {
      color: var(--111111, #111);
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
      max-width: 874px;
  }

  .wd-tanklessro-banner-info {
      color: var(--111111, #111);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      max-width: 560px;
  }

  .wd-tanklessro-banner-img {
      position: absolute;
      bottom: 0;
      right: calc(50% - 770px);

  }

  .wd-tanklessro-banner-img img {
      width: 74.25vw;
      max-width: 1000px;
      display: block;
  }

  .wd-tanklessro-share {
      max-width: 1280px;
      padding: 12px 48px;
      margin: 0 auto;
  }

  .wd-tanklessro-share-item-icon svg {
      display: block;
      width: 30px;
      height: 30px;
  }

  .wd-tanklessro-share-items {
      display: flex;
      justify-content: space-between;
      font-weight: 400;
  }

  .wd-tanklessro-share-item {
      display: flex;
      column-gap: 8px;
      align-items: center;
      cursor: pointer;
  }

  .wd-tanklessro-scene-pc {
      display: block;
  }

  .wd-tanklessro-scene-pad {
      display: none;
  }

  .wd-tanklessro-why {
      background: #CEE2EB;

  }

  .wd-tanklessro-why-content {
      max-width: 1280px;
      margin: 0 auto;
      padding: 80px 48px;
  }

  .wd-tanklessro-why-content-title {
      color: var(--111111, #111);
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      text-transform: capitalize;
      text-align: center;
      margin-bottom: 50px;
  }

  .wd-tanklessro-why-content-info {
      display: flex;
      column-gap: 40px;
      position: relative;
      align-items: flex-end;
  }

  .wd-tanklessro-why-content-info-pad-content {
      display: none;
  }

  .wd-tanklessro-why-info-item {
      max-width: 650px;
      width: 50%;
  }

  .wd-tanklessro-why-info-img {
      height: 260px;
  }

  .wd-tanklessro-why-info-img img {
      width: 225px;
      display: block;
      margin: 0 auto;
  }

  .wd-tanklessro-why-info-1 .wd-tanklessro-why-info-img {
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.60);
  }

  .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-img img {
      width: 279px;
  }

  .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-img {
      border-radius: 24px;
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #599CC1;
  }

  .wd-tanklessro-why-info-vs {
      position: absolute;
      top: 190px;
      left: calc(50% - 87px);

  }

  .wd-tanklessro-why-info-vs img {
      width: 174px;
      display: block;
  }

  .wd-tanklessro-why-info-1 {
      border-radius: 24px;
      background: rgba(60, 138, 183, 0.80);
  }

  .wd-tanklessro-why-info-2 {
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.80);
  }

  .wd-tanklessro-why-info-item-content {
      padding: 24px 60px 60px;

  }

  .wd-tanklessro-why-info-item-content-tags {
      display: flex;
      flex-wrap: wrap;
      column-gap: 16px;
      row-gap: 16px;
      margin-bottom: 24px;
  }

  .wd-tanklessro-why-info-item-content-tag {
      padding: 8px 16px;
      color: #FFF;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      text-transform: capitalize;
      border-radius: 4px;
      border: 2px solid var(--FFFFFF, #FFF);
  }

  .wd-tanklessro-why-info-item-content-des-text {
      color: var(--FFFFFF, #FFF);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      text-transform: capitalize;
      margin-bottom: 8px;
  }

  .wd-tanklessro-why-info-item-content-des-text-link {
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      text-decoration-line: underline;
      cursor: pointer;
  }

  .wd-tanklessro-why-info-item-content-lr {
      margin-bottom: 24px;
  }

  .wd-tanklessro-why-info-item-content-title {
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
      /* 20px */
      text-transform: capitalize;
      margin-bottom: 8px;
  }

  .wd-tanklessro-why-info-item-content-text {
      display: flex;
      column-gap: 16px;
  }

  .wd-tanklessro-why-info-item-content-img {
      width: 84px;
  }

  .wd-tanklessro-why-info-item-content-img img {
      width: 84px;
      display: block;
  }

  .wd-tanklessro-why-info-item-content-des {
      width: calc(100% - 100px);
  }

  .wd-tanklessro-why-info-item-content-tb-text {
      color: #FFF;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      margin-top: 24px;
      text-transform: capitalize;
  }

  .wd-tanklessro-why-info-item-content-tb-text span {
      font-weight: 600;
  }

  .wd-tanklessro-why-info-item-content-tb-img img {
      width: 100%;
      display: block;
      margin-top: 11px;
  }

  .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-tag {
      color: #111;
      border: 2px solid var(--111111, #111);
  }

  .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-title {
      color: var(--111111, #111);
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
      /* 20px */
      text-transform: capitalize;
  }

  .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-des-text {
      color: var(--666666, #666);
  }

  .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-tb-text {
      color: var(--666666, #666);
  }

  .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-tb-text span {
      color: #111;
      font-weight: 600;
  }

  .wd-tanklessro-choose {
      max-width: 1280px;
      padding: 80px 48px;
      margin: 0 auto;
  }

  .wd-tanklessro-choose-title {
      color: #000;
      text-align: center;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
      margin-bottom: 40px;
  }

  .wd-tanklessro-choose-item {
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      justify-content: center;
      border-radius: 40px;
      background: #F6F8FC;
      padding: 40px 50px;
  }

  .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item {
      padding: 0 50px;
      height: 375px;
  }

  .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item:nth-child(1) {
      margin-bottom: 30px;
  }

  .wd-tanklessro-choose-item-topleft {
      width: 60.13%;
  }

  .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-title {
      color: #111;
      text-align: center;
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
  }

  .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-img img {
      display: block;
      width: 100%;
  }

  .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-text {
      color: #666;
      text-align: center;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
  }

  .wd-tanklessro-choose-item-topright {
      width: 37.77%;
  }

  .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-weighttext {
      color: #000;
      text-align: center;
      font-size: 28px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      /* 35px */
  }

  .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-text {
      color: var(--666666, #666);
      text-align: center;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
  }

  .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-colortext {
      background: linear-gradient(105deg, #036AFF 9.45%, #138DF5 48.85%, #036AFF 93.49%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: center;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
      /* 55px */
  }

  .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-img img {
      width: 100%;
      display: block;
  }

  .wd-tanklessro-choose-item-top {
      margin-bottom: 30px;
  }

  .wd-tanklessro-choose-item-top,
  .wd-tanklessro-choose-item-bottom {
      display: flex;
      column-gap: 30px;
  }

  .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item {
      max-width: 544px;
      width: 100%;
  }

  .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) {
      max-width: 866px;
      width: 100%;
  }

  .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(1) {
      color: var(--111111, #111);
      font-size: 48px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
  }

  .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(2) {
      color: var(--111111, #111);
      font-size: 42px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
  }

  .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-title {
      color: #000;
      text-align: center;
      font-size: 36px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
  }

  .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-text {
      color: #666;
      text-align: center;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      /* 30px */
  }

  .wd-tanklessro-scene-pc {
      background-color: #fff;
      height: 100vh;
  }

  .wd-tanklessro-scene-pc-items {
      position: relative;
  }

  .wd-tanklessro-scene-pc-item {
      max-width: 1280px;
      margin: 0 auto;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      row-gap: 80px;
      position: absolute;
      top: 0;
      left: calc(50% - 640px);
      background-color: #fff;
      /* opacity: 1; */
  }

  /* .wd-tanklessro-scene-pc-item-first {
        position: relative;
        left: auto;
        opacity: 1;
    } */
  .wd-tanklessro-scene-pc-item-first {
      z-index: 5;
  }

  .wd-tanklessro-scene-pc-item-second {
      z-index: 4;
  }

  .wd-tanklessro-scene-pc-item-third {
      z-index: 3;
  }

  .wd-tanklessro-scene-pc-item-fourth {
      z-index: 2;
  }

  .wd-tanklessro-scene-pc-item-fifth {
      z-index: 1;
  }

  .wd-tanklessro-scene-pc-item-title {
      color: var(--111111, #111);
      text-align: center;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
  }

  .wd-tanklessro-scene-pc-item-content {
      padding: 0 48px;
      display: flex;
      column-gap: 40px;

  }

  .wd-tanklessro-scene-pc-item-img {
      width: 50%;
      position: relative;
  }

  .wd-tanklessro-scene-pc-item-img img {
      display: block;
      width: 100%;

  }

  .wd-tanklessro-scene-pc-item-img img:nth-child(1) {
      display: block;
      position: relative;
      opacity: 1;
      transition: 0.5s all;
  }

  .wd-tanklessro-scene-pc-item-img img:nth-child(2) {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: 0.5s all;
  }

  .wd-tanklessro-scene-pc-item-img img:nth-child(3) {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: 0.5s all;
  }


  .wd-tanklessro-scene-pc-item-text {
      width: calc(50% + 40px);
  }

  .wd-tanklessro-scene-pc-item-text-left {
      padding-right: 40px;
  }

  .wd-tanklessro-scene-pc-item-text-right {
      padding-left: 40px;
  }

  .wd-tanklessro-scene-pc-item-text-group {
      padding-left: 40px;
      border-left: 4px solid #e1e1e1;
  }

  .wd-tanklessro-scene-pc-item-text-group-active {
      border-left: 4px solid #036AFF;
  }

  .wd-tanklessro-scene-pc-item-subtitle {
      color: var(--111111, #111);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%;
      margin-bottom: 40px;
  }

  .wd-tanklessro-scene-pc-item-subtitle-click {
      color: #999;
      cursor: pointer;
  }

  .wd-tanklessro-scene-pc-item-subtitle-click-active {
      color: #111;
  }

  .wd-tanklessro-scene-pc-item-info {
      color: var(--111111, #111);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 180%;
  }

  .wd-tanklessro-scene-pc-item-info-click {
      display: none;
      margin-bottom: 40px
  }

  .wd-tanklessro-scene-pc-item-info-active {
      display: block;
  }





  /* start */
  .wd-tanklessro-popup-filter {
      width: 100%;
      height: 100vh;
      background-color: #fff;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999999;
      display: none;
  }

  .wd-tanklessro-popup-filter-close-btn {
      width: 50px;
      bottom: 30px;
      left: 9.38vw;
      position: fixed;
      cursor: pointer;
      z-index: 2;

  }

  .wd-tanklessro-popup-filter-close-btn svg {
      width: 50px;
      height: 50px;
      display: block;
  }

  .wd-product-page-more_economical-animation1 {
      display: flex;
      align-items: center;
      column-gap: 2.08vw;
      height: 100%;
      justify-content: center;


  }

  .wd-tanklessro-popup-filter-mobile {
      display: none;
  }

  .wd-product-page-more_economical-animation1-media video {
      width: 31.25vw;
      height: 31.25vw;
      display: block;
      margin-bottom: 2.08vw;
  }

  .wd-product-page-more_economical-animation1-text {
      width: 21.35vw;
  }

  .wd-product-page-more_economical-animation1-text span {
      font-weight: 500;
      color: #036AFF;
  }


  .wd-product-page-more_economical-animation1-title {
      font-weight: 600;
      font-size: 1.25vw;
      line-height: 125%;
      color: #111111;
      margin-bottom: 0.625vw;

  }

  .wd-product-page-more_economical-animation1-subtitle {
      font-weight: 400;
      font-size: 0.83vw;
      line-height: 125%;
      color: #666666;

  }

  .wd-product-page-more_economical-animation1-info {
      display: flex;
      align-items: center;
      column-gap: 4.16vw;
  }

  .wd-product-page-more_economical-animation1-table table {
      width: 45.83vw;
      border-radius: 16px;
      display: block;
      overflow: hidden;
  }

  .wd-product-page-more_economical-animation1-table-title {
      font-weight: 600;
      font-size: 1.666vw;
      line-height: 125%;
      color: #FFFFFF;
      background-color: #5BA7D8;
      text-align: center;
      padding: 1.04vw 0 0.833vw;
  }

  .wd-product-page-more_economical-animation1-table-subtitle {
      font-weight: 400;
      font-size: 1.04vw;
      line-height: 125%;
      color: #FFFFFF;
  }

  .wd-product-page-more_economical-animation1-table {
      width: 45.83vw;
      border-radius: 16px;
      overflow: hidden;
  }

  .wd-product-page-more_economical-animation1-table-title-bigtitle {
      font-weight: 600;
      font-size: 1.666vw;
      line-height: 125%;
      color: #FFFFFF;
      margin-bottom: 4px;
  }

  .wd-product-page-more_economical-animation1-table-title-subtitle {
      font-weight: 400;
      font-size: 1.04vw;
      line-height: 125%;
      color: #FFFFFF;
  }

  .wd-product-page-more_economical-animation1-table-content {
      padding: 0 2.08vw 0.625vw;
      background-color: #F6F8FC;
  }

  .wd-product-page-more_economical-animation1-table-content-item {
      display: flex;
      border-bottom: 1px solid #DDDDDD;
  }

  .wd-product-page-more_economical-animation1-table-content-item:last-child {
      border-bottom: none;
  }

  .wd-product-page-more_economical-animation1-table-content-item-info {
      width: 10.41vw;
      padding: 0.911vw 0;
      text-align: center;
  }

  .wd-product-page-more_economical-animation1-table-content-item-info-img img {
      width: 6.25vw;
      display: block;
      margin: 0 auto;
  }

  .wd-product-page-more_economical-animation1-table-content-item:nth-child(1) {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .wd-product-page-more_economical-animation1-table-content-item .wd-product-page-more_economical-animation1-table-content-item-info {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .wd-product-page-more_economical-animation1-table-content-item .wd-product-page-more_economical-animation1-table-content-item-info:nth-child(1) {
      display: block;
  }

  .wd-product-page-more_economical-animation1-table-content-item:last-child .wd-product-page-more_economical-animation1-table-content-item-info:last-child {
      width: calc(100% - 10.41vw);
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .wd-product-page-more_economical-animation1-table-content-item:first-child .wd-product-page-more_economical-animation1-table-content-item-info {
      display: block;
  }

  .wd-product-page-more_economical-animation1-table-content-item:first-child .wd-product-page-more_economical-animation1-table-content-item-info:first {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .wd-product-page-more_economical-animation1-table-content-item-info-svg {
      margin-bottom: 4px;
  }

  .wd-product-page-more_economical-animation1-table-content-item {
      font-weight: 600;
      font-size: 1.25vw;
      line-height: 125%;
      color: #036AFF;
  }

  .wd-product-page-more_economical-animation1-table-content-item:first-child {
      font-weight: 600;
      font-size: 1.04vw;
      line-height: 150%;
      text-align: right;
      color: #292929;

  }

  .wd-product-page-more_economical-animation1-table-content-item-info-svg-title {
      font-weight: 400;
      font-size: 0.83vw;
      line-height: 125%;
      color: #292929;
  }

  .wd-product-page-more_economical-animation1-table-content-item-info-num-pc {
      display: block;
  }

  .wd-product-page-more_economical-animation1-table-content-item-info-num-mobile {
      display: none;
  }

  .wd-product-page-more_economical-animation1-table-content-item-info-num span {
      font-size: 0.83vw;
      font-weight: 400;
      line-height: 125%;
  }

  .wd-product-page-more_economical-animation1-table-title {
      font-weight: 600;
      font-size: 1.666vw;
      line-height: 125%;
      color: #FFFFFF;
      background-color: #5BA7D8;
      text-align: center;
      padding: 1.04vw 0 0.833vw;
  }

  .wd-product-page-more_economical-animation1-table-subtitle {
      font-weight: 400;
      font-size: 1.04vw;
      line-height: 125%;
      color: #FFFFFF;
  }

  .wd-product-page-more_economical-animation1-table {
      width: 45.83vw;
      border-radius: 16px;
      overflow: hidden;
  }

  .wd-product-page-more_economical-animation1-table-title-bigtitle {
      font-weight: 600;
      font-size: 1.666vw;
      line-height: 125%;
      color: #FFFFFF;
      margin-bottom: 4px;
  }

  .wd-product-page-more_economical-animation1-table-title-subtitle {
      font-weight: 400;
      font-size: 1.04vw;
      line-height: 125%;
      color: #FFFFFF;
  }

  .wd-product-page-more_economical-animation1-text {
      width: 21.35vw;
  }

  .wd-product-page-more_economical-animation1-text span {
      font-weight: 500;
      color: #036AFF;
  }

  .wd-product-page-more_economical-animation1-text {
      width: 31.25vw;
      font-weight: 400;
      font-size: 1.04vw;
      line-height: 180%;
      color: #666666;

  }

  .wd-product-page-more_economical-animation1-table-content-item:last-child .wd-product-page-more_economical-animation1-table-content-item-info:last-child {
      width: 31.23vw;
  }

  /* end */


  .wd-tanklessro-popup-bottled {
      display: none;
  }



  /* .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item{
        height: calc((((920 / 866) * 60.13%) - 30px) / 2)
    }
 */
  /* .wd-tanklessro-scene-pc-item-progress-bg {
        width: 4px;
        height: 100px;
        border-radius: 20px;
        background: #E1E1E1;
        position: relative;
    } */

  .wd-tanklessro-scene-pc-item-progress {
      width: 4px;
      border-radius: 10px;
      background: var(--036AFF, #036AFF);
      height: 50px;
      position: absolute;
      top: 0;
      left: 0;
      transition: 0.5s all;
  }

  .wd-headbanner-height .swiper-wrapper {
      height: 100%;
  }


  .swiper-container-horizontal {
      max-width: 100% !important;
  }




  @media screen and (max-width:1920px) {
      .wd-tanklessro-popup-filter-close-btn {
          left: 220px;
          bottom: 100px;
      }
  }

  @media screen and (max-width:1540px) {
      .wd-tanklessro-choose {
          padding: 80px 50px;

      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item {
          height: calc(50% - 15px);
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-colortext {
          font-size: 2.29vw;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-title {
          font-size: 2.083vw;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-text {
          font-size: 1.25vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-text {
          font-size: 1.25vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-weighttext {
          font-size: 1.45vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(1) {
          font-size: 2.5vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(2) {
          font-size: 2.18vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-title {
          font-size: 1.875vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-text {
          font-size: 1.25vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) {
          max-width: 100%;
          width: 60.13%;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item {
          max-width: 100%;
          width: 37.77%;
      }

      .wd-tanklessro-choose-item {
          padding: 24px;
          border-radius: 24px;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item {
          padding: 0 24px;
      }
  }


  @media screen and (max-width:1440px) {
      .wd-tanklessro-scene-pc-item {
          max-width: 90vw;
          left: 5vw;
          row-gap: 5.55vw;
      }

      .wd-tanklessro-scene-pc-item-subtitle {
          font-size: 1.6vw;
          margin-bottom: 2.7vw;
      }

      .wd-tanklessro-scene-pc-item-info {
          font-size: 1.1vw;
      }

      .wd-tanklessro-scene-pc-item-title {
          font-size: 2.5vw;
      }

      .wd-tanklessro-scene-pc-item-content {
          column-gap: 5.55vw;
      }

  }

  @media screen and (max-width:1220px) {
      .wd-tanklessro-banner-img {
          position: absolute;
          bottom: 0;
          right: calc(50% - 610px);

      }
  }

  @media screen and (max-width:1024px) {
      .wd-tanklessro-banner {
          animation: clipPathAnimationTablet 1.5s forwards linear;
      }

      @keyframes clipPathAnimationTablet {
          0% {
              clip-path: inset(0 0 0 0);
          }

          10% {
              clip-path: inset(0 0 0 0);
          }

          20% {
              clip-path: ellipse(300% 100% at 50% 0%);
          }

          30% {
              clip-path: ellipse(260% 100% at 50% 0%);
          }

          40% {
              clip-path: ellipse(220% 100% at 50% 0%);
          }

          50% {
              clip-path: ellipse(180% 100% at 50% 0%);
          }

          60% {
              clip-path: ellipse(160% 100% at 50% 0%);
          }

          70% {
              clip-path: ellipse(140% 100% at 50% 0%);
          }

          80% {
              clip-path: ellipse(125% 100% at 50% 0%);
          }

          90% {
              clip-path: ellipse(110% 100% at 50% 0%);
          }

          100% {
              clip-path: ellipse(100% 100% at 50% 0%);
          }
      }

      .swiper-container {
          position: relative;
          padding-bottom: 168px;
      }

      .swiper-container1,
      .swiper-container2,
      .swiper-container3 {
          padding-bottom: 68px;
      }

      .swiper-button-next1,
      .swiper-button-next2,
      .swiper-button-next3,
      .swiper-button-prev1,
      .swiper-button-prev2,
      .swiper-button-prev3 {
          position: absolute;
          bottom: 2px;
          top: auto;
          width: 48px;
          height: 48px;
          border-radius: 8px;
          border: 1px solid var(--E2E2E2, #E2E2E2);
      }

      .swiper-pagination1 .swiper-pagination-bullet-active,
      .swiper-pagination2 .swiper-pagination-bullet-active,
      .swiper-pagination3 .swiper-pagination-bullet-active {
          background: #036AFF !important;
          border: none;
      }

      .swiper-pagination1,
      .swiper-pagination2,
      .swiper-pagination3 {
          bottom: 14px !important;
      }

      .swiper-button-next1::after,
      .swiper-button-prev1::after,
      .swiper-button-next2::after,
      .swiper-button-prev2::after,
      .swiper-button-next3::after,
      .swiper-button-prev3::after {
          width: 16px;
          font-size: 20px;
          font-weight: 600;
          color: #292929;
      }

      .swiper-button-next1,
      .swiper-button-next2,
      .swiper-button-next3 {
          right: calc(50% - 200px);
      }

      .swiper-button-prev1,
      .swiper-button-prev2,
      .swiper-button-prev3 {
          left: calc(50% - 200px);
      }

      .wd-tanklessro-scene-pc {
          display: none;
      }

      .wd-tanklessro-scene-pad {
          display: block;
          padding: 40px 32px;
      }

      .wd-tanklessro-scene-pad-subtitle {
          color: var(--111111, #111);
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: 125%;
          margin-bottom: 24px;
      }

      .wd-tanklessro-scene-pad-text {
          color: var(--1, #292929);
          font-size: 18px;
          font-style: normal;
          font-weight: 300;
          line-height: 180%;
          margin-bottom: 40px;
      }

      .wd-tanklessro-scene-pad-img img {
          width: 100%;
          display: block;
          margin-bottom: 40px;
      }

      .wd-tanklessro-scene-pad-item-swiper .wd-tanklessro-scene-pad-img img {
          margin-bottom: 0;
      }

      .wd-tanklessro-scene-pad-title {
          color: #000;
          text-align: center;
          font-size: 32px;
          font-style: normal;
          font-weight: 600;
          line-height: 125%;
          margin-bottom: 40px;
      }

      .wd-tanklessro-banner-img {
          position: absolute;
          bottom: 0;
          right: calc(50% - 375px);
      }

      .wd-tanklessro-banner-text {
          height: auto;
          padding: 60px 40px 0;
      }

      .wd-tanklessro-banner-title {
          font-size: 36px;
          max-width: 100%;
          text-align: center;
      }

      .wd-tanklessro-banner-info {
          font-size: 16px;
          max-width: 100%;
          text-align: center;
      }

      .wd-tanklessro-banner-img img {
          width: 750px;
      }

      .wd-tanklessro-share {
          padding: 15px 40px;
      }

      .wd-tanklessro-why-content-info {
          display: none;
      }

      .wd-tanklessro-why-content-info-pad-content {
          display: block;
          overflow-x: scroll;
          padding-bottom: 40px;
      }

      .wd-tanklessro-why-content-info-pad {
          display: flex;
          column-gap: 24px;
          position: relative;
          align-items: flex-end;
          width: 1088px;
          padding: 0 32px;
      }

      .wd-tanklessro-why-info-item {
          width: 500px;
      }

      .wd-tanklessro-why-content {
          padding: 80px 0;
      }

      .wd-tanklessro-why-content-title {
          padding: 0 32px;
      }

      .wd-tanklessro-why-info-item-content-tag_img {
          display: flex;
          border-radius: 16px;
          height: 200px;
          align-items: center;
      }

      .wd-tanklessro-why-info-item-content {
          padding: 0;
      }

      .wd-tanklessro-why-info-1 {
          border-radius: 16px;
      }

      .wd-tanklessro-why-info-1 .wd-tanklessro-why-info-img {
          background: none;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-img {
          background: none;
      }

      .wd-tanklessro-why-info-item-content-tags {
          margin-bottom: 0;
      }

      .wd-tanklessro-why-info-1 .wd-tanklessro-why-info-item-content-tag_img {
          background: rgba(255, 255, 255, 0.60);
          padding: 0 40px;
          align-items: center;
      }

      .wd-tanklessro-why-info-1 .wd-tanklessro-why-info-img img {
          width: 355px;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-img img {
          width: 511px;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-tag {
          border: 1px solid var(--111111, #111);
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-tag_img {
          background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #599CC1;
          padding: 0 40px;
          align-items: center;
      }

      .wd-tanklessro-why-info-img {
          height: auto;
      }

      .wd-tanklessro-why-info-2 {
          border-radius: 16px;
      }

      .wd-tanklessro-why-info-item-content-tag {
          color: var(--111111, #111);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          text-transform: capitalize;
          border-radius: 4px;
          border: 1px solid var(--111111, #111);
          padding: 3px 12px;
      }

      .wd-tanklessro-why-info-item-content-lr {
          padding: 16px 40px 0;
          margin-bottom: 0;
      }

      .wd-tanklessro-why-info-item-content-tb {
          padding: 0 40px 40px;
      }

      .wd-tanklessro-why-info-item-content-tb-text {
          margin-top: 16px;
          font-size: 18px;
      }

      .wd-tanklessro-why-info-item-content-img {
          width: 86px;
      }

      .wd-tanklessro-why-info-item-content-img img {
          width: 86px;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-img {
          width: 72px;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-img img {
          width: 72px;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-des-text-link {
          color: var(--666666, #666);
      }

      .wd-tanklessro-why-info-item-content-title {
          font-size: 18px;
      }

      .wd-tanklessro-why-info-vs {
          top: 140px;
          left: calc(50% - 55px);
      }

      .wd-tanklessro-why-info-vs img {
          width: 110px;
      }


      .wd-tanklessro-why-content-info-pad-content::-webkit-scrollbar {

          background-color: #599CC1;
          border-radius: 20px;
          height: 8px;
          width: 150px;

      }

      .wd-tanklessro-why-content-info-pad-content::-webkit-scrollbar-thumb {
          background-color: #599CC1;
          border-radius: 20px;
          height: 8px;
          width: 150px;
      }

      .wd-tanklessro-why-content-info-pad-content::-webkit-scrollbar-track {
          background-color: #fff;
          border-radius: 20px;
      }


      .wd-product-page-more_economical-animation1-table {
          width: 720px;
      }

      .wd-product-page-more_economical-animation1-text {
          width: 600px;
      }

      .wd-tanklessro-popup-bottled {
          background-color: #fff;
          position: fixed;
          z-index: 9999999;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
          display: flex;
          align-items: center;
          padding: 0 18px;
          display: none;
      }

      .wd-tanklessro-popup-bottled-text {
          max-width: 600px;
      }

      .wd-product-page-more_economical-animation1-table-title-bigtitle {
          font-size: 24px;
      }

      .wd-product-page-more_economical-animation1-table-title-subtitle {
          font-size: 20px;
      }

      .wd-product-page-more_economical-animation1-table-content-item-info-img img {
          width: 40px;
      }

      .wd-product-page-more_economical-animation1-table-content-item .wd-product-page-more_economical-animation1-table-content-item-info {
          width: 160px;
      }

      .wd-product-page-more_economical-animation1-table-content {
          padding: 0 40px 12px;
      }

      .wd-product-page-more_economical-animation1-table-content-item:first-child {
          font-size: 20px;
      }

      .wd-product-page-more_economical-animation1-table-content-item-info-svg-title {
          font-size: 16px;
      }

      .wd-product-page-more_economical-animation1-table-content-item {
          font-size: 24px;
      }

      .wd-product-page-more_economical-animation1-table-content-item-info-num span {
          font-size: 20px;
      }

      .wd-product-page-more_economical-animation1-info {
          column-gap: 36px;
      }

      .wd-product-page-more_economical-animation1-info {
          width: 1356px;
      }

      .wd-product-page-more_economical-animation1 {
          width: 1356px;
      }

      .wd-tanklessro-popup-filter {
          overflow-x: scroll;
          padding: 0 24px;
      }

      .wd-tanklessro-popup-filter-close-btn {
          bottom: 40px;
          left: 40px;
      }

      .wd-product-page-more_economical-animation1-text {
          font-size: 20px;
      }

      .wd-product-page-more_economical-animation1-table-content-item:last-child .wd-product-page-more_economical-animation1-table-content-item-info:last-child {
          width: 480px;
      }


      .wd-tanklessro-choose {
          padding: 80px 32px;
      }

      .wd-tanklessro-choose-item-top,
      .wd-tanklessro-choose-item-bottom {
          column-gap: 16px;
      }

      .wd-tanklessro-choose-item-top {
          margin-bottom: 16px;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-title {
          font-size: 2.6vw;
      }

      .wd-tanklessro-choose-item {
          row-gap: 8px;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-text {
          font-size: 1.82vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-text {
          font-size: 1.56vw;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item {
          row-gap: 16px;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-colortext {
          font-size: 2.86vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-weighttext {
          font-size: 1.82vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(1) {
          font-size: 2.34vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(2) {
          font-size: 2.6vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-title {
          font-size: 2.34vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-text {
          font-size: 1.5vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item:nth-child(1) {
          margin-bottom: 16px;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item {
          height: calc(50% - 8px);
      }
  }


  @media screen and (max-width:767px) {
      .wd-tanklessro-banner {
          animation: clipPathAnimationMobile 1.5s forwards linear;
      }

      @keyframes clipPathAnimationMobile {
          0% {
              clip-path: inset(0 0 0 0);
          }

          10% {
              clip-path: inset(0 0 0 0);
          }

          20% {
              clip-path: ellipse(350% 100% at 50% 0%);
          }

          30% {
              clip-path: ellipse(310% 100% at 50% 0%);
          }

          40% {
              clip-path: ellipse(270% 100% at 50% 0%);
          }

          50% {
              clip-path: ellipse(240% 100% at 50% 0%);
          }

          60% {
              clip-path: ellipse(210% 100% at 50% 0%);
          }

          70% {
              clip-path: ellipse(185% 100% at 50% 0%);
          }

          80% {
              clip-path: ellipse(170% 100% at 50% 0%);
          }

          90% {
              clip-path: ellipse(155% 100% at 50% 0%);
          }

          100% {
              clip-path: ellipse(140% 100% at 50% 0%);
          }
      }

      .wd-tanklessro-scene-pad {
          padding: 40px 24px;
      }

      .wd-tanklessro-scene-pad-subtitle {
          font-size: 20px;
      }

      .wd-tanklessro-scene-pad-text {
          font-size: 14px;
      }

      .wd-tanklessro-scene-pad-title {
          font-size: 24px;
      }

      .wd-tanklessro-scene-pad-subtitle {
          font-size: 20px;
      }

      .wd-tanklessro-banner {
          height: 600px;
      }

      .wd-tanklessro-banner-text {
          padding: 40px 24px 0;
      }

      .wd-tanklessro-banner-img {
          position: absolute;
          bottom: 50px;
          right: calc(50% - 55vw);
      }

      .wd-tanklessro-banner-img img {
          width: 110vw;
          max-width: 110vw;
      }

      .wd-tanklessro-banner-title {
          font-size: 26px;
      }

      .wd-tanklessro-banner-info {
          font-size: 14px;
      }

      .wd-tanklessro-share {
          padding: 16px 24px;
      }

      .wd-tanklessro-share-items a {
          width: calc((100vw - 134px) / 2);
          display: block;
      }

      .wd-tanklessro-share-items {
          flex-wrap: wrap;
          column-gap: 60px;
          row-gap: 16px;
      }

      .wd-tanklessro-why-content-info-pad {
          padding: 0 16px;
      }

      .wd-tanklessro-why-info-item-content-lr {
          padding: 16px 24px;
      }

      .wd-tanklessro-why-info-item-content-tb {
          padding: 0 24px 40px;
      }

      .wd-tanklessro-why-content {
          padding: 40px 0;
      }

      .wd-tanklessro-why-content-title {
          padding: 0 16px;
          font-size: 6.4vw;
          margin-bottom: 16px;
      }

      .wd-tanklessro-why-info-1 .wd-tanklessro-why-info-item-content-tag_img {
          padding: 0 16px;
          column-gap: 16px;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-tag_img {
          padding: 0 16px;
          column-gap: 16px;
      }

      .wd-tanklessro-why-info-item-content-title {
          font-size: 14px;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-title {
          font-size: 3.7vw;
          margin-bottom: 2.1vw;
      }

      .wd-tanklessro-why-info-item-content-tb-text {
          font-size: 14px;
      }

      .wd-tanklessro-why-info-item {
          width: 91.47vw;
      }

      .wd-tanklessro-popup-bottled {
          padding: 0 20px;
      }

      .wd-tanklessro-why-content-info-pad {
          width: 197.86vw;
          column-gap: 6.4vw;
          padding: 4.26vw;
      }

      .wd-tanklessro-why-info-vs {
          top: 37.3vw;
          left: calc(50% - 12vw);
      }

      .wd-tanklessro-why-info-vs img {
          width: 24vw;

      }



      .wd-tanklessro-popup-filter-mobile {
          display: block;
      }

      .wd-tanklessro-popup-filter-mobile .swiper-slide {
          display: flex;
          height: 100vh;
          align-items: center;
          justify-content: center;
          background-color: #fff;
      }

      .wd-product-page-more_economical-animation1 {
          display: none;
      }

      .wd-product-page-more_economical-animation1-table-content-item .wd-product-page-more_economical-animation1-table-content-item-info {
          width: 18.66vw;
      }

      .wd-product-page-more_economical-animation1-table-content {
          padding: 0 10px 12px;
      }

      .wd-product-page-more_economical-animation1-table-content-item:first-child {
          font-size: 1.2vw;
      }

      .wd-product-page-more_economical-animation1-table-content-item-info-svg-title {
          font-size: 3.2vw;
      }

      .wd-product-page-more_economical-animation1-table-content-item {
          font-size: 3.7vw;
      }

      .wd-product-page-more_economical-animation1-table-content-item-info-num span {
          font-size: 3.7vw;
      }

      .wd-product-page-more_economical-animation1-text {
          font-size: 3.7vw;
          width: 89.3vw;
      }

      .wd-product-page-more_economical-animation1-table {
          width: 89.3vw;
      }

      .wd-product-page-more_economical-animation1-info {
          column-gap: 5.3vw;
      }

      .wd-tanklessro-popup-filter {
          padding: 0 20px;
      }

      .wd-product-page-more_economical-animation1-table-content-item .wd-product-page-more_economical-animation1-table-content-item-info:nth-child(1) {
          width: 26.6vw;
      }

      .wd-product-page-more_economical-animation1-info {
          width: calc(183.9vw + 40px);
      }

      .wd-product-page-more_economical-animation1 {
          width: calc(183.9vw + 40px);
      }

      .wd-product-page-more_economical-animation1-table-content-item:last-child .wd-product-page-more_economical-animation1-table-content-item-info:last-child {
          width: 56vw;
      }


      .wd-tanklessro-why-info-1 .wd-tanklessro-why-info-item-content-tag_img {
          padding: 0 4.2vw;
          column-gap: 4.2vw;
      }

      .wd-tanklessro-why-info-item-content-tags {
          column-gap: 2.1vw;
          row-gap: 2.1vw;
      }

      .wd-tanklessro-why-info-item-content-tag {
          font-size: 3.2vw;
          border-radius: 4px;
          padding: 1.6vw 4.2vw;
      }

      .wd-tanklessro-why-info-1 .wd-tanklessro-why-info-img img {
          width: 37.4vw;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-img img {
          width: 78.1vw;
      }

      .wd-tanklessro-why-info-item-content-lr {
          padding: 4.2vw 6.4vw;

      }

      .wd-tanklessro-why-info-item-content-text {
          column-gap: 4.2vw;
      }

      .wd-tanklessro-why-info-item-content-img {
          width: 22.93vw;
      }

      .wd-tanklessro-why-info-item-content-title {
          font-size: 3.7vw;
          margin-bottom: 2.1vw;
      }

      .wd-tanklessro-why-info-item-content-des-text {
          font-size: 3.7vw;
          margin-bottom: 4.2vw;
      }

      .wd-tanklessro-why-info-item-content-des-text-link {
          font-size: 4.2vw;
      }

      .wd-tanklessro-why-info-item-content-tb-text {
          margin-top: 4.2vw;
          font-size: 3.73vw;
      }

      .wd-tanklessro-why-info-item-content-tb {
          padding: 0 6.4vw 10.6vw;
      }

      .wd-tanklessro-why-info-item-content-tb .wd-tanklessro-why-info-item-content-tb-text:nth-child(1) {
          margin-top: 0;
      }

      .wd-tanklessro-why-info-item-content-tb-img img {
          margin-top: 2.1vw;
      }

      .wd-tanklessro-why-info-item-content-img img {
          width: 100%;
      }

      .wd-tanklessro-why-info-item-content-des {
          width: calc(100% - 27.13vw);
      }

      .wd-tanklessro-why-info-item-content-tag_img {
          height: 37.3vw;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-img {
          width: 19.2vw;
      }

      .wd-tanklessro-why-info-2 .wd-tanklessro-why-info-item-content-img img {
          width: 100%;
      }

      .wd-tanklessro-choose {
          padding: 40px 24px;
      }

      .wd-tanklessro-choose-title {
          font-size: 24px;
          margin-bottom: 16px;
      }

      .wd-tanklessro-choose-item-top,
      .wd-tanklessro-choose-item-bottom {
          flex-direction: column;
          row-gap: 16px;
      }

      .wd-tanklessro-choose-item-topleft {
          width: 100%;
      }

      .wd-tanklessro-choose-item-topright {
          width: 100%;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item:nth-child(1) {
          margin-bottom: 16px;
          padding: 42px 16px;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item {
          width: 100%;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) {
          width: 100%;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item {
          row-gap: 8px;
      }

      .wd-tanklessro-choose-item {
          padding: 16px;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item {
          padding: 16px;
          height: auto;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item:nth-child(2) {
          padding: 16px;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) {
          padding: 65px 16px;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-title {
          font-size: 5.3vw;
      }

      .wd-tanklessro-choose-item-text {
          font-size: 4.2vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-text {
          font-size: 5.3vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-colortext {
          font-size: 8.5vw;
      }

      .wd-tanklessro-choose-item-topright .wd-tanklessro-choose-item-weighttext {
          font-size: 5.3vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(1) {
          font-size: 6.4vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(1) .wd-tanklessro-choose-item-text:nth-child(2) {
          font-size: 6.9vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-title {
          font-size: 6.4vw;
      }

      .wd-tanklessro-choose-item-bottom .wd-tanklessro-choose-item:nth-child(2) .wd-tanklessro-choose-item-text {
          font-size: 4.2vw;
      }

      .wd-tanklessro-choose-item-topleft .wd-tanklessro-choose-item-text {
          font-size: 4.26vw;
      }


      .wd-tanklessro-why-content-info-pad-content::-webkit-scrollbar {

          background-color: #599CC1;
          border-radius: 20px;
          height: 4px;
          width: 100px;

      }

      .wd-tanklessro-why-content-info-pad-content::-webkit-scrollbar-thumb {
          background-color: #599CC1;
          border-radius: 20px;
          height: 4px;
          width: 100px;
      }

      .wd-tanklessro-why-content-info-pad-content::-webkit-scrollbar-track {
          background-color: #fff;
          border-radius: 20px;
      }

      .wd-tanklessro-why-content-info-pad-content {
          padding-bottom: 0;
      }

      .wd-tanklessro-popup-filter-close-btn {
          bottom: 40px;
          left: auto;
          right: 40px;
      }

      .wd-tanklessro-popup-filter-mobile-swiper-pagination {
          top: auto !important;
          bottom: 60px;
          width: 250px !important;
          height: 2px !important;
          padding: 0;
          background-color: #D2D2D7
      }

      .wd-tanklessro-popup-filter-mobile-swiper-pagination .swiper-pagination-progressbar-fill {
          background-color: #292929;
      }
  }



  /* bottom swiper pc start */
  .wd-ohio-swiper-right-bottom {
      margin-top: 25px
  }

  .wd-ohio-swiper-right-bottom a {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #FFF;
  }

  .wd-ohio-contain-swiper {
      position: relative;
      max-width: 1280px;
      margin: 80px auto 0;
      padding: 0 48px;
      padding-bottom: 120px;
  }


  .wd-ohio-contain-swiper h3 {
      letter-spacing: -0.01em;
      margin-bottom: 40px;
  }

  .wd-ohio-contain-swiper .swiper {
      max-width: 1300px;
      margin: 0 auto;
  }

  .mySwiper-header-banner {
      width: 100%;
      max-width: 100% !important;
  }

  .swiper-container .swiper-wrapper {
      background-color: #fff;
  }

  .swiper-wrapper {
      height: auto;
      margin: 0 auto;
      background-color: #F6F8FC;
  }

  .wd-ohio-swiper-silde {
      display: flex;
      background-color: #F6F8FC;
  }

  .wd-ohio-swiper-left {
      width: 61.5%;
      max-width: 800px;
      height: auto;
  }

  .wd-ohio-swiper-left img {
      width: 100%;
  }

  .wd-ohio-swiper-right {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 400px;
      margin: 0 auto;
  }

  .wd-ohio-swiper-right img {
      width: 12.5vw;
      max-width: 240px;
  }

  .wd-ohio-contain-swiper ul {
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 150%;
      color: #666666;
  }

  .wd-swiper-product-report-link {
      display: none;
  }

  .wd-ohio-swiper-right h4 {
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 125%;
      text-align: center;
      margin-top: 24px;
  }

  .wd-swiper-product-shop-now {
      width: 175px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #036AFF;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      text-align: center;
      border-radius: 4px;
      margin: 24px 0 12px;
      cursor: pointer;
  }

  .wd-swiper-product-learn-more {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      cursor: pointer;
      color: #1890FF;
  }

  .wd-ohio-swiper-right-phone {
      display: none;
  }

  .wd-ohio-banner-pc {
      display: block;
  }

  .wd-ohio-banner-phone {
      display: none;
  }

  .swiper-scene-pagination {
      bottom: 80px !important;
  }

  .wd-ohio-contain-word h3 {
      color: var(--111111, #111);
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
      letter-spacing: -0.32px;
      text-align: center;
  }


  .swiper-button-next::after,
  .swiper-button-prev::after {
      width: 16px;
      font-size: 20px;
      font-weight: 600;
      color: #292929;
      display: none;
  }

  .my-button-disabled::after {
      color: #E2E2E2;
  }

  /* bottom swiper pc end */
  /* pad start */

  @media screen and (max-width:1025px) {
      .wd-tanklessro-scene-pad-item-swiper {
          margin-bottom: 80px;
      }

      .wd-tanklessro-scene-pad-item-swiper:last-child {
          margin-bottom: 0;
      }

      .trustpilot-widget {
          margin: 10px 0;
      }

      .wd-ohio-contain h1 {
          margin-top: 50px;
          font-size: 32px;
      }

      .wd-ohio-contain {
          padding: 0 32px;
      }

      .wd-ohio-list {
          flex-direction: column;
          margin-bottom: 40px;
      }

      .wd-ohio-list:nth-of-type(2n) {
          flex-direction: column-reverse;
          margin-bottom: 40px;
      }

      .wd-ohio-list .wd-ohio-list-word,
      .wd-ohio-list .wd-ohio-list-img {
          max-width: 100%;
          width: 100%;
      }

      .wd-ohio-list .wd-ohio-list-img {
          margin-top: 40px;
      }

      .wd-ohio-contain-swiper {
          margin: 70px auto 188px;
          width: 100%;
          padding: 0 40px;
          min-height: 718px;
      }

      .wd-ohio-contain-swiper .swiper {
          min-height: 718px;
          max-width: 100%;
      }

      .mySwiper-header-banner {
          min-height: auto;
      }

      .swiper-wrapper {
          height: 100%;
      }

      .swiper-container .swiper-slide {
          background-color: #fff;
      }

      .swiper-slide {
          background-color: #F6F8FC;
      }

      .mySwiperFooter .swiper-slide {
          background-color: #fff;
      }

      .wd-ohio-swiper-left {
          max-width: 100%;
          width: 100%;
      }

      .wd-ohio-swiper-silde {
          flex-direction: column;
      }

      .wd-ohio-swiper-right {
          flex-direction: row;
          align-items: center;
          justify-content: space-evenly;
          max-width: none;
          margin: 20px 0;
      }

      .wd-ohio-swiper-right h4 {
          margin-top: 0;
          text-align: left;
      }

      .wd-ohio-swiper-right img {
          margin-right: 12px;
      }

      .wd-ohio-swiper-right-bottom {
          text-align: center;
      }

      .swiper-scene-button-prev,
      .swiper-scene-button-next {
          bottom: -88px;
          top: auto;
          border: 1px solid #E2E2E2;
          border-radius: 8px;
          width: 48px;
          height: 48px;
          text-align: center;
      }

      .swiper-scene-button-prev.my-button-disabled svg path {
          fill: #E2E2E2;
      }

      .swiper-scene-button-next.my-button-disabled svg path {
          fill: #E2E2E2;
      }

      .swiper-scene-button-prev {
          left: calc(50% - 200px);
      }

      .swiper-scene-button-next {
          right: calc(50% - 200px);
      }

      .swiper-scene-pagination {
          bottom: -74px !important;
      }

  }

  /* pad end */
  /* phone end */
  @media screen and (max-width: 768px) {
      .trustpilot-widget {
          width: 180px;
      }

      .wd-ohio-contain {
          padding: 0 16px;
      }

      .wd-ohio-contain h1 {
          font-size: 28px;
          text-align: left;
          width: 100%;
          padding: 0;
      }

      .wd-ohio-share {
          justify-content: start;
      }

      .wd-ohio-list-word h2 {
          font-size: 20px;
      }

      .wd-ohio-contain p {
          font-size: 14px;
      }

      .wd-ohio-word-a {
          font-size: 12px;
      }

      .wd-ohio-contain-bottom-banner {
          margin-top: 80px;
      }

      .wd-ohio-contain-word h3 {
          font-size: 20px;
      }

      .wd-ohio-list-word h3 {
          font-size: 20px;
      }

      .wd-ohio-contain-swiper h3 {
          font-size: 24px;
      }

      .wd-ohio-contain-swiper {
          margin-bottom: 0;
          padding: 0 24px 80px;
          margin-top: 40px;
      }

      .wd-tanklessro-scene-pad-item-swiper {
          margin-bottom: 40px;
      }

      .swiper-scene-button-prev,
      .swiper-scene-button-next {
          bottom: 5px;
      }

      .swiper-scene-pagination {
          bottom: 17px !important;
      }

      .swiper-scene-button-prev {
          left: 20px;
      }

      .swiper-scene-button-next {
          right: 20px;
      }

      .swiper-button-prev1,
      .swiper-button-prev2,
      .swiper-button-prev3 {
          left: 20px;
      }

      .swiper-button-next1,
      .swiper-button-next2,
      .swiper-button-next3 {
          right: 20px;
      }

      .wd-ohio-swiper-right {
          display: none;
      }

      .wd-ohio-swiper-right-phone {
          display: block;
          margin: 0 auto;
          padding: 12px;
      }

      .wd-ohio-banner-pc {
          display: none;
      }

      .wd-ohio-banner-phone {
          display: block;
      }

      .wd-ohio-swiper-right-phone-top {
          display: flex;
          align-items: center;

      }

      .wd-ohio-swiper-right-phone-top img {
          width: 100px;
          height: 100px;
          margin-right: 12px;
      }

      .wd-ohio-swiper-right-bottom-phone {
          display: flex;
          align-items: center;
          justify-content: space-between;
          line-height: 100%;
          text-decoration: none;
      }

      .wd-ohio-swiper-right-phone-top h4 {
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 125%;
          width: 199px;
      }

      .wd-ohio-contain-swiper ul {
          padding: 0 12px;
      }

      .wd-ohio-contain-swiper .swiper {
          min-height: 535px;
      }

      .mySwiper-header-banner {
          min-height: auto;
      }

      .wd-swiper-product-learn-more {
          height: 48px;
          line-height: 150%;
          /* display: block; */
          padding: 12px;
          margin: 12px 0 12px;
      }

      .wd-swiper-product-shop-now {
          margin: 12px 0 12px;
      }
  }

  .swiper-pagination-bullet {
      width: 16px;
      height: 16px;
      background: #E2E2E2;
      border-radius: 4px;
  }

  .swiper-pagination-bullet:after {
      background-color: #E2E2E2 !important;
  }


  .swiper-scene-pagination .swiper-pagination-bullet-active,
  .swiper-scene-pagination .swiper-pagination-bullet-active:after {
      background: #036AFF !important;
  }

  .swiper-scene-pagination .swiper-pagination-bullet-active {
      border-color: #036AFF !important;
  }

  /* phone end */





  .wd-tanklessro-shop-video {
      max-width: 1440px;
      margin: 80px auto;
      padding: 0 20px;
  }

  .wd-tanklessro-shop-video-title {
      margin-bottom: 40px;
      color: #000;
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 125%;
      text-align: center;
  }

  .wd-tanklessro-shop-video .qMWqRG_carouselContainer {
      width: 100%;
  }

  .qMWqRG_previousButtonContainer {
      width: 50px;
      height: 50px;
  }

  @media screen and (max-width:767px) {
      .wd-tanklessro-shop-video {
          margin: 40px auto;
      }

      .wd-tanklessro-shop-video-title {
          margin-bottom: 98px;
      }

      .qMWqRG_carouselVideoContainer {
          position: relative;
      }

      .qMWqRG_arrowButtonContainer {
          position: absolute;
          left: calc(50% - 37px);
          top: -74px;
      }

      .qMWqRG_carouselVideoContainer .qMWqRG_arrowButtonContainer:first-child {
          left: calc(50% - 62px);
      }

      .qMWqRG_carouselVideoContainer .qMWqRG_arrowButtonContainer:last-child {
          left: calc(50% + 12px);
      }

      .qMWqRG_previousButtonContainer {
          display: flex !important;
      }
  }

  .wd-flash-sale-two-img-content {
      font-weight: 400;
      font-size: 16px;
      line-height: 125%;
      text-align: center;
      color: #666;
      margin-bottom: 40px
  }

  .wd-flash-sale-two-img-content span {
      font-weight: 600;
      color: #036AFF;
  }

  .wd-flash-sale-two-img-items {
      display: flex;
      column-gap: 24px;
  }

  .wd-flash-sale-two-img-items img {
      width: 100%;
      display: block;
      border-radius: 12px;
  }

  @media screen and (max-width: 1023px) {


      .wd-flash-sale-two-img-content {
          line-height: 150%;
          margin-bottom: 24px
      }



      .wd-flash-sale-two-img-items {
          column-gap: 0;
          flex-direction: column;
          row-gap: 24px;
      }

  }

  @media screen and (max-width: 767px) {
      .wd-flash-sale-two-img-content {

          font-size: 14px;

      }

      .wd-flash-sale-two-img-items {
          row-gap: 11.25px;
      }

  }

  .wd-flash-sale-keep-box {
      width: 100%;
  }

  .wd-flash-sale-keep-box img {
      display: block;
      width: 100%;
  }

  /* bottom icon */
  .wd-homepage-selling-point {
      max-width: 1180px;
      margin: 0 auto;
      padding: 28px 0px;
  }

  .wd-homepage-selling-point-grid {
      display: grid;
      grid-template-columns: repeat(4, auto);
      grid-column-gap: 100px;
  }

  .wd-homepage-selling-point-grid-module1 {
      display: flex;
  }

  .wd-homepage-selling-point-grid-module2 {
      display: flex;
      justify-content: center;
  }

  .wd-homepage-selling-point-grid-module3 {
      display: flex;
      justify-content: center;
  }

  .wd-homepage-selling-point-grid-module4 {
      display: flex;
      justify-content: flex-end;
  }

  .wd-homepage-selling-point-grid-module-icon img {
      display: block;
      width: 48px;
  }

  .wd-homepage-selling-point-grid-module-text {
      align-items: center;
      padding: 5px 0 0 16px;
      display: table;
  }

  .wd-homepage-selling-point-grid-module-text p:first-child {
      font-size: 16px;
      line-height: 100%;
      font-weight: 600;
      white-space: nowrap;
  }

  .wd-homepage-selling-point-grid-module-text p:last-child {
      font-size: 14px;
      line-height: 100%;
      font-weight: 400;
      white-space: nowrap;
  }

  .wd-homepage-selling-point-grid-2 {
      display: grid;
      grid-template-columns: repeat(4, auto);
      grid-column-gap: initial;
  }



  @media (max-width:1439px) {

      .wd-homepage-selling-point-grid {
          grid-column-gap: 50px;
      }

      .wd-homepage-selling-point {
          padding: 28px 10px;
      }

  }

  @media (max-width:1023px) {

      .wd-homepage-selling-point-grid-module-text p:first-child {
          font-size: 14px;
          margin-bottom: 4px;
          white-space: unset;
      }

      .wd-homepage-selling-point-grid-module-text p:last-child {
          font-size: 12px;
          white-space: unset;
      }

      .wd-homepage-selling-point-grid-module-text {
          padding: 2px 0 0 8px;
      }

      .wd-homepage-selling-point-grid-module-icon img {
          width: 32px;
          height: 32px;
      }

      .wd-homepage-selling-point-grid {
          grid-column-gap: 25px;
      }

      .wd-homepage-selling-point-grid-2 {
          grid-column-gap: 0;
      }

  }

  @media (max-width:767px) {
      .wd-homepage-selling-point-grid {
          grid-template-columns: repeat(1, auto);
          grid-row-gap: 20px;
      }

      .wd-homepage-selling-point-grid-module2,
      .wd-homepage-selling-point-grid-module3,
      .wd-homepage-selling-point-grid-module4 {
          justify-content: start;
      }

      .wd-homepage-selling-point-grid-module-icon img {
          width: 48px;
          height: 48px;
      }

      .wd-homepage-selling-point-grid-module-text p:first-child {
          font-size: 16px;
          margin-bottom: 10px;
      }

      .wd-homepage-selling-point-grid-module-text {
          padding: 5px 0 0 10px;
      }

      .wd-homepage-selling-point-grid-module-text p:last-child {
          font-size: 14px;
      }

      .wd-homepage-selling-point {
          padding: 24px 20px;
      }

      .wd-homepage-selling-point-grid-2 {
          grid-template-columns: repeat(1, auto);
          grid-row-gap: 32px;
      }
  }

  .wd-flash-sale-two-img-content-subscribe {
      font-size: 20px;
  }


  @media (max-width:1220px) {
      .wd-v2-index-subscribe-text {
          width: 370px;
      }

      .wd-v2-index-subscribe-title {
          font-size: 23px;
      }

      .wd-v2-index-subscribe-contnet {
          margin-bottom: 30px;
      }

  }

  @media (max-width:1023px) {
      .wd-v2-index-subscribe-all {
          padding: 0 16px;
          margin: 80px auto 40px auto;
          grid-template-columns: 1fr;
      }


      .wd-v2-index-subscribe-text {

          padding: 24px 0;
      }

      .swiper-container-horizontal {
          min-height: auto !important;
      }
  }

  @media (max-width:767px) {
      .wd-flash-sale-two-img-content-subscribe {
          font-size: 14px;
      }


      .wd-v2-index-subscribe-left {
          text-align: center;
      }



  }

  @media (max-width:370px) {
      .wd-v2-index-subscribe-title {
          font-size: 16px;
      }
  }

  </style><style>.wd-drop {
      position: absolute;
      left: 50%;
      bottom: 20px;
      transform: translateX(-50%);
      width: 40px;
      height: 56px;
      z-index: 1;
      cursor: pointer;
  }

  .wd-drop .wd-drop-img {
      width: 100%;
      height: auto;
  }

  .wd-drop .wd-drop-arrow {
      position: absolute;
      top: 62%;
      left: 50%;
      transform: translate(-50%);

      width: 10px;
      height: 5px;
  }

  .wd-drop:hover .wd-drop-arrow {
      animation: bounceAlpha 1.4s linear infinite;
  }


  .wd-vis-banner-content-bottom-icon {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 200px);
      opacity: 0;
      animation: iconAnimation 1.5s forwards;
      will-change: transform, opacity;
      z-index: 2;
  }

  .wd-vis-banner-content-bottom-icon img {
      display: block;
  }

  /* subscribe start */
  .wd-page-daily-deals-subscribe-box {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 48px;
      margin-bottom: 96px;
  }

  .wd-page-daily-deals-subscribe {
      padding: 70.5px 76px;
      border-radius: 10px;
      background: #F3F8FF;
  }

  .wd-page-daily-deals-subscribe-content {
      display: flex;
      gap: 32px;
  }

  .wd-page-daily-deals-subscribe-content-left {
      display: flex;
      gap: 32px;
  }

  .wd-page-daily-deals-subscribe-content-info {
      max-width: 508px;
  }

  .wd-page-daily-deals-subscribe-content-info-title {
      color: #000;

      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 24px;
  }

  .wd-page-daily-deals-subscribe-content-info-subtitle {
      color: #000;

      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 130%;
  }

  .wd-page-ro-sustainability-wrap-flex-right {
      width: 400px;
  }

  .wd-page-ro-sustainability-wrap-flex-right .wd-v2-index-subscribe-form {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

  .wd-page-ro-sustainability-wrap-flex-right .wd-v2-index-subscribe-btn {
      display: flex;
      height: var(--size-button-height-L, 45px);
      min-width: 150px;
      padding: 10px 32px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      align-self: stretch;
      border-radius: var(--radius-button, 4px);
      background: var(--colour-button-primary, #036AFF);
      color: #FFF;
  }

  .wd-page-ro-sustainability-wrap-flex-right .wd-v2-index-subscribe-form .wd-v2-index-subscribe-input {
      border-radius: var(--radius-text-field, 4px);
      background: var(--colour-surface-primary, #FFF);
      color: var(--colour-text-tertiary, #888);

      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 130%;
      padding: 13.5px 16px;
  }


  @media screen and (max-width:1024px) {
      .wd-page-daily-deals-subscribe-box {
          padding: 0 40px;
          margin-bottom: 60px;
      }

      .wd-page-daily-deals-subscribe-content-svg {
          display: none;
      }

      .wd-page-daily-deals-subscribe {
          padding: 40px;
      }

      .wd-page-daily-deals-subscribe-content {
          flex-direction: column;
          align-items: center;
      }

      .wd-page-daily-deals-subscribe-content-info {
          max-width: 100%;
      }

      .wd-page-daily-deals-subscribe-content-info-title {
          text-align: center;
          font-size: 24px;
      }

      .wd-page-daily-deals-subscribe-content-info-subtitle {
          text-align: center;
      }

      .wd-page-ro-sustainability-wrap-flex-right .wd-v2-index-subscribe-form {
          margin-bottom: 0px;
      }
  }

  @media screen and (max-width:767px) {
      .wd-page-daily-deals-subscribe-box {
          padding: 0 24px;
          margin-bottom: 80px;
      }

      .wd-page-daily-deals-subscribe {
          padding: 24px;
      }

      .wd-page-ro-sustainability-wrap-flex-right {
          max-width: 400px;
          width: 100%;
      }
  }

  /* subscribe end */