{"product_id":"waterdrop-x-series-dual-flow-reverse-osmosis-system-x12-pro","title":"Waterdrop X Series Dual Flow Reverse Osmosis System, X12-PRO","description":"\u003cstyle\u003e\n \/* sale start *\/\n .vis-overview-sale {\n display: grid;\n grid-template-columns: 450fr 355fr 355fr;\n gap: 20px;\n margin: 0 auto;\n max-width: 1280px;\n padding: 0 48px;\n }\n\n .vis-overview-sale-item div {\n position: relative;\n }\n\n .vis-overview-sale-item .vis-overview-sale-item-absolute {\n position: absolute;\n top: 0;\n left: 0;\n font-family: Montserrat;\n font-style: normal;\n line-height: normal;\n }\n\n .vis-overview-sale-item-video {\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .vis-overview-sale-item-video video {\n width: 100%;\n height: auto;\n border-radius: 10px;\n display: block;\n }\n\n .vis-overview-sale-item-video img {\n width: auto;\n height: 100%;\n border-radius: 10px;\n object-fit: cover;\n }\n\n .vis-overview-sale-item-video .vis-overview-sale-item-video-play-btn {\n position: absolute;\n width: 48px;\n height: 48px;\n right: 20px;\n bottom: 20px;\n transition: all .3s ease;\n cursor: pointer;\n display: block;\n }\n\n .vis-overview-sale-item-video .vis-overview-sale-item-video-stop-btn {\n position: absolute;\n width: 48px;\n height: 48px;\n right: 20px;\n bottom: 20px;\n transition: all .3s ease;\n cursor: pointer;\n display: none;\n }\n\n .vis-overview-sale-item-video-active .vis-overview-sale-item-video-play-btn {\n display: none;\n }\n\n .vis-overview-sale-item-video-active .vis-overview-sale-item-video-stop-btn {\n display: block;\n }\n\n .vis-overview-sale-item-video .vis-overview-sale-item-video-play-btn:hover {\n transform: scale(120%);\n }\n\n .vis-overview-sale-item-video .vis-overview-sale-item-video-stop-btn:hover {\n transform: scale(120%);\n }\n\n .vis-overview-sale-item-video .vis-overview-sale-item-absolute {\n color: #fff;\n }\n\n .vis-overview-sale-item-second .top-image,\n .vis-overview-sale-item-second .bottom-image {\n border-radius: 10px;\n overflow: hidden;\n }\n\n .vis-overview-sale-item-second {\n display: grid;\n grid-template-rows: auto;\n gap: 20px;\n }\n\n .vis-overview-sale-item-second img {\n width: 100%;\n height: auto;\n object-fit: cover;\n display: block;\n }\n\n .vis-overview-sale-item-second .top-text {\n width: 100%;\n padding: 24px;\n color: #111;\n }\n\n .vis-overview-sale-item-second .top-text p {\n font-size: 28px;\n font-weight: 600;\n text-transform: capitalize;\n margin-bottom: 8px;\n }\n\n .vis-overview-sale-item-second .top-text span {\n font-size: 16px;\n font-weight: 400;\n line-height: 130%;\n }\n\n .vis-overview-sale-item-second .bottom-text {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n gap: 24px;\n color: #111;\n }\n\n .vis-overview-sale-item-second .text-ratios {\n font-size: 60px;\n font-weight: 300;\n text-transform: capitalize;\n }\n\n .vis-overview-sale-item-second .bottom-text-right p {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 8px;\n }\n\n .vis-overview-sale-item-second .bottom-text-right span {\n color: #555;\n font-weight: 400;\n }\n\n .vis-overview-sale-item-third {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .vis-overview-sale-item-third.box2 .top-block {\n overflow: hidden;\n border-radius: 10px;\n }\n\n .vis-overview-sale-item-third.box2 .bottom-block .left-image,\n .vis-overview-sale-item-third.box2 .bottom-block .right-image {\n overflow: hidden;\n border-radius: 10px;\n display: block;\n }\n\n .vis-overview-sale-item-third .top-block img {\n width: 100%;\n height: auto;\n object-fit: cover;\n display: block;\n }\n\n\n .vis-overview-sale-item-third .top-block-text {\n padding: 24px;\n }\n\n .vis-overview-sale-item-third .top-block-text p {\n color: #111;\n font-size: 24px;\n font-weight: 600;\n margin-bottom: 8px;\n }\n\n .vis-overview-sale-item-third .top-block-text span {\n color: #555;\n font-size: 16px;\n font-weight: 400;\n }\n\n .vis-overview-sale-item-third .bottom-block-p {\n color: #111;\n font-size: 18px;\n font-weight: 600;\n padding: 16px;\n }\n\n .no-bottom {\n margin-bottom: 0;\n }\n\n @media screen and (max-width:1024px) {\n .vis-overview-sale {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: auto auto;\n grid-template-areas:\n \"box1 box2\"\n \"box3 box3\";\n row-gap: 20px;\n column-gap: 16px;\n padding: 0 40px;\n }\n\n .vis-overview-sale-item-second {\n gap: 20px;\n }\n\n .vis-overview-sale-item-third {\n gap: 20px;\n }\n\n .vis-overview-sale-item-second .top-text p {\n font-size: 20px;\n }\n\n .vis-overview-sale-item-third .bottom-block {\n gap: 20px;\n }\n\n .vis-overview-sale-item-third .bottom-block-p {\n font-size: 14px;\n }\n\n .vis-overview-sale-item-third .top-block-text p {\n font-size: 20px;\n }\n\n .box1 {\n grid-area: box1;\n }\n\n .box2 {\n grid-area: box2;\n }\n\n .box3 {\n grid-area: box3;\n }\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-sale {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(3, auto);\n grid-template-areas:\n \"box1\"\n \"box2\"\n \"box3\";\n gap: 16px;\n padding: 0 24px;\n }\n\n .vis-overview-sale-item-third .bottom-block {\n gap: 16px;\n }\n\n .vis-overview-sale-item-second {\n gap: 16px;\n }\n\n .vis-overview-sale-item-second .text-ratios {\n font-size: 40px;\n }\n\n .vis-overview-sale-item-third {\n gap: 16px;\n }\n\n .vis-overview-sale-item-third .bottom-block-p {\n font-size: 16px;\n }\n\n .vis-overview-sale-item-third .top-block-text p {\n font-size: 18px;\n }\n }\n\n \/* sale end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* design start *\/\n .vis-overview-design {\n max-width: 1280px;\n margin: 0 auto;\n padding: 48px;\n }\n\n .vis-overview-design-top {\n display: flex;\n align-items: flex-end;\n gap: 24px;\n margin-bottom: 48px;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .vis-overview-design-top img {\n display: block;\n width: 120px;\n }\n\n .vis-overview-design-top-text {\n color: #000;\n text-align: center;\n font-family: Montserrat-Light;\n font-size: 60px;\n font-style: normal;\n font-weight: 300;\n line-height: normal;\n text-transform: capitalize;\n }\n\n .vis-overview-design-center {\n color: #006EFF;\n text-align: center;\n font-family: Montserrat-Light;\n font-size: 60px;\n font-style: normal;\n font-weight: 300;\n line-height: normal;\n text-transform: capitalize;\n }\n\n .vis-overview-design-bottom {\n display: flex;\n align-items: center;\n gap: 16px;\n justify-content: center;\n color: #000;\n font-family: Montserrat-SemiBold;\n font-size: 24px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding-top: 24px;\n border-top: 1px solid #EEE;\n }\n\n .vis-overview-design-bottom-num {\n display: flex;\n gap: 8px;\n }\n\n .vis-overview-design-bottom-num .svg-icon path {\n transition: fill 1s ease;\n }\n\n .vis-overview-design-bottom-num .svg-icon.active path {\n fill: #00CAFF;\n }\n\n .vis-overview-design-top-content {\n border-radius: 80px;\n background: linear-gradient(90deg, #EFEFEF 0%, #9FA0A0 100%);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n width: 300px;\n height: 80px;\n position: relative;\n cursor: pointer;\n transition: 1s all;\n overflow: hidden;\n }\n\n\n\n .vis-overview-design-top-dot {\n width: 60px;\n height: 60px;\n border-radius: 60px;\n background-color: #fff;\n position: absolute;\n top: 10px;\n left: 10px;\n transition: 1s all;\n z-index: 1;\n }\n\n .vis-overview-design-top-img {\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n transition: 1s all;\n }\n\n .vis-overview-design-top-img img {\n display: block;\n width: 100%;\n }\n\n @media screen and (max-width:1024px) {\n .vis-overview-design {\n max-width: 100%;\n padding: 60px 40px;\n }\n\n .vis-overview-design-top-content {\n display: block;\n width: 250px;\n height: 70px;\n }\n\n .vis-overview-design-top-dot {\n width: 50px;\n height: 50px;\n }\n\n .vis-overview-design-top-text {\n font-size: 36px;\n }\n\n .vis-overview-design-top {\n gap: 16px;\n margin-bottom: 60px;\n }\n\n .vis-overview-design-center {\n font-size: 36px;\n align-items: baseline;\n }\n\n .vis-overview-design-bottom {\n font-size: 18px;\n }\n\n .vis-overview-design-top img {\n width: 100px;\n }\n\n .vis-overview-design-top-img img {\n height: 100%;\n width: 100%;\n }\n\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-design {\n padding: 60px 24px;\n }\n\n .vis-overview-design-bottom {\n font-size: 18px;\n }\n\n .vis-overview-design-top img {\n width: 100px;\n }\n\n .vis-overview-design-top-img img {\n width: 100%;\n }\n\n .vis-overview-design-top {\n gap: 16px;\n margin-bottom: 40px;\n }\n\n .vis-overview-design-top-text {\n font-size: 40px;\n }\n\n .vis-overview-design-bottom {\n flex-direction: column;\n gap: 16px;\n }\n\n\n }\n\n \/* design end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* overview compare start *\/\n .vis-overview-compare {\n padding: 96px 0;\n background-color: #F3F8FF;\n }\n\n .vis-overview-compare-des {\n max-width: 1280px;\n margin: 0 auto;\n display: flex;\n align-items: stretch;\n justify-content: space-between;\n gap: 96px;\n padding: 0 48px;\n }\n\n .vis-overview-compare-img {\n display: none;\n max-width: 700px;\n border-radius: 8px;\n overflow: hidden;\n min-width: 50%;\n }\n\n .vis-overview-compare-img.active {\n display: block;\n }\n\n\n\n .vis-overview-compare-content {\n width: 388px;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .vis-overview-compare-content-title {\n color: #141515;\n font-family: Montserrat;\n font-size: 36px;\n font-style: normal;\n font-weight: 600;\n line-height: 125%;\n margin-bottom: 24px;\n text-transform: capitalize;\n }\n\n .vis-overview-compare-content-info {\n color: var(--colour-text-primary, #000);\n font-family: Montserrat;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n }\n\n .vis-overview-compare .tab-buttons {\n display: flex;\n justify-content: start;\n gap: 32px;\n\n border-bottom: 1px solid var(--colour-border-primary, #DDD);\n\n }\n\n .vis-overview-compare .tab-button {\n font-family: Montserrat;\n padding: 10px 0;\n cursor: pointer;\n transition: background-color 0.3s;\n font-size: 16px;\n height: 44px;\n white-space: nowrap;\n }\n\n .vis-overview-compare .tab-button.active {\n border-bottom: 2px solid var(--colour-text-highlight, #036AFF);\n color: #036AFF;\n font-family: Montserrat;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n\n .vis-overview-compare .image-slider-wrapper {\n position: relative;\n }\n\n .vis-overview-compare .image-slider-wrapper-img img {\n display: block;\n width: 100%;\n }\n\n .vis-overview-compare .image-slider-wrapper-img2 {\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n\n\n }\n\n .vis-overview-compare .image-slider-wrapper-img-tag {\n position: absolute;\n bottom: 10px;\n right: 10px;\n z-index: 2;\n color: #FFF;\n font-family: Montserrat;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n border-radius: 4px;\n background: #141515;\n padding: 3px 8px;\n width: 51px;\n }\n\n .vis-overview-compare .image-slider-wrapper-img2 .image-slider-wrapper-img-tag {\n bottom: 10px;\n left: 10px;\n right: auto;\n\n width: 63px;\n }\n\n .vis-overview-compare .image-slider-wrapper-img2 img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n object-position: left;\n }\n\n .vis-overview-compare .slider-handle {\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n height: 100%;\n }\n\n .vis-overview-compare .slider-handle-writh-line {\n width: 2px;\n height: 100%;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n background-color: #fff;\n }\n\n .vis-overview-compare .slider-handle-svg {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translate(-50%, -50%);\n cursor: pointer;\n }\n\n\n @media screen and (max-width:1024px) {\n .vis-overview-compare {\n padding: 60px 0;\n }\n\n .vis-overview-compare-des {\n flex-direction: column;\n gap: 32px;\n }\n\n .vis-overview-compare-content {\n width: 100%;\n padding: 0 40px;\n display: flex;\n flex-direction: column;\n padding: 0;\n }\n\n .vis-overview-compare-content-title {\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .vis-overview-compare-img {\n width: 100%;\n max-width: 100%;\n }\n\n .vis-overview-compare-content-top {\n order: 2;\n }\n\n .vis-overview-compare-content .tab-buttons {\n order: 1;\n margin-bottom: 32px;\n }\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-compare {\n padding: 40px 0;\n }\n\n .vis-overview-compare-des {\n padding: 0 24px;\n gap: 69px;\n }\n\n .vis-overview-compare-content .tab-buttons {\n overflow: scroll;\n flex-wrap: nowrap;\n }\n }\n\n \/* overview compare end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* overview change start *\/\n .vis-overview-block.wd-video-change-container {\n margin-bottom: 0;\n }\n\n .wd-video-change {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 96px;\n }\n\n .wd-video-change .video-container {\n width: 50%;\n position: relative;\n padding-top: 50%;\n overflow: hidden;\n background: #FFF;\n }\n\n .img-container {\n width: 50%;\n }\n\n .wd-video-change-text {\n max-width: 400px;\n color: #111;\n font-family: Montserrat;\n }\n\n .wd-video-change-text-popup-content {\n position: relative;\n }\n\n .wd-video-change-text-popup {\n width: 240px;\n padding: 16px;\n border-radius: 4px;\n background-color: #F8F8F8;\n color: #555;\n font-family: Montserrat;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n position: absolute;\n top: 33px;\n left: -71px;\n display: none;\n }\n\n .wd-video-change-text-popup svg {\n position: absolute;\n top: -9px;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .wd-video-change-text-popup-content-title {\n color: var(--colour-text-tertiary, #888);\n font-family: Montserrat;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: none;\n text-decoration-thickness: auto;\n text-underline-offset: auto;\n text-underline-position: from-font;\n }\n\n .wd-video-change-text p {\n font-size: 36px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n margin-bottom: 24px;\n }\n\n .wd-video-change-text span {\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n margin-bottom: 32px;\n display: block;\n }\n\n\n .wd-video-change-btns {\n display: flex;\n padding: 8px;\n align-items: center;\n border-radius: 80px;\n background: #ECECEC;\n text-align: center;\n font-family: Montserrat-Medium;\n font-size: 20px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n text-transform: capitalize;\n max-width: 400px;\n }\n\n .wd-video-change-btns svg {\n width: 32px;\n height: 32px;\n }\n\n .wd-video-change-cold-btn,\n .wd-video-change-hot-btn {\n display: flex;\n padding: 16px;\n align-items: center;\n gap: 8px;\n flex: 1;\n justify-content: center;\n cursor: pointer;\n border-radius: 999px;\n transition: all 0.5s ease;\n }\n\n .wd-video-change-cold-btn {\n color: #036AFF;\n background: linear-gradient(90deg, #036AFF 1.15%, #00CAFF 99.94%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .wd-video-change-cold-btn.active {\n background: linear-gradient(90deg, #036AFF 1.15%, #00CAFF 99.94%);\n color: #FFF;\n background-clip: initial;\n -webkit-background-clip: initial;\n -webkit-text-fill-color: initial;\n }\n\n .wd-video-change-hot-btn {\n color: #D83D3D;\n background: linear-gradient(90deg, #E05C32 0%, #D83D3D 100%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n }\n\n .wd-video-change-hot-btn.active {\n background: linear-gradient(90deg, #E05C32 0%, #D83D3D 100%);\n color: #FFF;\n background-clip: initial;\n -webkit-background-clip: initial;\n -webkit-text-fill-color: initial;\n }\n\n #cold-hot-videos {\n position: relative;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: flex;\n }\n\n .wd-video-change .wd-video-change-video-btn {\n height: 80px;\n width: 300px;\n border-radius: 80px;\n background: linear-gradient(90deg, #EFEFEF 0%, #9FA0A0 100%);\n position: relative;\n cursor: pointer;\n }\n\n .wd-video-change .wd-video-change-video-btn-active {\n background: #036AFF;\n }\n\n .wd-video-change-video-dot {\n width: 60px;\n height: 60px;\n background-color: #fff;\n border-radius: 60px;\n position: absolute;\n top: 10px;\n left: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: 0.3s all;\n }\n\n .wd-video-change-video-dot svg {\n display: none;\n }\n\n .wd-video-change-video-btn-before {\n height: 80px;\n width: 220px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #000;\n text-align: center;\n font-family: Montserrat;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n text-transform: capitalize;\n position: absolute;\n top: 0;\n right: 10px;\n }\n\n .wd-video-change-video-btn-after {\n height: 80px;\n width: 220px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #FFF;\n text-align: center;\n font-family: Montserrat;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: normal;\n text-transform: capitalize;\n position: absolute;\n top: 0;\n left: 10px;\n display: none;\n }\n\n @media screen and (max-width:1024px) {\n .img-container {\n width: 100%;\n }\n\n .vis-overview-block.wd-video-change-container {\n margin-bottom: 0;\n }\n\n .wd-video-change {\n gap: 60px;\n margin-top: 60px;\n }\n\n .wd-video-change .wd-video-change-video-btn {\n margin: 0 auto;\n }\n\n .wd-video-change-text-popup {\n left: 50%;\n transform: translateX(-50%);\n }\n\n .wd-video-change-text p {\n font-size: 24px;\n }\n\n .wd-video-change {\n flex-direction: column-reverse;\n gap: 32px;\n }\n\n .wd-video-change .video-container {\n width: 100%;\n height: auto;\n padding-top: 0;\n }\n\n .wd-video-change #cold-hot-videos {\n position: inherit;\n }\n\n .wd-video-change-text {\n max-width: 500px;\n text-align: center;\n }\n\n .wd-video-change-btns {\n margin: 0 auto;\n }\n\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-block.wd-video-change-container {\n margin-bottom: 0;\n }\n\n .wd-video-change {\n gap: 40px;\n }\n\n .wd-video-change-btns svg {\n width: 24px;\n height: 24px;\n }\n\n .wd-video-change-btns {\n font-size: 16px;\n }\n\n .wd-video-change-text {\n padding: 0 24px;\n }\n }\n\n \/* overview change end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* overview background start *\/\n .vis-overview-ph {\n margin: 0;\n }\n\n .wd-background-video {\n position: relative;\n height: auto;\n overflow: hidden;\n }\n\n .wd-background-video video {\n max-height: 100vh;\n object-fit: cover;\n }\n\n .wd-background-video-img {\n height: 0%;\n width: auto;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n object-fit: cover;\n }\n\n .wd-background-video-secound {\n position: relative;\n width: 100%;\n height: auto;\n overflow: hidden;\n }\n\n .wd-background-video-secound video {\n max-height: 100vh;\n object-fit: cover;\n }\n\n .wd-background-video-img-secound {\n height: 0%;\n width: auto;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n object-fit: cover;\n }\n\n\n .vis-overview-ph .wd-background-word {\n position: absolute;\n max-width: 470px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n opacity: 0;\n height: 50%;\n }\n\n .vis-overview-ph .wd-background-word-item {\n width: 100%;\n }\n\n .vis-overview-ph .wd-background-word h3 {\n margin-bottom: 24px;\n color: #000;\n text-align: center;\n font-family: Montserrat-SemiBold;\n font-size: 36px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n text-transform: capitalize;\n }\n\n .vis-overview-ph .wd-background-word .wd-brief {\n margin-bottom: 32px;\n color: #000;\n text-align: center;\n font-family: Montserrat-Regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n \/* 20.8px *\/\n }\n\n .vis-overview-ph .wd-background-word1 {\n position: absolute;\n max-width: 470px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n opacity: 0;\n height: 50%;\n }\n\n .vis-overview-ph .wd-background-word-item {\n width: 100%;\n }\n\n .vis-overview-ph .wd-background-word1 h3 {\n margin-bottom: 24px;\n color: #000;\n text-align: center;\n font-family: Montserrat-SemiBold;\n font-size: 36px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n text-transform: capitalize;\n }\n\n .vis-overview-ph .wd-background-word1 .wd-brief {\n margin-bottom: 32px;\n color: #000;\n text-align: center;\n font-family: Montserrat-Regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n \/* 20.8px *\/\n }\n\n .vis-overview-ph .wd-word-temp {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .vis-overview-ph .wd-word-temp p {\n font-size: 40px;\n color: #006EFF;\n }\n\n .vis-overview-ph .wd-progress-bar {\n width: 100%;\n align-self: stretch;\n border-radius: 4px;\n height: 10px;\n margin-bottom: 8px;\n background: #EEE;\n background: linear-gradient(90deg, #036aff, #EEE 51.5%, #EEE) !important;\n }\n\n .wd-progress-bar-blue {\n width: 51%;\n height: 100%;\n border-radius: 4px;\n background: #036AFF;\n }\n\n\n @media screen and (max-width:1024px) {\n .vis-overview-ph {\n margin: 0;\n }\n\n .vis-overview-ph .wd-background-word {\n transform: none;\n position: relative;\n top: auto;\n left: auto;\n opacity: 1;\n margin: 60px auto;\n padding: 0 24px;\n }\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-ph {\n margin: 0;\n }\n\n .vis-overview-ph .wd-background-word h3 {\n font-size: 24px;\n }\n\n .vis-overview-ph .wd-background-word1 h3 {\n font-size: 24px;\n }\n\n .vis-overview-ph .wd-word-temp p {\n font-size: 28px;\n }\n\n }\n\n \/* overview background end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* overview choose swiper start *\/\n\n .vis-overview-choose-swiper {\n background-color: #F8F8F8;\n position: relative;\n }\n\n .vis-overview-choose-swiper-content {\n max-width: 1280px;\n padding: 96px 48px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 32px;\n margin: 0 auto;\n }\n\n .vis-overview-choose-swiper-img {\n width: 50%;\n position: relative;\n }\n\n .vis-overview-choose-swiper-img img {\n display: block;\n width: 100%;\n }\n\n .vis-overview-choose-swiper-swiper {\n width: 50%;\n padding: 48px;\n }\n\n .vis-overview-choose-swiper-swiper-slide-img {\n width: 480px;\n margin-bottom: 32px;\n }\n\n .vis-overview-choose-swiper-swiper-title {\n display: none;\n }\n\n .vis-overview-choose-swiper-dot {\n position: absolute;\n top: 50px;\n left: 50px;\n width: 32px;\n height: 32px;\n border: 32px;\n background-color: #999;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 32px;\n cursor: pointer;\n transition: 1s all;\n }\n\n .vis-overview-choose-swiper-dot1 {\n top: 21.35%;\n left: 27.51%;\n }\n\n .vis-overview-choose-swiper-dot2 {\n top: 24.35%;\n left: 60.51%;\n }\n\n .vis-overview-choose-swiper-dot3 {\n top: 38.35%;\n left: 20.51%;\n }\n\n .vis-overview-choose-swiper-dot4 {\n top: 62.35%;\n left: 80.51%;\n }\n\n\n .vis-overview-choose-swiper-dot svg {\n transition: 1s all;\n }\n\n .vis-overview-choose-swiper-dot-active {\n background-color: #006EFF;\n }\n\n .vis-overview-choose-swiper-dot-active svg {\n transform: rotate(45deg);\n }\n\n .vis-overview-choose-swiper-swiper-slide-img img {\n display: block;\n width: 100%;\n border-radius: 10px;\n }\n\n .vis-overview-choose-swiper-swiper-slide-title {\n color: var(--colour-text-primary, #000);\n font-family: Montserrat-SemiBold;\n font-size: 28px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n text-transform: capitalize;\n margin-bottom: 16px;\n text-align: start;\n }\n\n .vis-overview-choose-swiper-swiper-slide-info {\n color: #000;\n font-family: Montserrat-Regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n text-align: start;\n }\n\n .vis-overview-choose-swiper-swiper-button-next,\n .vis-overview-choose-swiper-swiper-button-prev {\n width: 45px;\n height: 45px;\n border-radius: 45px;\n background-color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n transition: 0.5s all;\n }\n\n .vis-overview-choose-swiper-swiper-button-next.swiper-button-disabled svg path {\n stroke: #666;\n }\n\n .vis-overview-choose-swiper-swiper-button-next:hover {\n transform: scale(1.1);\n }\n\n .vis-overview-choose-swiper-swiper-button-prev:hover {\n transform: scale(1.1);\n }\n\n .vis-overview-choose-swiper-swiper-button-prev.swiper-button-disabled svg path {\n stroke: #666;\n }\n\n .vis-overview-choose-swiper-swiper-buttons {\n margin-top: 16px;\n display: flex;\n gap: 10px;\n padding: 10px;\n }\n\n .vis-overview-choose-swiper-swiper-mySwiper .swiper-slide {\n background-color: #F8F8F8;\n display: flex;\n flex-direction: column;\n align-items: start;\n height: auto;\n }\n\n\n .vis-overview-choose-swiper-content-bottom-img {\n position: absolute;\n bottom: 0;\n width: 100%;\n left: 0;\n }\n\n .vis-overview-choose-swiper-content-bottom-img img {\n display: block;\n width: 100%;\n }\n\n @media screen and (max-width:1024px) {\n .vis-overview-choose-swiper-swiper-title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 24px;\n color: #000;\n font-family: Montserrat-SemiBold;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n border-bottom: 1px solid #DDD;\n }\n\n .vis-overview-choose-swiper-content {\n padding: 60px 40px;\n }\n\n .vis-overview-choose-swiper-swiper {\n position: fixed;\n top: 0;\n right: 0;\n width: 100%;\n background: #00000020;\n height: 100%;\n z-index: 999;\n padding: 0;\n display: none;\n }\n\n .vis-overview-choose-swiper-img {\n max-width: 500px;\n width: 100%;\n }\n\n .vis-overview-choose-swiper-swiper-content {\n height: 100%;\n width: 500px;\n background: #fff;\n position: absolute;\n right: 0;\n transition: 1s all;\n transform: translateX(500px);\n border-radius: 20px 0 0 20px;\n }\n\n .vis-overview-choose-swiper-swiper-slide-img {\n width: 100%;\n }\n\n .vis-overview-choose-swiper-swiper-mySwiper {\n padding: 24px;\n }\n\n .vis-overview-choose-swiper-swiper-buttons {\n padding: 0;\n margin: 0;\n }\n\n .vis-overview-choose-swiper-swiper-mySwiper .swiper-wrapper {\n height: calc(100vh - 158px);\n }\n\n .vis-overview-choose-swiper-swiper-mySwiper .swiper-slide {\n justify-content: start;\n padding: 0;\n background-color: #fff;\n }\n\n .vis-overview-choose-swiper-swiper-slide-title {\n font-size: 20px;\n }\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-choose-swiper-swiper-content {\n border-radius: 20px 20px 0 0;\n height: 649px;\n max-height: calc(100vh - 40px);\n width: 100%;\n bottom: 0;\n }\n\n .vis-overview-choose-swiper-swiper-mySwiper {\n height: calc(100% - 65px);\n }\n\n .vis-overview-choose-swiper-swiper-mySwiper .swiper-wrapper {\n height: calc(100% - 45px);\n }\n }\n\n \/* overview choose swiper end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* overview install start *\/\n .vis-overview-install {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 24px;\n max-width: 1280px;\n padding: 0 48px;\n margin: 0 auto;\n }\n\n .vis-overview-install-mp4 {\n width: 700px;\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .vis-overview-install-mp4 img {\n position: absolute;\n width: 48px;\n height: 48px;\n right: 20px;\n bottom: 20px;\n transition: all .3s ease;\n cursor: pointer;\n }\n\n .vis-overview-install-mp4 video {\n display: block;\n width: 100%;\n }\n\n .vis-overview-install-mp4 iframe {\n width: 100%;\n height: 393px;\n border-radius: 10px;\n }\n\n .vis-overview-install-content {\n width: calc(100% - 700px);\n max-width: 400px;\n }\n\n .vis-overview-install-content-title {\n color: #555;\n font-family: Montserrat-Medium;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n\n .vis-overview-install-content-subtitle {\n color: #000;\n font-family: Montserrat-SemiBold;\n font-size: 36px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n text-transform: capitalize;\n margin-bottom: 24px;\n }\n\n .vis-overview-install-content-des {\n color: #000;\n font-family: Montserrat-Regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 130%;\n }\n\n .vis-overview-install-content-link a {\n color: #006EFF;\n font-family: Montserrat-Medium;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n text-transform: capitalize;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .vis-overview-install-mp4 .vis-overview-install-play-btn {\n display: block;\n }\n\n .vis-overview-install-mp4 .vis-overview-install-stop-btn {\n display: none;\n }\n\n .vis-overview-install-mp4-active .vis-overview-install-play-btn {\n display: none;\n }\n\n .vis-overview-install-mp4-active .vis-overview-install-stop-btn {\n display: block;\n }\n\n\n .vis-overview-install-mp4 .vis-overview-install-play-btn:hover {\n transform: scale(120%);\n }\n\n .vis-overview-install-mp4 .vis-overview-install-stop-btn:hover {\n transform: scale(120%);\n }\n\n @media screen and (max-width:1024px) {\n .vis-overview-install {\n flex-direction: column-reverse;\n gap: 32px;\n padding: 0 40px;\n }\n\n .vis-overview-install-content {\n max-width: 500px;\n width: 100%;\n text-align: center;\n }\n\n .vis-overview-install-content-subtitle {\n font-size: 24px;\n }\n\n .vis-overview-install-content-link a {\n width: 202px;\n height: 49px;\n border-radius: 4px;\n border: 2px solid #006EFF;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto;\n }\n\n .vis-overview-install-content-link a svg {\n display: none;\n }\n\n .vis-overview-install-mp4 {\n width: 100%;\n }\n\n .vis-overview-install-mp4 iframe {\n height: calc((400 \/ 688) * (100vw - 80px));\n }\n\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-install {\n padding: 0 24px;\n }\n\n .vis-overview-install-mp4 {\n width: 100%;\n }\n\n .vis-overview-install-mp4 iframe {\n height: calc((193 \/ 342) * (100vw - 80px));\n }\n }\n\n \/* overview install end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* Media Attention *\/\n .wd-index-media-attention-wrap {\n max-width: 1280px;\n width: 100%;\n padding: 48px;\n box-sizing: border-box;\n margin: 0 auto;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .wd-index-media-attention-title {\n width: 100%;\n text-align: center;\n color: var(--colour-text-secondary, #555);\n text-align: center;\n font-family: Montserrat;\n font-size: 12px;\n font-style: normal;\n font-family: Montserrat-Medium;\n line-height: normal;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n }\n\n .wd-v2-index-media-content {\n max-width: 1440px;\n \/* height: fit-content; *\/\n height: 105px;\n width: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n }\n\n .wd-v2-index-media-content div {\n max-width: 1088px;\n display: none;\n color: var(--colour-text-primary, #000);\n text-align: center;\n font-family: Montserrat;\n font-size: 28px;\n font-style: normal;\n font-family: Montserrat-Light;\n line-height: normal;\n }\n\n .wd-v2-index-media-content div:first-child {\n display: block;\n }\n\n .wd-v2-index-media-content div a {\n color: var(--colour-text-highlight, #036AFF);\n text-decoration: underline;\n font-family: Montserrat-SemiBold;\n }\n\n .wd-v2-index-media-content div:first-child {\n display: block;\n }\n\n .wd-v2-index-media-title {\n text-align: center;\n font-family: Poppins-SemiBold;\n font-size: 32px;\n color: #000;\n line-height: 180%;\n }\n\n .wd-v2-index-media-swiper {\n max-width: 880px;\n margin: 0 auto;\n overflow: hidden;\n box-sizing: content-box;\n position: relative;\n width: 100%;\n }\n\n .wd-v2-index-media-swiper .swiper-slide {\n height: fit-content;\n }\n\n .wd-v2-index-media-swiper-slide {\n width: 160px;\n height: 160px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px;\n box-sizing: border-box;\n border-radius: 16px;\n cursor: pointer;\n }\n\n .wd-v2-index-media-swiper-slide img {\n max-width: 100%;\n width: fit-content;\n opacity: 0.1;\n }\n\n .wd-v2-index-media-swiper-next::after {\n content: none;\n }\n\n .wd-v2-index-media-swiper-prev::after {\n content: none;\n }\n\n .wd-v2-index-media-swiper-next {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-v2-index-category-right-true.svg?v=1676599349) no-repeat;\n position: unset;\n background-size: cover;\n width: 40px;\n height: 40px;\n margin: 0;\n left: 25px;\n position: absolute;\n transform: translateY(-50%);\n }\n\n .wd-v2-index-media-swiper-next.swiper-button-disabled {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-v2-index-category-right-false.svg?v=1676599349) no-repeat;\n opacity: 1;\n background-size: cover;\n width: 40px;\n height: 40px;\n left: 25px;\n position: absolute;\n transform: translateY(-50%);\n }\n\n .wd-v2-index-media-swiper-prev {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-v2-index-category-left-true.svg?v=1676599349) no-repeat;\n position: unset;\n background-size: cover;\n width: 40px;\n height: 40px;\n margin: 0;\n right: 25px;\n position: absolute;\n transform: translateY(-50%);\n left: 0;\n left: unset;\n }\n\n .wd-v2-index-media-swiper-prev.swiper-button-disabled {\n background: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-v2-index-category-left-false.svg?v=1676599349) no-repeat;\n opacity: 1;\n background-size: cover;\n width: 40px;\n height: 40px;\n right: 25px;\n position: absolute;\n transform: translateY(-50%);\n left: 0;\n left: unset;\n }\n\n .wd-v2-index-media-swiper-next-box {\n position: absolute;\n right: 0px;\n top: 50%;\n background: #fff;\n z-index: 2;\n width: 45px;\n height: 45px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--radius-circle-arrow-button, 1000px);\n }\n\n .wd-v2-index-media-swiper-next-btn {\n background: #fff;\n z-index: 2;\n width: 45px;\n height: 45px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--radius-circle-arrow-button, 1000px);\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);\n }\n\n .wd-v2-index-media-swiper-prev-box {\n position: absolute;\n left: 0px;\n top: 50%;\n background: #fff;\n z-index: 2;\n width: 45px;\n height: 45px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--radius-circle-arrow-button, 1000px);\n }\n\n .wd-v2-index-media-swiper-prev-btn {\n background: #fff;\n z-index: 2;\n width: 45px;\n height: 45px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--radius-circle-arrow-button, 1000px);\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);\n }\n\n .wd-v2-index-media-swiper-next-btn.swiper-button-disabled svg path,\n .wd-v2-index-media-swiper-prev-btn.swiper-button-disabled svg path {\n stroke: #999999;\n }\n\n .wd-v2-index-media-swiper-prev-box .swiper-slide-prev {\n opacity: 0;\n }\n\n .swiper-pagination-media-attention {\n display: none;\n }\n\n .wd-v2-index-media-swiper-next-box,\n .wd-v2-index-media-swiper-prev-box {\n display: block;\n }\n\n\n .swiper-horizontal\u003e.swiper-pagination-bullets,\n .swiper-pagination-bullets.swiper-pagination-horizontal,\n .swiper-pagination-custom,\n .swiper-pagination-fraction {\n display: none;\n }\n\n @media (max-width: 1024px) {\n\n \/* Media Attention *\/\n .wd-index-media-attention-wrap {\n width: 100%;\n padding: 30px 0;\n }\n\n .wd-v2-index-media-content {\n height: 108px;\n }\n\n .wd-v2-index-media-content div {\n width: 100%;\n padding: 0 40px;\n box-sizing: border-box;\n margin: 0 auto;\n font-size: 20px;\n margin-bottom: 0px;\n }\n\n .wd-v2-index-media-swiper-slide {\n width: 120px;\n height: 120px;\n padding: 0;\n }\n\n .wd-v2-index-media-swiper-slide-first img {\n opacity: 1;\n }\n\n .wd-v2-index-media-swiper {\n max-width: 728px;\n padding: 0;\n }\n\n .wd-v2-index-media-content div a {\n font-size: 24px;\n }\n\n .swiper-pagination-media-attention {\n display: flex !important;\n bottom: 0px !important;\n }\n\n .wd-v2-index-media-swiper-next-box,\n .wd-v2-index-media-swiper-prev-box {\n display: none;\n }\n\n .swiper-horizontal\u003e.swiper-pagination-bullets,\n .swiper-pagination-bullets.swiper-pagination-horizontal,\n .swiper-pagination-custom,\n .swiper-pagination-fraction {\n display: block;\n }\n\n .swiper-horizontal\u003e.swiper-pagination-bullets .swiper-pagination-bullet,\n .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 0 !important;\n width: 25px !important;\n border-radius: 0 !important;\n height: 4px !important;\n background-color: #DDD !important;\n }\n\n .swiper-horizontal\u003e.swiper-pagination-bullets .swiper-pagination-bullet,\n .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type {\n border-radius: 1000px 0 0 1000px !important;\n }\n\n .swiper-horizontal\u003e.swiper-pagination-bullets .swiper-pagination-bullet,\n .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type {\n border-radius: 0 1000px 1000px 0 !important;\n }\n }\n\n @media (max-width: 767px) {\n\n .wd-v2-index-media-swiper .swiper-slide {\n width: 100px;\n }\n\n \/* Media Attention *\/\n .wd-index-media-attention-wrap {\n width: 100%;\n padding: 24px 0;\n }\n\n .wd-index-media-attention-title {\n margin: 0;\n }\n\n .wd-v2-index-media-content {\n width: 100%;\n margin: 24px 0 24px 0;\n padding: 0 24px;\n box-sizing: border-box;\n height: auto;\n }\n\n .wd-v2-index-media-content div {\n width: 100%;\n font-size: 20px;\n padding: 0;\n margin: 0;\n }\n\n .wd-v2-index-media-swiper {\n height: auto;\n max-width: 100%;\n }\n\n .wd-v2-index-media-swiper-slide {\n width: 100px;\n height: 100px;\n padding: 10px;\n box-sizing: border-box;\n }\n\n .wd-v2-index-media-swiper {\n padding: 0;\n }\n\n .wd-v2-index-media-content div a {\n font-size: 24px;\n }\n\n .swiper-pagination-media-attention {\n display: block;\n bottom: 0px;\n }\n\n .wd-v2-index-media-swiper-next-box,\n .wd-v2-index-media-swiper-prev-box {\n display: none;\n }\n\n .swiper-pagination-bullets.swiper-pagination-horizontal {\n bottom: 0 !important;\n border: 0 !important;\n left: 0 !important;\n width: 100% !important;\n }\n\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* img swiper start *\/\n .vis-overview-block-img-swiper {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 48px;\n position: relative;\n }\n\n .vis-overview-block-img-swiper-mySwiper {\n border-radius: 10px;\n }\n\n\n .vis-overview-block-img-swiper-button-next,\n .vis-overview-block-img-swiper-button-prev {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);\n cursor: pointer;\n position: absolute;\n top: calc(50% - 22.5px);\n z-index: 2;\n background-color: #fff;\n transition: 0.5s all;\n }\n\n .vis-overview-block-img-swiper-button-next {\n right: -7px;\n }\n\n\n .vis-overview-block-img-swiper-button-next:hover {\n transform: scale(1.1);\n }\n\n .vis-overview-block-img-swiper-button-prev {\n left: -7px;\n }\n\n .vis-overview-block-img-swiper-button-prev:hover {\n transform: scale(1.1);\n }\n\n\n .vis-overview-block-img-swiper-button-next.swiper-button-disabled svg path {\n stroke: #999;\n }\n\n .vis-overview-block-img-swiper-button-prev.swiper-button-disabled svg path {\n stroke: #999;\n }\n\n\n .vis-overview-block-img-swiper-mySwiper img {\n width: 100%;\n display: block;\n }\n\n .vis-overview-block-img-swiper-swiper-pagination {\n display: none;\n }\n\n @media screen and (max-width:1280px) {\n .vis-overview-block-img-swiper {\n max-width: 960px;\n padding: 0;\n }\n\n .vis-overview-block-img-swiper-button-next {\n right: -45px;\n }\n\n .vis-overview-block-img-swiper-button-prev {\n left: -45px;\n }\n\n }\n\n @media screen and (max-width:1024px) {\n\n .vis-overview-block-img-swiper-button-next,\n .vis-overview-block-img-swiper-button-prev {\n display: none;\n }\n\n .vis-overview-block-img-swiper-swiper-pagination {\n display: block;\n text-align: center;\n }\n\n .vis-overview-block .vis-overview-block-img-swiper-swiper-pagination .swiper-pagination-bullet {\n width: 25px;\n background-color: #DDD !important;\n border-radius: 0 !important;\n border: 0 !important;\n height: 4px;\n margin: 0 !important;\n }\n\n .vis-overview-block .vis-overview-block-img-swiper-swiper-pagination .swiper-pagination-bullet:first-child {\n border-radius: 4px 0 0 4px !important;\n }\n\n .vis-overview-block .vis-overview-block-img-swiper-swiper-pagination .swiper-pagination-bullet:last-child {\n border-radius: 0 4px 4px 0 !important;\n }\n\n .vis-overview-block .vis-overview-block-img-swiper-swiper-pagination .swiper-pagination-bullet {\n background-color: #000 !important;\n }\n\n .vis-overview-block-img-swiper {\n max-width: 100%;\n padding: 0 40px;\n }\n\n .vis-overview-block-img-swiper-mySwiper {\n padding-bottom: 32px;\n }\n }\n\n @media screen and (max-width:767px) {\n .vis-overview-block-img-swiper {\n padding: 0 24px;\n }\n }\n\n \/* img swiper end *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n \/* other style *\/\n .vis-overview-choose-swiper-dot1 {\n top: 67.35%;\n left: 81.51%;\n }\n\n .vis-overview-choose-swiper-dot2 {\n top: 27.35%;\n left: 12.51%;\n }\n\n .vis-overview-choose-swiper-dot3 {\n top: 13.35%;\n left: 31.51%;\n }\n\u003c\/style\u003e\n\u003c!-- overview --\u003e\n\u003cdiv id=\"vis-overview\"\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-sale\"\u003e\n \u003cdiv class=\"vis-overview-sale-item vis-overview-sale-item-video box3\"\u003e\n \u003cvideo id=\"wd-a2-grid-column-video\" class=\"wd-a2-grid-column-video\" muted=\"\" playsinline=\"\" loop=\"loop\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ec6d594eb9a04489b0e8e629120436a4.mp4\" type=\"video\/mp4\" media=\"(min-width: 1025px)\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/9218f443ff594741b05dc1775b3d29de.mp4\" type=\"video\/mp4\" media=\"(max-width: 1024px)\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ec6d594eb9a04489b0e8e629120436a4.mp4\" type=\"video\/mp4\"\u003e\u003c\/source\u003e\u003c\/video\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-stop.png?v=1734088740\" alt=\"play btn\" class=\"vis-overview-sale-item-video-play-btn\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-come.png?v=1734088740\" alt=\"play btn\" class=\"vis-overview-sale-item-video-stop-btn\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-sale-item vis-overview-sale-item-second box1\"\u003e\n \u003cdiv class=\"top-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-WD-X12W-set-img1.jpg?v=1740362022\" alt=\"Smart touch screen\"\u003e\n \u003cdiv class=\"top-text vis-overview-sale-item-absolute\"\u003e\n \u003cp\u003eDual Flow\u003c\/p\u003e\n \u003cspan\u003ePure and Filtered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bottom-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-WD-X12W-set-img2.jpg?v=1740362022\" alt=\"2:1\"\u003e\n \u003cdiv class=\"bottom-text vis-overview-sale-item-absolute\"\u003e\n \u003cdiv class=\"text-ratios\"\u003e3:1\u003c\/div\u003e\n \u003cdiv class=\"bottom-text-right\"\u003e\n \u003cp\u003ePurified Water Ratio\u003c\/p\u003e\n \u003cspan\u003eSave 1200% water\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-sale-item vis-overview-sale-item-third box2\"\u003e\n \u003cdiv class=\"top-block\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-WD-X12W-set-img3.jpg?v=1740362021\" alt=\"Composite filter\"\u003e\n \u003cdiv class=\"top-block-text vis-overview-sale-item-absolute\"\u003e\n \u003cp\u003e11-stage Deep Filtration\u003c\/p\u003e\n \u003cspan\u003e0.0001μm RO Filtration\u003c\/span\u003e \u003cspan\u003eAuto-sensing LED function\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bottom-block\"\u003e\n \u003cdiv class=\"left-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-WD-X12W-set-img4.jpg?v=1740362017\" alt=\"30-min Easy Installation\"\u003e\n \u003cp class=\"vis-overview-sale-item-absolute bottom-block-p\"\u003eAlkaline Boost for Mineral-rich Water\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"right-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-WD-X12W-set-img5.jpg?v=1740362017\" alt=\"Smart Display Faucet\"\u003e\n \u003cp class=\"vis-overview-sale-item-absolute bottom-block-p\"\u003e1200 GPD Rapid Flow\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-design\"\u003e\n \u003cdiv class=\"vis-overview-design-top\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X1-2W-Slider_bar-img1.png?v=1738896763\" alt=\"\"\u003e\n \u003cdiv class=\"vis-overview-design-top-text\"\u003eX12-Pro\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-design-top-text\"\u003eIs\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-design-top-text\"\u003eDesigned\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-design-top-text\"\u003eFor\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-design-top-content\"\u003e\n \u003cdiv class=\"vis-overview-design-top-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-design-top-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-WD-X12W-Slider_bar-img2.png?v=1738896763\" alt=\"\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-design-center\"\u003eHealthy Living\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-design-bottom\"\u003eSuggested Family Size:\n \u003cdiv class=\"vis-overview-design-bottom-num\"\u003e\n \u003csvg class=\"svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31\" height=\"60\" viewbox=\"0 0 31 60\" fill=\"none\"\u003e\n \u003cpath d=\"M11.1633 55L7.05212 23.1875C6.85059 21.6875 7.23349 20.3642 8.20083 19.2175C9.16817 18.0708 10.3773 17.4984 11.8284 17.5H20.1716C21.6227 17.5 22.8318 18.0725 23.7992 19.2175C24.7665 20.3625 25.1494 21.6858 24.9479 23.1875L20.8367 55H11.1633ZM16 15C14.6699 15 13.5317 14.5108 12.5853 13.5325C11.6389 12.5542 11.1649 11.3767 11.1633 10C11.1617 8.62335 11.6357 7.44668 12.5853 6.47002C13.5349 5.49335 14.6731 5.00335 16 5.00002C17.3269 4.99668 18.4659 5.48668 19.4171 6.47002C20.3683 7.45335 20.8415 8.63002 20.8367 10C20.8319 11.37 20.3587 12.5475 19.4171 13.5325C18.4756 14.5175 17.3365 15.0067 16 15Z\" fill=\"#DDDDDD\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003csvg class=\"svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31\" height=\"60\" viewbox=\"0 0 31 60\" fill=\"none\"\u003e\n \u003cpath d=\"M11.1633 55L7.05212 23.1875C6.85059 21.6875 7.23349 20.3642 8.20083 19.2175C9.16817 18.0708 10.3773 17.4984 11.8284 17.5H20.1716C21.6227 17.5 22.8318 18.0725 23.7992 19.2175C24.7665 20.3625 25.1494 21.6858 24.9479 23.1875L20.8367 55H11.1633ZM16 15C14.6699 15 13.5317 14.5108 12.5853 13.5325C11.6389 12.5542 11.1649 11.3767 11.1633 10C11.1617 8.62335 11.6357 7.44668 12.5853 6.47002C13.5349 5.49335 14.6731 5.00335 16 5.00002C17.3269 4.99668 18.4659 5.48668 19.4171 6.47002C20.3683 7.45335 20.8415 8.63002 20.8367 10C20.8319 11.37 20.3587 12.5475 19.4171 13.5325C18.4756 14.5175 17.3365 15.0067 16 15Z\" fill=\"#DDDDDD\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003csvg class=\"svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31\" height=\"60\" viewbox=\"0 0 31 60\" fill=\"none\"\u003e\n \u003cpath d=\"M11.1633 55L7.05212 23.1875C6.85059 21.6875 7.23349 20.3642 8.20083 19.2175C9.16817 18.0708 10.3773 17.4984 11.8284 17.5H20.1716C21.6227 17.5 22.8318 18.0725 23.7992 19.2175C24.7665 20.3625 25.1494 21.6858 24.9479 23.1875L20.8367 55H11.1633ZM16 15C14.6699 15 13.5317 14.5108 12.5853 13.5325C11.6389 12.5542 11.1649 11.3767 11.1633 10C11.1617 8.62335 11.6357 7.44668 12.5853 6.47002C13.5349 5.49335 14.6731 5.00335 16 5.00002C17.3269 4.99668 18.4659 5.48668 19.4171 6.47002C20.3683 7.45335 20.8415 8.63002 20.8367 10C20.8319 11.37 20.3587 12.5475 19.4171 13.5325C18.4756 14.5175 17.3365 15.0067 16 15Z\" fill=\"#DDDDDD\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003csvg class=\"svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31\" height=\"60\" viewbox=\"0 0 31 60\" fill=\"none\"\u003e\n \u003cpath d=\"M11.1633 55L7.05212 23.1875C6.85059 21.6875 7.23349 20.3642 8.20083 19.2175C9.16817 18.0708 10.3773 17.4984 11.8284 17.5H20.1716C21.6227 17.5 22.8318 18.0725 23.7992 19.2175C24.7665 20.3625 25.1494 21.6858 24.9479 23.1875L20.8367 55H11.1633ZM16 15C14.6699 15 13.5317 14.5108 12.5853 13.5325C11.6389 12.5542 11.1649 11.3767 11.1633 10C11.1617 8.62335 11.6357 7.44668 12.5853 6.47002C13.5349 5.49335 14.6731 5.00335 16 5.00002C17.3269 4.99668 18.4659 5.48668 19.4171 6.47002C20.3683 7.45335 20.8415 8.63002 20.8367 10C20.8319 11.37 20.3587 12.5475 19.4171 13.5325C18.4756 14.5175 17.3365 15.0067 16 15Z\" fill=\"#DDDDDD\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003csvg class=\"svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31\" height=\"60\" viewbox=\"0 0 31 60\" fill=\"none\"\u003e\n \u003cpath d=\"M11.1633 55L7.05212 23.1875C6.85059 21.6875 7.23349 20.3642 8.20083 19.2175C9.16817 18.0708 10.3773 17.4984 11.8284 17.5H20.1716C21.6227 17.5 22.8318 18.0725 23.7992 19.2175C24.7665 20.3625 25.1494 21.6858 24.9479 23.1875L20.8367 55H11.1633ZM16 15C14.6699 15 13.5317 14.5108 12.5853 13.5325C11.6389 12.5542 11.1649 11.3767 11.1633 10C11.1617 8.62335 11.6357 7.44668 12.5853 6.47002C13.5349 5.49335 14.6731 5.00335 16 5.00002C17.3269 4.99668 18.4659 5.48668 19.4171 6.47002C20.3683 7.45335 20.8415 8.63002 20.8367 10C20.8319 11.37 20.3587 12.5475 19.4171 13.5325C18.4756 14.5175 17.3365 15.0067 16 15Z\" fill=\"#DDDDDD\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e \u003csvg class=\"svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31\" height=\"60\" viewbox=\"0 0 31 60\" fill=\"none\"\u003e\n \u003cpath d=\"M11.1633 55L7.05212 23.1875C6.85059 21.6875 7.23349 20.3642 8.20083 19.2175C9.16817 18.0708 10.3773 17.4984 11.8284 17.5H20.1716C21.6227 17.5 22.8318 18.0725 23.7992 19.2175C24.7665 20.3625 25.1494 21.6858 24.9479 23.1875L20.8367 55H11.1633ZM16 15C14.6699 15 13.5317 14.5108 12.5853 13.5325C11.6389 12.5542 11.1649 11.3767 11.1633 10C11.1617 8.62335 11.6357 7.44668 12.5853 6.47002C13.5349 5.49335 14.6731 5.00335 16 5.00002C17.3269 4.99668 18.4659 5.48668 19.4171 6.47002C20.3683 7.45335 20.8415 8.63002 20.8367 10C20.8319 11.37 20.3587 12.5475 19.4171 13.5325C18.4756 14.5175 17.3365 15.0067 16 15Z\" fill=\"#DDDDDD\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block no-bottom\"\u003e\n \u003cdiv class=\"vis-overview-compare\"\u003e\n \u003cdiv class=\"vis-overview-compare-des\"\u003e\n \u003cdiv class=\"vis-overview-compare-content\"\u003e\n \u003cdiv class=\"vis-overview-compare-content-top\"\u003e\n \u003cdiv class=\"vis-overview-compare-content-title\"\u003eWorried About Unhealthy Water?\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-compare-content-info\"\u003eThis tankless RO system cleans each water flow in\n your kitchen—install once and enjoy pure, healthy water long-term!\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tab-buttons\"\u003e\n \u003cbutton class=\"tab-button active\"\u003eTaste\u003c\/button\u003e \u003cbutton class=\"tab-button\"\u003eHealth \u0026amp;\n Safety\u003c\/button\u003e \u003cbutton class=\"tab-button\"\u003eSetup\u003c\/button\u003e \u003cbutton class=\"tab-button\"\u003eCost\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-compare-img active\" id=\"tab1\"\u003e\n \u003cdiv class=\"image-slider-wrapper\"\u003e\n \u003cdiv class=\"image-slider-wrapper-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img2.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"image-slider-wrapper-img image-slider-wrapper-img2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img1.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slider-handle\" id=\"slider-handle1\"\u003e\n \u003cdiv class=\"slider-handle-writh-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003csvg class=\"slider-handle-svg\" width=\"68\" height=\"68\" viewbox=\"0 0 68 68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cg filter=\"url(#filter0_d_3241_14322)\"\u003e\n \u003cpath d=\"M10 31C10 17.7452 20.7452 7 34 7C47.2548 7 58 17.7452 58 31C58 44.2548 47.2548 55 34 55C20.7452 55 10 44.2548 10 31Z\" fill=\"white\" shape-rendering=\"crispEdges\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M29.2002 36.3333L23.8669 31L29.2002 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M38.7998 36.3333L44.1331 31L38.7998 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003cdefs\u003e\n \u003cfilter id=\"filter0_d_3241_14322\" x=\"0\" y=\"0\" width=\"68\" height=\"68\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"\u003e\n \u003cfeflood flood-opacity=\"0\" result=\"BackgroundImageFix\"\u003e\u003c\/feflood\u003e\n \u003cfecolormatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeoffset dy=\"3\"\u003e\u003c\/feoffset\u003e\n \u003cfegaussianblur stddeviation=\"5\"\u003e\u003c\/fegaussianblur\u003e\n \u003cfecomposite in2=\"hardAlpha\" operator=\"out\"\u003e\u003c\/fecomposite\u003e\n \u003cfecolormatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeblend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3241_14322\"\u003e\n \u003c\/feblend\u003e\n \u003cfeblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_3241_14322\" result=\"shape\"\u003e\u003c\/feblend\u003e\n \u003c\/filter\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-compare-img\" id=\"tab2\"\u003e\n \u003cdiv class=\"image-slider-wrapper\"\u003e\n \u003cdiv class=\"image-slider-wrapper-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img4.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"image-slider-wrapper-img image-slider-wrapper-img2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img3.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slider-handle\" id=\"slider-handle2\"\u003e\n \u003cdiv class=\"slider-handle-writh-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003csvg class=\"slider-handle-svg\" width=\"68\" height=\"68\" viewbox=\"0 0 68 68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cg filter=\"url(#filter0_d_3241_14322)\"\u003e\n \u003cpath d=\"M10 31C10 17.7452 20.7452 7 34 7C47.2548 7 58 17.7452 58 31C58 44.2548 47.2548 55 34 55C20.7452 55 10 44.2548 10 31Z\" fill=\"white\" shape-rendering=\"crispEdges\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M29.2002 36.3333L23.8669 31L29.2002 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M38.7998 36.3333L44.1331 31L38.7998 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003cdefs\u003e\n \u003cfilter id=\"filter0_d_3241_14322\" x=\"0\" y=\"0\" width=\"68\" height=\"68\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"\u003e\n \u003cfeflood flood-opacity=\"0\" result=\"BackgroundImageFix\"\u003e\u003c\/feflood\u003e\n \u003cfecolormatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeoffset dy=\"3\"\u003e\u003c\/feoffset\u003e\n \u003cfegaussianblur stddeviation=\"5\"\u003e\u003c\/fegaussianblur\u003e\n \u003cfecomposite in2=\"hardAlpha\" operator=\"out\"\u003e\u003c\/fecomposite\u003e\n \u003cfecolormatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeblend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3241_14322\"\u003e\n \u003c\/feblend\u003e\n \u003cfeblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_3241_14322\" result=\"shape\"\u003e\u003c\/feblend\u003e\n \u003c\/filter\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-compare-img\" id=\"tab3\"\u003e\n \u003cdiv class=\"image-slider-wrapper\"\u003e\n \u003cdiv class=\"image-slider-wrapper-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img6.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"image-slider-wrapper-img image-slider-wrapper-img2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img5.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slider-handle\" id=\"slider-handle3\"\u003e\n \u003cdiv class=\"slider-handle-writh-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003csvg class=\"slider-handle-svg\" width=\"68\" height=\"68\" viewbox=\"0 0 68 68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cg filter=\"url(#filter0_d_3241_14322)\"\u003e\n \u003cpath d=\"M10 31C10 17.7452 20.7452 7 34 7C47.2548 7 58 17.7452 58 31C58 44.2548 47.2548 55 34 55C20.7452 55 10 44.2548 10 31Z\" fill=\"white\" shape-rendering=\"crispEdges\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M29.2002 36.3333L23.8669 31L29.2002 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M38.7998 36.3333L44.1331 31L38.7998 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003cdefs\u003e\n \u003cfilter id=\"filter0_d_3241_14322\" x=\"0\" y=\"0\" width=\"68\" height=\"68\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"\u003e\n \u003cfeflood flood-opacity=\"0\" result=\"BackgroundImageFix\"\u003e\u003c\/feflood\u003e\n \u003cfecolormatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeoffset dy=\"3\"\u003e\u003c\/feoffset\u003e\n \u003cfegaussianblur stddeviation=\"5\"\u003e\u003c\/fegaussianblur\u003e\n \u003cfecomposite in2=\"hardAlpha\" operator=\"out\"\u003e\u003c\/fecomposite\u003e\n \u003cfecolormatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeblend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3241_14322\"\u003e\n \u003c\/feblend\u003e\n \u003cfeblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_3241_14322\" result=\"shape\"\u003e\u003c\/feblend\u003e\n \u003c\/filter\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-compare-img\" id=\"tab4\"\u003e\n \u003cdiv class=\"image-slider-wrapper\"\u003e\n \u003cdiv class=\"image-slider-wrapper-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img8.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"image-slider-wrapper-img image-slider-wrapper-img2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Point_of_pain-img7.jpg?v=1739417100\" alt=\"\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"slider-handle\" id=\"slider-handle4\"\u003e\n \u003cdiv class=\"slider-handle-writh-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003csvg class=\"slider-handle-svg\" width=\"68\" height=\"68\" viewbox=\"0 0 68 68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cg filter=\"url(#filter0_d_3241_14322)\"\u003e\n \u003cpath d=\"M10 31C10 17.7452 20.7452 7 34 7C47.2548 7 58 17.7452 58 31C58 44.2548 47.2548 55 34 55C20.7452 55 10 44.2548 10 31Z\" fill=\"white\" shape-rendering=\"crispEdges\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M29.2002 36.3333L23.8669 31L29.2002 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M38.7998 36.3333L44.1331 31L38.7998 25.6666\" stroke=\"#141515\" stroke-width=\"1.33333\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003cdefs\u003e\n \u003cfilter id=\"filter0_d_3241_14322\" x=\"0\" y=\"0\" width=\"68\" height=\"68\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"\u003e\n \u003cfeflood flood-opacity=\"0\" result=\"BackgroundImageFix\"\u003e\u003c\/feflood\u003e\n \u003cfecolormatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeoffset dy=\"3\"\u003e\u003c\/feoffset\u003e\n \u003cfegaussianblur stddeviation=\"5\"\u003e\u003c\/fegaussianblur\u003e\n \u003cfecomposite in2=\"hardAlpha\" operator=\"out\"\u003e\u003c\/fecomposite\u003e\n \u003cfecolormatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"\u003e\n \u003c\/fecolormatrix\u003e\n \u003cfeblend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3241_14322\"\u003e\n \u003c\/feblend\u003e\n \u003cfeblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_3241_14322\" result=\"shape\"\u003e\u003c\/feblend\u003e\n \u003c\/filter\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-video-change\"\u003e\n \u003cdiv class=\"img-container\"\u003e\n \u003cpicture id=\"cold-hot-videos\"\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-selling-point-X12-PR0-pc.jpg?v=1740361762\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-selling-point-X12-PR0-mo.jpg?v=1740361762\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-selling-point-X12-PR0-pc.jpg?v=1740361762\" alt=\"Sustainability\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-video-change-text\"\u003e\n \u003cp\u003ePure and Filtered Dual Flow\u003cbr\u003eMeet All Your Needs\u003c\/p\u003e\n \u003cspan\u003eThis reverse osmosis home system provides filtered water for washing, while the pure water line is for\n drinking and cooking, fulfilling various water needs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block vis-overview-ph\"\u003e\n \u003cdiv class=\"wd-background-video\"\u003e\n \u003cimg class=\"wd-background-video-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/waterdrop_Vector.png?v=1727058319\" alt=\"Cool Now, Hot Instant\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7f24c79c8deb40ad8173c66aa62464a8.mp4\" width=\"100%\" height=\"auto\" muted=\"\" autoplay=\"autoplay\" loop=\"loop\" playsinline=\"\"\u003e\u003c\/video\u003e\n \u003cdiv class=\"wd-background-word\"\u003e\n \u003cdiv class=\"wd-background-word-item\"\u003e\n \u003ch3\u003eAlkaline Minerals\u003c\/h3\u003e\n \u003cp class=\"wd-brief\"\u003eAlkaline mineral water supports hydration, balances body pH level, enhances\n energy, and promotes overall wellness for a healthier, more refreshed lifestyle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-background-word-item\"\u003e\n \u003cdiv class=\"wd-word-temp\"\u003e\n \u003cp\u003ePH7.5+\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-progress-bar\"\u003e\n \u003cdiv class=\"wd-progress-bar-blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-two-extremes\"\u003e\n \u003cp\u003e0\u003c\/p\u003e\n \u003cp\u003e4\u003c\/p\u003e\n \u003cp\u003e7\u003c\/p\u003e\n \u003cp\u003e10\u003c\/p\u003e\n \u003cp\u003e14\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-block-text_img\"\u003e\n \u003cdiv class=\"vis-overview-block-text\"\u003e\n \u003cdiv class=\"vis-overview-block-text-title\"\u003e11-stage Filtration with 0.0001μm RO Membrane\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-text-subtitle\"\u003e11-stage RO filtration reduces harmful substances,\n improving water purity and taste for a healthier, more refreshing drinking experience.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-img\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/38fc560a5a7b46c2b2d5d6b2549e4ceb.mp4\" muted=\"\" autoplay=\"autoplay\" loop=\"loop\" playsinline=\"\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-content\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-img\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-dot vis-overview-choose-swiper-dot1 vis-overview-choose-swiper-dot-active\"\u003e\n \u003csvg width=\"24\" height=\"23\" viewbox=\"0 0 24 23\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cg clip-path=\"url(#clip0_5448_11348)\"\u003e\n \u003cpath d=\"M19.0711 11.5003H4.92893\" stroke=\"white\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12.0002 4.42893V18.5711\" stroke=\"white\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003cdefs\u003e\n \u003cclippath id=\"clip0_5448_11348\"\u003e\n \u003crect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(12 0.186523) rotate(45)\"\u003e\u003c\/rect\u003e\n \u003c\/clippath\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-dot vis-overview-choose-swiper-dot2\"\u003e\u003csvg width=\"24\" height=\"23\" viewbox=\"0 0 24 23\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cg clip-path=\"url(#clip0_5448_11348)\"\u003e\n \u003cpath d=\"M19.0711 11.5003H4.92893\" stroke=\"white\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12.0002 4.42893V18.5711\" stroke=\"white\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003cdefs\u003e\n \u003cclippath id=\"clip0_5448_11348\"\u003e\n \u003crect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(12 0.186523) rotate(45)\"\u003e\u003c\/rect\u003e\n \u003c\/clippath\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-dot vis-overview-choose-swiper-dot3\"\u003e\u003csvg width=\"24\" height=\"23\" viewbox=\"0 0 24 23\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cg clip-path=\"url(#clip0_5448_11348)\"\u003e\n \u003cpath d=\"M19.0711 11.5003H4.92893\" stroke=\"white\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12.0002 4.42893V18.5711\" stroke=\"white\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003cdefs\u003e\n \u003cclippath id=\"clip0_5448_11348\"\u003e\n \u003crect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(12 0.186523) rotate(45)\"\u003e\u003c\/rect\u003e\n \u003c\/clippath\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Take_apart-img.png?v=1738900297\" alt=\"X12W-Take_apart-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-content\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-title\"\u003eMore Features \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n \u003cpath d=\"M26 6L6 26\" stroke=\"black\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 6L26 26\" stroke=\"black\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"swiper vis-overview-choose-swiper-swiper-mySwiper\"\u003e\n \u003cdiv class=\"swiper-wrapper\"\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Take_apart-img1.jpg?v=1738900295\" alt=\"X12W-Take_apart-img\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-title\"\u003eInstant Flow\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-info\"\u003eThis tankless reverse\n osmosis system monitors water quality in real-time, showing TDS levels and\n alerting you when it's time to replace the filter for optimal performance.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Take_apart-img2.jpg?v=1738900296\" alt=\"X12W-Take_apart-img\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-title\"\u003eCompact Tankless Design\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-info\"\u003eThis tankless RO system\n saves 70% under-sink space, making your kitchen more efficient and your life\n more convenient.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-new-vis-X12W-Take_apart-img3.jpg?v=1738900296\" alt=\"X12W-Take_apart-img\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-title\"\u003eLong-lasting Filter\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-info\"\u003eRO filter lasts up to 24\n months, providing long-lasting access to clean and healthy water.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-buttons\"\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-button-prev\"\u003e\u003csvg width=\"7\" height=\"11\" viewbox=\"0 0 7 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M6 10.5L1 5.5L6 0.5\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-swiper-button-next\"\u003e\u003csvg width=\"7\" height=\"11\" viewbox=\"0 0 7 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M1 10.5L6 5.5L1 0.5\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-choose-swiper-content-bottom-img\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 1025px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-vis-banner-bottom-img.png?v=1727604093\"\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-vis-banner-bottom-img-pad.png?v=1727604094\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-vis-banner-bottom-img-mo.png?v=1727604093\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-vis-banner-bottom-img.png?v=1727604093\" alt=\"VIS product (Copy)\" data-uw-rm-alt-original=\"VIS product (Copy)\" data-uw-rm-alt=\"ALT\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-content\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-fifth wd-generic-heart\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-content\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-text\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-title\"\u003eMake Your Life Easier and Smarter\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-text-all\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-text-group vis-overview-block-scene-pc-item-text-group-active\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-subtitle vis-overview-block-scene-pc-item-subtitle-click vis-overview-block-scene-pc-item-subtitle-click-active\"\u003e\n Adjustable Volume\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-info vis-overview-block-scene-pc-item-info-click vis-overview-block-scene-pc-item-info-active\"\u003e\n Meet different needs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-text-group\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-subtitle vis-overview-block-scene-pc-item-subtitle-click\"\u003e\n Filter Life Reminder\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-info vis-overview-block-scene-pc-item-info-click\"\u003e\n Ensure water quality\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-text-group\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-subtitle vis-overview-block-scene-pc-item-subtitle-click\"\u003e\n Automatic Water Shutoff\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-info vis-overview-block-scene-pc-item-info-click\"\u003e\n Prevents leaks, doubles safety\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-img\"\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-img-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-product-X12W-img1.jpg?v=1739418295\" alt=\"x12W img\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-img-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-product-X12W-img2.jpg?v=1739418295\" alt=\"x12W img\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-scene-pc-item-img-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-product-X12W-img3.jpg?v=1739418295\" alt=\"x12W img\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-install\"\u003e\n \u003cdiv class=\"vis-overview-install-mp4\"\u003e\n \u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/9f183bb2679c4b578afc2496c5c7fb9c.mp4\" muted=\"\" playsinline=\"\" loop=\"loop\"\u003e\u003c\/video\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-stop.png?v=1734088740\" alt=\"play btn\" class=\"vis-overview-install-play-btn\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-come.png?v=1734088740\" alt=\"play btn\" class=\"vis-overview-install-stop-btn\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-install-content\"\u003e\n \u003cdiv class=\"vis-overview-install-content-title\"\u003eInstallation\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-install-content-subtitle\"\u003eEasy Installation in Less than 30 Minutes\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-install-content-des\"\u003eWaterdrop under-sink reverse osmosis water filter system's\n elegant tankless design makes DIY installation a breeze and saves more undersink space.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-block-text_img\"\u003e\n \u003cdiv class=\"vis-overview-block-text\"\u003e\n \u003cdiv class=\"vis-overview-block-text-des\"\u003eSustainability\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-text-title\"\u003eSave 1200% Water\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-text-subtitle\"\u003e3:1 purified water ratio for efficiency—an eco-friendly,\n money-saving choice for sustainable water use.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-img\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-product-1200_-pc.jpg?v=1740363119\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-product-1200_-mo.jpg?v=1740363119\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-product-1200_-pc.jpg?v=1740363119\" alt=\"Sustainability\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block\"\u003e\n \u003cdiv class=\"vis-overview-block-attestation\"\u003e\n \u003cdiv class=\"vis-overview-block-attestation-des\"\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content\"\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-title\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-subtitle\"\u003eAuthoritative Certification \u0026amp;\n Trustworthy\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-destitle\"\u003eReduced substances\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-dessubtitle\"\u003eTDS, PFOA, PFOS, Chlorine, Fluoride,\n Barium, Salt, Sediment, Chromium-VI, Lead, Microplastics, Odor and More Impurities\u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-info\"\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-info-imgs\"\u003e\n \u003cimg class=\"vis-overview-block-attestation-content-info-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-Authentication-icon1.png?v=1733898927\" alt=\"\"\u003e \u003cimg class=\"vis-overview-block-attestation-content-info-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-Authentication-icon2.png?v=1733898926\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-info-text\"\u003eSystem Certified by IAPMO R\u0026amp;T\n against NSF\/ANSI Standard 42, 58 for the reduction of the claims specified on the\n Performance Data Sheet, and to NSF\/ANSI 372 for low lead.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-attestation-content-btn\"\u003e\u003ca class=\"effect1 white\" target=\"_blank\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-WD_X12_WD_User_Manual.pdf?v=1740103077\"\u003eView\n the Report\u003c\/a\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vis-overview-block-attestation-img\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 1025px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-Authentication-x12-img1-pc.jpg?v=1739929402\"\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-Authentication-x12-img1-pad.jpg?v=1739929402\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-Authentication-x12-img1-mo.jpg?v=1739929402\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-vis-Authentication-x12-img1-pc.jpg?v=1739929402\" alt=\"Sustainability\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- compares --\u003e\n\u003cdiv id=\"vis-compares\"\u003e\n \u003cdiv class=\"wd-product-template-vis-compare\"\u003e\n \u003cdiv class=\"wd-product-template-vis-compare-title\"\u003eCompare \u003cbr\u003e\u003cspan\u003eX Series\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ctable\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth class=\"wd-first-th\"\u003eCompare\u003cbr\u003e\u003cspan\u003eUndersink RO\u003c\/span\u003e\n \u003c\/th\u003e\n \u003ctd\u003e\n \u003cdiv class=\"wd-compare-header\" data-handle=\"waterdrop-x-series-reverse-osmosis-system-x12-pro\"\u003e\n \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/waterdrop-x-series-reverse-osmosis-system-x12-pro?ref=productcompare\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/ui-wd-x12-pro-product.png?v=1739349629\" alt=\"X12-PRO\"\u003e \u003c\/a\u003e\n \u003cp\u003eX12-PRO\u003c\/p\u003e\n \u003cdiv class=\"wd-compare-header-prices\"\u003e\n \u003cp class=\"wd-compare-header-price\"\u003e \u003c\/p\u003e\n \u003cdiv class=\"wd-compare-header-prices-content\"\u003e\n \u003cdel\u003e\u003c\/del\u003e\n \u003cspan class=\"wd-compare-header-tag\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-template-vis-compare-btn effect1 white wd-product-vis-add-btn\" data-id=\"\"\u003eAdd to Cart\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/td\u003e\n \u003ctd\u003e\n \u003cdiv class=\"wd-compare-header\" data-handle=\"waterdrop-x-series-reverse-osmosis-system-x8-pro\"\u003e\n \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/waterdrop-x-series-reverse-osmosis-system-x8-pro?ref=productcompare\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/ui-wd-x8-pro-product.png?v=1739349772\" alt=\"X8-PRO\"\u003e \u003c\/a\u003e\n \u003cp\u003eX8-PRO\u003c\/p\u003e\n \u003cdiv class=\"wd-compare-header-prices\"\u003e\n \u003cp class=\"wd-compare-header-price\"\u003e \u003c\/p\u003e\n \u003cdiv class=\"wd-compare-header-prices-content\"\u003e\n \u003cdel\u003e\u003c\/del\u003e\n \u003cspan class=\"wd-compare-header-tag\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-template-vis-compare-btn effect1 white wd-product-vis-add-btn\" data-id=\"\"\u003eAdd to Cart\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/td\u003e\n \u003ctd\u003e\n \u003cdiv class=\"wd-compare-header\" data-handle=\"undersink-reverse-osmosis-system-x16\"\u003e\n \u003ca href=\"https:\/\/www.waterdropfilter.com\/collections\/undersink-ro-systems\/products\/undersink-reverse-osmosis-system-x16?ref=productcompare\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/ui-wd-x16.png?v=1729671313\" alt=\"X16\"\u003e\u003c\/a\u003e\n \u003cp\u003eX16\u003c\/p\u003e\n \u003cdiv class=\"wd-compare-header-prices\"\u003e\n \u003cp class=\"wd-compare-header-price\"\u003e \u003c\/p\u003e\n \u003cdiv class=\"wd-compare-header-prices-content\"\u003e\n \u003cdel\u003e\u003c\/del\u003e\n \u003cspan class=\"wd-compare-header-tag\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-template-vis-compare-btn effect1 white wd-product-vis-add-btn\" data-id=\"\"\u003eAdd to Cart\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eFlow Rate\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eFlow Rate\u003c\/th\u003e\n \u003ctd\u003e1200 GPD\u003c\/td\u003e\n \u003ctd\u003e800 GPD\u003c\/td\u003e\n \u003ctd\u003e1600 GPD\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eAlkaline Mineralization\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eAlkaline Mineralization\u003c\/th\u003e\n \u003ctd\u003e√\u003c\/td\u003e\n \u003ctd\u003e×\u003c\/td\u003e\n \u003ctd\u003e√\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003ePure to Drain Rate\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003ePure to Drain Rate\u003c\/th\u003e\n \u003ctd\u003e3:1\u003c\/td\u003e\n \u003ctd\u003e2:1\u003c\/td\u003e\n \u003ctd\u003e3:1\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eFaucet\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eFaucet\u003c\/th\u003e\n \u003ctd\u003eDual-Flow Water System\u003cbr\u003eDigital Control Faucet\u003cbr\u003eTDS \u0026amp; filter life monitor\u003cbr\u003eAdjustable\n water volumes\u003c\/td\u003e\n \u003ctd\u003eDual-Flow Water System\u003cbr\u003eSmart Display Faucet\u003cbr\u003eTDS \u0026amp; filter life monitor\u003c\/td\u003e\n \u003ctd\u003eDigital Control Faucet\u003cbr\u003eTDS \u0026amp; filter life monitor\u003cbr\u003eAdjustable water volumes\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eFilter lifespan\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eFilter lifespan\u003c\/th\u003e\n \u003ctd\u003e\n \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/x-series-reverse-osmosis-system-replacement-filter-f1a\"\u003eF1A-12\n Mths\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/f2-pro-replacement-filter-for-waterdrop-x-series-ro-system\"\u003eF2-PRO-6Mths\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/x-series-undersink-ro-system-replacement-filter-x12-f3\"\u003eF3-24\n Mths\u003c\/a\u003e\n \u003c\/td\u003e\n \u003ctd\u003e\n \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/x-series-reverse-osmosis-system-replacement-filter-f1g\"\u003eF1G-12\n Mths\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/f2-pro-replacement-filter-for-waterdrop-x-series-ro-system\"\u003eF2-PRO-6Mths\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/x-series-undersink-ro-system-replacement-filter-x8-f3\"\u003eF3-24\n Mths\u003c\/a\u003e\n \u003c\/td\u003e\n \u003ctd\u003e\n \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/x-series-reverse-osmosis-system-replacement-filter-f1a\"\u003eF1A-12\n Mths\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/x-series-reverse-osmosis-filter-replacement-filter-f2\"\u003eF2-6Mths\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/x-series-undersink-ro-filter-replacement-filter-x16-f3\"\u003eF3-24\n Mths\u003c\/a\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eAverage annual cost\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eAverage annual cost\u003c\/th\u003e\n \u003ctd\u003e$172.97\u003c\/td\u003e\n \u003ctd\u003e$159.97\u003c\/td\u003e\n \u003ctd\u003e$182.97\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eWarranty\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eWarranty\u003c\/th\u003e\n \u003ctd\u003e2 Years\u003c\/td\u003e\n \u003ctd\u003e2 Years\u003c\/td\u003e\n \u003ctd\u003e2 Years\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eCertification\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eCertification\u003c\/th\u003e\n \u003ctd\u003eNSF\/ANSI 42 \u0026amp; 58 \u0026amp; 372\u003c\/td\u003e\n \u003ctd\u003eNSF\/ANSI 42 \u0026amp; 58 \u0026amp; 372\u003c\/td\u003e\n \u003ctd\u003eNSF\/ANSI 42 \u0026amp; 58 \u0026amp; 372\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eDimensions (inch)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eDimensions (inch)\u003c\/th\u003e\n \u003ctd\u003e18.2 * 6.25* 16.72\u003c\/td\u003e\n \u003ctd\u003e18.2 * 6.25* 16.72\u003c\/td\u003e\n \u003ctd\u003e18.2 * 6.25* 16.72\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr class=\"wd-mobile-th\"\u003e\n \u003ctd colspan=\"3\"\u003eItem Weight\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eItem Weight\u003c\/th\u003e\n \u003ctd\u003e36.92 pounds\u003c\/td\u003e\n \u003ctd\u003e36.37 pounds\u003c\/td\u003e\n \u003ctd\u003e36.92 pounds\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- faq --\u003e\n\u003cdiv id=\"vis-faq\"\u003e\n \u003cdiv class=\"wd-product-vis-faq\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-text\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-title\"\u003eFAQ\u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-des\"\u003eHaven't tried a dual-flow RO filtration system before? Get more details\n from us.\u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-btn\"\u003e\u003ca class=\"effect1 blue\" href=\"https:\/\/www.waterdropfilter.com\/pages\/contact-us\"\u003e Contact Us \u003c\/a\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title-content\"\u003eWhy Is The X12-Pro Tankless RO System\n Equipped With Two Water Flows?\u003c\/div\u003e\n \u003csvg width=\"14\" height=\"15\" viewbox=\"0 0 14 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M2 5.25L7 10.25L12 5.25\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-des\"\u003eOne flow is for purified drinking water through the\n Reverse Osmosi Faucet, while the other provides clean water from Your Kitchen Faucet for cleaner\n washing, offering you and your family complete purity.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title-content\"\u003eHow can I install the home RO system with\n my water lines and appliances?\u003c\/div\u003e\n \u003csvg width=\"14\" height=\"15\" viewbox=\"0 0 14 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M2 5.25L7 10.25L12 5.25\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-des\"\u003eThe RO flow can be connected to the provided faucet,\n refrigerator, or other water appliances. The filtered flow can be linked to your kitchen faucet and\n dishwasher (if available) with the XT attachment for a better clean experience.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title-content\"\u003eCan I Install This RO System Myself, Or\n Do I Need A Plumber?\u003c\/div\u003e\n \u003csvg width=\"14\" height=\"15\" viewbox=\"0 0 14 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M2 5.25L7 10.25L12 5.25\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-des\"\u003eThis tankless RO system is simpler to install. We have\n prepared detailed installation videos and all the necessary components, so you can follow them for a\n basic DIY installation.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title-content\"\u003eWhat impurities does this ro under sink\n reduce?\u003c\/div\u003e\n \u003csvg width=\"14\" height=\"15\" viewbox=\"0 0 14 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M2 5.25L7 10.25L12 5.25\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-des\"\u003eThe filter is SGS certified to reduce TDS, PFOA, PFOS,\n chlorine, fluoride, barium, salt, sediment, chromium-VI, lead, microplastics, odors, and more\n impurities, providing continuous clean water for you and your family.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-items-more\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title-content\"\u003eDoes Filtration Remove Beneficial\n Minerals From The Water?\u003c\/div\u003e\n \u003csvg width=\"14\" height=\"15\" viewbox=\"0 0 14 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M2 5.25L7 10.25L12 5.25\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-des\"\u003eCommon RO systems may remove some beneficial\n minerals. However, this under-sink reverse osmosis water filter is equipped with an alkaline\n remineralization feature that adds essential minerals back into the water, maintaining a\n balanced pH for better hydration.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title\"\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-title-content\"\u003eHow Is The Quality Of The Filtration\n System Guaranteed?\u003c\/div\u003e\n \u003csvg width=\"14\" height=\"15\" viewbox=\"0 0 14 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M2 5.25L7 10.25L12 5.25\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\n \u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-item-des\"\u003eWe offer a 2-year warranty and lifetime technical\n support. Contact our customer service for any assistance with the RO system—we're ready to help.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-items-click-btn\"\u003e\n \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M2 4.5L7 9.5L12 4.5\" stroke=\"black\" stroke-width=\"1.25\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-items-click-btn-more\"\u003eMORE\u003c\/div\u003e\n \u003cdiv class=\"wd-product-vis-faq-content-items-click-btn-close\"\u003eCLOSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- jscode --\u003e\n\u003cp\u003e\n \u003cscript src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-gsap-latest-beta.js?v=1713772570\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-gsap-scroll-trigger.min.js?v=1713772570\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/swiper-bundle.js?v=1761554114\"\u003e\u003c\/script\u003e\n \u003cscript\u003e \/\/ overview sale\n\n $('.vis-overview-sale-item-video-play-btn').click(function () {\n $(this).parents('.vis-overview-sale-item-video').addClass('vis-overview-sale-item-video-active')\n $(this).siblings('video').show()[0].play();\n\n })\n $('.vis-overview-sale-item-video-stop-btn').click(function () {\n $(this).parents('.vis-overview-sale-item-video').removeClass('vis-overview-sale-item-video-active')\n $(this).siblings('video')[0].pause();\n }) \/\/ overview design\n\n $('.vis-overview-design-top-content').click(function () {\n let content_width = $(this).width();\n $(this).find('.vis-overview-design-top-dot').css(\"left\", content_width - 70)\n $(this).find('.vis-overview-design-top-img').css(\"opacity\", 1)\n const svgs = document.querySelectorAll('.vis-overview-design-bottom-num .svg-icon');\n\n svgs.forEach((svg, index) =\u003e {\n if (index \u003c 6) {\n setTimeout(() =\u003e {\n svg.classList.add('active');\n }\n\n , index * 1000);\n }\n });\n\n })\n $(window).scroll(function () {\n var wd_vis_product_targetElement = $('.vis-overview-design');\n var wd_vis_product_targetOffsetTop = wd_vis_product_targetElement.offset().top;\n\n var scrollTop = $(window).scrollTop();\n\n if (scrollTop + $(window).height() \u003e= wd_vis_product_targetOffsetTop - 300) {\n $('.vis-overview-design-top-content').click();\n }\n });\n\n \/\/ overview compare\n $('.vis-overview-compare-content .tab-button').click(function () {\n var index = $(this).index();\n $(this).siblings().removeClass('active');\n $(this).addClass('active');\n $(this).parents('.vis-overview-compare-content').siblings('.vis-overview-compare-img').removeClass('active');\n $(this).parents('.vis-overview-compare-content').siblings('.vis-overview-compare-img').eq(index).addClass('active');\n\n })\n $(document).ready(function () {\n document.querySelector('.tab-button').click();\n });\n\n $(document).ready(function () {\n const handles = [document.getElementById(\"slider-handle1\"),\n document.getElementById(\"slider-handle2\"),\n document.getElementById(\"slider-handle3\"),\n document.getElementById(\"slider-handle4\")];\n\n const wrappers = [document.querySelector(\"#tab1 .image-slider-wrapper\"),\n document.querySelector(\"#tab2 .image-slider-wrapper\"),\n document.querySelector(\"#tab3 .image-slider-wrapper\"),\n document.querySelector(\"#tab4 .image-slider-wrapper\")];\n\n const sliderImages = [document.querySelector(\"#tab1 .image-slider-wrapper-img2\"),\n document.querySelector(\"#tab2 .image-slider-wrapper-img2\"),\n document.querySelector(\"#tab3 .image-slider-wrapper-img2\"),\n document.querySelector(\"#tab4 .image-slider-wrapper-img2\")];\n\n let isDragging = [false, false, false, false];\n let currentHandleIndex = -1;\n\n const startDragging = function (e, index) {\n e.preventDefault();\n isDragging[index] = true;\n currentHandleIndex = index;\n\n window.addEventListener(\"mousemove\", (e) =\u003e startMoving(e, index));\n window.addEventListener(\"mouseup\", () =\u003e stopDragging(index));\n window.addEventListener(\"touchmove\", (e) =\u003e startMoving(e, index));\n window.addEventListener(\"touchend\", () =\u003e stopDragging(index));\n }\n\n ;\n\n const startMoving = function (e, index) {\n if (isDragging[index]) {\n const clientX = e.touches ? e.touches[0].clientX : e.clientX;\n const rect = wrappers[index].getBoundingClientRect();\n let newLeft = clientX - rect.left;\n\n if (newLeft \u003c 0) newLeft = 0;\n else if (newLeft \u003e rect.width) newLeft = rect.width;\n\n handles[index].style.left = newLeft + \"px\";\n sliderImages[index].style.width = newLeft + \"px\";\n }\n }\n\n ;\n\n const stopDragging = function (index) {\n window.removeEventListener(\"mousemove\", startMoving);\n window.removeEventListener(\"mouseup\", stopDragging);\n window.removeEventListener(\"touchmove\", startMoving);\n window.removeEventListener(\"touchend\", stopDragging);\n isDragging[index] = false;\n }\n\n ;\n\n handles.forEach((handle, index) =\u003e {\n handle.addEventListener(\"mousedown\", (e) =\u003e startDragging(e, index));\n handle.addEventListener(\"touchstart\", (e) =\u003e startDragging(e, index));\n });\n });\n\n \/\/ overview change\n\n $('.wd-video-change-video-btn').on('click', function () {\n var $videoBtn = $(this);\n var $video = $videoBtn.parents('.wd-video-change').find('#cold-hot-videos')[0];\n var $videoDot = $('.wd-video-change-video-dot');\n var $btnBefore = $('.wd-video-change-video-btn-before');\n var $btnAfter = $('.wd-video-change-video-btn-after');\n\n if (!$videoBtn.hasClass('wd-video-change-video-btn-active')) {\n\n $videoBtn.addClass('wd-video-change-video-btn-active');\n\n var btnWidth = $videoBtn.outerWidth();\n\n $videoDot.css('left', btnWidth - 70);\n\n\n $btnBefore.hide();\n $btnAfter.css('display', 'flex');\n\n var time = 0;\n\n var interval = setInterval(function () {\n time++;\n $btnAfter.text(vis_change_formatTime(time));\n\n if (time \u003e= 8) {\n clearInterval(interval);\n $videoDot.find('svg').show();\n }\n }\n\n , 1000);\n\n $video.play();\n\n setTimeout(function () {\n $video.pause();\n }\n\n , 8000);\n }\n });\n\n function vis_change_formatTime(seconds) {\n var hours = Math.floor(seconds \/ 3600);\n var minutes = Math.floor((seconds % 3600) \/ 60);\n var sec = seconds % 60;\n\n return vis_change_pad(hours) + ':' + vis_change_pad(minutes) + ':' + vis_change_pad(sec);\n }\n\n function vis_change_pad(number) {\n return number \u003c 10 ? '0' + number : number;\n }\n\n $('body .wd-video-change-text-popup-content-title').hover(function () {\n $(this).siblings('.wd-video-change-text-popup').css('display', 'block')\n }\n\n ,\n function () {\n $(this).siblings('.wd-video-change-text-popup').css('display', 'none')\n });\n\n\n \/\/ overview ph\n let gaspPageWidth = $(window).width();\n \/\/gsap\n gsap.registerPlugin(ScrollTrigger);\n gsap.registerPlugin(Observer);\n\n ScrollTrigger.config({\n ignoreMobileResize: true\n });\n\n if (gaspPageWidth \u003e 1024) {\n gsap.timeline({\n scrollTrigger: {\n trigger: \".wd-background-video\",\n start: \"top top\",\n end: \"+=250%\",\n pin: true,\n scrub: 1,\n \/\/ markers: true\n }\n\n }).to(\".wd-background-video-img\", {\n height: '1000%',\n opacity: 1,\n duration: 3,\n ease: \"power2.inOut\"\n\n }).to(\".wd-background-word\", {\n height: \"auto\",\n opacity: 1,\n duration: 1,\n ease: \"power2.inOut\"\n }\n\n , \"\u003c0.3\");\n }\n\n \/\/ overview choose swiper \n var vis_overview_choose_swiper = new Swiper(\".vis-overview-choose-swiper-swiper-mySwiper\", {\n\n spaceBetween: 30,\n navigation: {\n nextEl: \".vis-overview-choose-swiper-swiper-button-next\",\n prevEl: \".vis-overview-choose-swiper-swiper-button-prev\",\n }\n\n ,\n simulateTouch: false,\n });\n\n $('.vis-overview-choose-swiper-dot').click(function () {\n var index = $(this).index();\n\n $(this).siblings().removeClass('vis-overview-choose-swiper-dot-active')\n $(this).addClass('vis-overview-choose-swiper-dot-active')\n if (gaspPageWidth \u003c= 1024) {\n $('.vis-overview-choose-swiper-swiper').css('display', 'block');\n $('.vis-overview-choose-swiper-swiper-content').css('transform', 'translateX(0)');\n $('html').css('overflow', 'hidden')\n }\n\n vis_overview_choose_swiper.slideTo(index)\n\n })\n $('.vis-overview-choose-swiper-swiper-title svg').click(function () {\n $(this).parents('.vis-overview-choose-swiper-swiper-content').css('transform', 'translateX(500)');\n $(this).parents('.vis-overview-choose-swiper').find('.vis-overview-choose-swiper-swiper').css('display', 'none');\n $(this).parents('html').css('overflow', 'auto')\n\n })\n $('.vis-overview-choose-swiper-swiper-button-next').on('click', function () {\n\n var nextSlideIndex = vis_overview_choose_swiper.activeIndex;\n\n if (nextSlideIndex \u003e= vis_overview_choose_swiper.slides.length) {\n nextSlideIndex = vis_overview_choose_swiper.slides.length - 1;\n }\n\n $(this).parents('.vis-overview-choose-swiper-content').find('.vis-overview-choose-swiper-dot').removeClass('vis-overview-choose-swiper-dot-active')\n $(this).parents('.vis-overview-choose-swiper-content').find('.vis-overview-choose-swiper-dot').eq(nextSlideIndex).addClass('vis-overview-choose-swiper-dot-active')\n });\n\n $('.vis-overview-choose-swiper-swiper-button-prev').on('click', function () {\n\n var prevSlideIndex = vis_overview_choose_swiper.activeIndex;\n\n if (prevSlideIndex \u003c 0) {\n prevSlideIndex = 0;\n }\n\n $(this).parents('.vis-overview-choose-swiper-content').find('.vis-overview-choose-swiper-dot').removeClass('vis-overview-choose-swiper-dot-active')\n $(this).parents('.vis-overview-choose-swiper-content').find('.vis-overview-choose-swiper-dot').eq(prevSlideIndex).addClass('vis-overview-choose-swiper-dot-active')\n });\n\n\n\n \/\/ overview install\n\n $('.vis-overview-install-play-btn').click(function () {\n $(this).parent('.vis-overview-install-mp4').addClass('vis-overview-install-mp4-active')\n $(this).siblings('video').show()[0].play();\n\n })\n $('.vis-overview-install-stop-btn').click(function () {\n $(this).parent('.vis-overview-install-mp4').removeClass('vis-overview-install-mp4-active')\n $(this).siblings('video')[0].pause();\n })\n\n \/\/ overview choose card\n $('body .vis-overview-block-scene-pc-item-subtitle-click').click(function () {\n var index = $(this).parent().index()\n\n $(this).parent().siblings().find('.vis-overview-block-scene-pc-item-subtitle-click').removeClass('vis-overview-block-scene-pc-item-subtitle-click-active');\n $(this).addClass('vis-overview-block-scene-pc-item-subtitle-click-active');\n $(this).parent().siblings().find('.vis-overview-block-scene-pc-item-info-click').slideUp();\n $(this).siblings('.vis-overview-block-scene-pc-item-info-click').slideDown();\n $(this).parents('.vis-overview-block-scene-pc-item-content').find('.vis-overview-block-scene-pc-item-img-item').css('opacity', '0')\n $(this).parents('.vis-overview-block-scene-pc-item-content').find('.vis-overview-block-scene-pc-item-img-item').eq(index).css('opacity', '1')\n $(this).parents('.vis-overview-block-scene-pc-item-text-group').siblings().removeClass('vis-overview-block-scene-pc-item-text-group-active');\n $(this).parents('.vis-overview-block-scene-pc-item-text-group').addClass('vis-overview-block-scene-pc-item-text-group-active');\n $('.tab-active-text').removeClass('active');\n $(this).find('.tab-active-text').addClass('active');\n })\n\n \/\/ medium\n let swiperMedia = new Swiper(\".wd-v2-index-media-swiper\", {\n slidesPerView: 4,\n spaceBetween: 20,\n centeredSlides: false,\n slideToClickedSlide: true,\n loop: true,\n navigation: {\n nextEl: \".wd-v2-index-media-swiper-next-btn\",\n prevEl: \".wd-v2-index-media-swiper-prev-btn\",\n },\n on: {\n slideChange: function () {\n $(\".wd-v2-index-media-content\").find(\"div\").eq(this.realIndex).show().siblings(\"div\").hide();\n $(\".wd-v2-index-media-swiper-slide img\").css({ opacity: \"0.1\" });\n $(\".wd-v2-index-media-swiper-slide img\").eq(this.activeIndex).css({ opacity: \"1\" });\n },\n },\n pagination: {\n el: \".swiper-pagination-media\",\n clickable: true,\n },\n breakpoints: {\n 0: {\n slidesPerView: \"auto\",\n spaceBetween: 8,\n slidesOffsetBefore: 24,\n slidesOffsetAfter: 24,\n },\n 390: {\n slidesPerView: 4,\n spaceBetween: 30,\n },\n 1025: {\n slidesPerView: 4,\n spaceBetween: 20,\n },\n },\n });\n\n\n \/\/ img swiper\n var vis_img_swiper = new Swiper(\".vis-overview-block-img-swiper-mySwiper\", {\n pagination: {\n el: \".vis-overview-block-img-swiper-swiper-pagination\",\n },\n navigation: {\n nextEl: \".vis-overview-block-img-swiper-button-next\",\n prevEl: \".vis-overview-block-img-swiper-button-prev\",\n },\n })\n\n \u003c\/script\u003e\n\u003c\/p\u003e","brand":"Waterdrop","offers":[{"title":"Default Title","offer_id":46351910011011,"sku":"WD-X12-PRO","price":1399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2498\/2915\/files\/ui-wd-x12-pro-product.png?v=1768268568","url":"https:\/\/apexhomestead.com\/products\/waterdrop-x-series-dual-flow-reverse-osmosis-system-x12-pro","provider":"Apex Homestead","version":"1.0","type":"link"}