{"product_id":"reverse-osmosis-system-m6cg","title":"Waterdrop M6CG Remineralization Hot Cold Countertop RO System","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: 60.35%;\n        left: 35.51%;\n    }\n\n    .vis-overview-choose-swiper-dot2 {\n        top: 50.35%;\n        left: 72.51%;\n    }\n\n    .vis-overview-choose-swiper-dot3 {\n            top: 86.35%;\n    left: 48.51%;\n    }\n\n    .vis-overview-choose-swiper-dot4 {\n     top: 50.35%;\n    left: 21.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: 60.35%;\n        left: 35.51%;\n    }\n\n    .vis-overview-choose-swiper-dot2 {\n        top: 50.35%;\n        left: 72.51%;\n    }\n\n    .vis-overview-choose-swiper-dot3 {\n            top: 86.35%;\n    left: 48.51%;\n    }\n\n    .vis-overview-choose-swiper-dot4 {\n     top: 50.35%;\n    left: 21.51%;\n    }\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\/c40b957427d04634a0d64071083297bd.mp4\" type=\"video\/mp4\" media=\"(min-width: 1025px)\"\u003e\n                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c5aa0563170e446e85bab37e69876f0a.mp4\" type=\"video\/mp4\" media=\"(max-width: 1024px)\"\u003e\n                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c40b957427d04634a0d64071083297bd.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            \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\/us-WD-M6-_-23-13.jpg?v=1768898730\" alt=\"Smart touch screen\"\u003e\n                    \u003cdiv class=\"top-text vis-overview-sale-item-absolute\"\u003e\n                        \u003cp\u003e7-Stage Filtration\u003c\/p\u003e\n                        \u003cspan\u003ePurer and tastier than bottled water\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\/us-WD-M6-_-23-14.jpg?v=1768898730\" alt=\"2:1\"\u003e\n                    \u003cdiv class=\"bottom-text vis-overview-sale-item-absolute\"\u003e\n                        \u003c!-- \u003cdiv class=\"text-ratios\"\u003e3:1\u003c\/div\u003e --\u003e\n                        \u003cdiv class=\"bottom-text-right\"\u003e\n                            \u003cp\u003e100% Separation \u003c\/p\u003e\n                            \u003cspan\u003ePrevents backflow pollution\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\/us-WD-M6-_-23-15.jpg?v=1768898729\" alt=\"Composite filter\"\u003e\n                    \u003cdiv class=\"top-block-text vis-overview-sale-item-absolute\"\u003e\n                        \u003cp\u003eInstant Heating\n                        \u003c\/p\u003e\n                        \u003cspan\u003eNo waiting for hot water\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\/us-WD-M6-_-23-16.jpg?v=1768898730\" alt=\"30-min Easy Installation\"\u003e\n                        \u003cp class=\"vis-overview-sale-item-absolute bottom-block-p\"\u003eDetachable Glass Pitcher\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\/us-WD-M6-_-23-17.jpg?v=1768898730\" alt=\"Smart Display Faucet\"\u003e\n                        \u003cp class=\"vis-overview-sale-item-absolute bottom-block-p\"\u003eInstallation-Free\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\/us-WD-M6-_-23-18.jpg?v=1768900012\" alt=\"\"\u003e\n                \u003cdiv class=\"vis-overview-design-top-text\"\u003eWD-M6\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\/us-WD-M6-_-23-19.jpg?v=1768900012\" alt=\"wd-m6\" width=\"300\" height=\"300\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"vis-overview-design-center\"\u003eEasy Drinking\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\n    \u003cdiv class=\"wd-video-change\"\u003e\n        \u003cdiv class=\"img-container\"\u003e\n\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/513a71b28a734e7f8aaca2190347fd13.mp4\" muted=\"\" autoplay=\"autoplay\" loop=\"loop\" playsinline=\"\"\u003e\u003c\/video\u003e\n          \n        \u003c\/div\u003e\n        \u003cdiv class=\"wd-video-change-text\"\u003e\n            \u003cp\u003e100% Separation of Pure and Waste Water\u003c\/p\u003e\n            \u003cspan\u003eDrink with confidence — no waste water mixing. Reuse waste water for watering or mopping, helping the\n                planet and your wallet.\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\/ff6d2f2d4ec34c8fa4b06e667b6b6f29.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\u003eHeat Instantly \u003c\/h3\u003e\n                    \u003cp class=\"wd-brief\"\u003eGet hot water instantly for any need: room temp for daily drinking, 113°F for\n                        baby formula, 185°F for tea, 199°F for coffee, and 203°F for oatmeal. Perfect temperatures,\n                        ready in seconds.\u003c\/p\u003e\n                \u003c\/div\u003e\n\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\"\u003ePurer with 7-Stage Filtration\u003c\/div\u003e\n                \u003cdiv class=\"vis-overview-block-text-subtitle\"\u003e\"Reduces harmful substances such as TDS, PFOA*, PFOS*,\n                    Nitrate*, Fluoride*, Arsenic*, Lead*, Copper*, Turbidity*, Chlorine*, and more. \u003cbr\u003e\n                    *Tested by a third-party laboratory.\"\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\/4b30c73c5356405faaac2e79630e72f3.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                    \u003cdiv class=\"vis-overview-choose-swiper-dot vis-overview-choose-swiper-dot4\"\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\/us-20260121-090113.png?v=1768957456\" 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\/us-WD-M6-_-23-21.jpg?v=1768900500\" alt=\"X12W-Take_apart-img\"\u003e\u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-title\"\u003eUV Sterilization\u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-info\"\u003eUV light kills germs in\n                                        water instantly, making it safe to drink right away. No bacteria, just pure\n                                        peace of mind.\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\/us-WD-M6-_-23-22.jpg?v=1768900500\" alt=\"X12W-Take_apart-img\"\u003e\u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-title\"\u003eDetachable Glass Pitcher\n                                    \u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-info\"\u003eOur 40oz detachable glass\n                                        pitcher is made of BPA-free material, preventing chemical harm. It's perfect for\n                                        storing in the fridge, cooking, or pouring water for pets.\u003c\/div\u003e\n                                \u003c\/div\u003e           \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\/us-WD-M6-_-23-24.jpg?v=1768900500\" alt=\"X12W-Take_apart-img\"\u003e\u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-title\"\u003eInstallation-Free Design\n                                    \u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-info\"\u003ePlug in, enjoy hot pure\n                                        water anywhere.\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\/us-WD-M6-_-23-23.jpg?v=1768900500\" alt=\"X12W-Take_apart-img\"\u003e\u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-title\"\u003eLarge Feed Water Tank\n                                    \u003c\/div\u003e\n                                    \u003cdiv class=\"vis-overview-choose-swiper-swiper-slide-info\"\u003eThe feed water tank\n                                        capacity is 135oz and the waste water tank capacity is 50oz. No frequent\n                                        refills, just continuous convenience for your family.\u003c\/div\u003e\n                                \u003c\/div\u003e\n                     \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\"\u003eMakes Your Drinking Simple\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                                    One-Touch Smart Panel\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                                    Adjust temp and volume.\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                                    Favorite Mode\u003c\/div\u003e\n                                \u003cdiv class=\"vis-overview-block-scene-pc-item-info vis-overview-block-scene-pc-item-info-click\"\u003e\n                                    Save your water preferences.\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                                    Twist \u0026amp; Pull Design\u003c\/div\u003e\n                                \u003cdiv class=\"vis-overview-block-scene-pc-item-info vis-overview-block-scene-pc-item-info-click\"\u003e\n                                    Filter replacement in 3 seconds.\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\/us-WD-M6-_-23-25.jpg?v=1768901169\" 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\/us-WD-M6-_-23-26.jpg?v=1768901169\" 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\/us-WD-M6-_-23-27.jpg?v=1768901169\" 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-more-banner\"\u003e\n            \u003cdiv class=\"vis-overview-more-banner-content\"\u003e\n                \u003cpicture\u003e\n                    \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-28.jpg?v=1768901396\"\u003e\n                    \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-29.jpg?v=1768901396\"\u003e\n                    \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-28.jpg?v=1768901396\" alt=\"wd-product-template-vis\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n                \u003cpicture\u003e\n                    \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-30.jpg?v=1768901396\"\u003e\n                    \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-31.jpg?v=1768901396\"\u003e\n                    \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-30.jpg?v=1768901396\" alt=\"wd-product-template-vis\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vis-overview-block\"\u003e\n        \u003cdiv class=\"vis-overview-install\"\u003e\n            \u003cdiv class=\"vis-overview-install-mp4\"\u003e\n             \u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/6ogqVXoT-z8?si=EzsxwZ0QoEYi4YJS\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e  \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\"\u003e3:1 Pure to Drain\u003c\/div\u003e\n                \u003cdiv class=\"vis-overview-block-text-subtitle\"\u003eSaves 1200% more water than traditional 1:4 RO systems.\n                \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\/us_6fdca74c-32be-4c6c-a91f-38d8c28cb1c2.jpg?v=1768901642\"\u003e\n                    \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-20260121-090119.jpg?v=1768957456\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us_6fdca74c-32be-4c6c-a91f-38d8c28cb1c2.jpg?v=1768901642\" 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-more-banner\"\u003e\n            \u003cdiv class=\"vis-overview-more-banner-content\"\u003e\n                \u003cpicture\u003e\n                    \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-34.jpg?v=1768902033\"\u003e\n                    \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-35.jpg?v=1768902032\"\u003e\n                    \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/us-WD-M6-_-23-34.jpg?v=1768902033\" alt=\"wd-product-template-vis\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\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\u003eCountertop RO\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\u003eCountertop RO\u003c\/span\u003e\n                    \u003c\/th\u003e\n                    \u003ctd\u003e\n                        \u003cdiv class=\"wd-compare-header\" data-handle=\"waterdrop-m6-instant-hot-ro-countertop-water-dispenser\"\u003e\n                            \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/waterdrop-m6-instant-hot-ro-countertop-water-dispenser\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/ui-wd-m6h-product-vis_1.png?v=1766045019\" alt=\"M6H\"\u003e \u003c\/a\u003e\n                            \u003cp\u003eM6H\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=\"reverse-osmosis-hot-and-cold-water-dispenser-a2\"\u003e\n                            \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/reverse-osmosis-hot-and-cold-water-dispenser-a2\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/ui-wd-a2.png?v=1729596869\" alt=\"A2\"\u003e \u003c\/a\u003e\n                            \u003cp\u003eA2\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=\"ro-hot-cold-water-dispenser-a1\"\u003e\n                            \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/ro-hot-cold-water-dispenser-a1\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/ui-wd-a1-vis-new-product_9.jpg?v=1745293099\" alt=\"A1\"\u003e\u003c\/a\u003e\n                            \u003cp\u003eA1\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\"\u003eFiltration\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003cth\u003eFiltration\u003c\/th\u003e\n                    \u003ctd\u003e7-stage Filtration\u003c\/td\u003e\n                    \u003ctd\u003e5-stage Filtration\u003c\/td\u003e\n                    \u003ctd\u003e7-stage Filtration\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr class=\"wd-mobile-th\"\u003e\n                    \u003ctd colspan=\"3\"\u003eUV Sterilization\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003cth\u003eUV Sterilization\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\"\u003eInstant Hot\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003cth\u003eInstant Hot\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\u003e3:1\u003c\/td\u003e\n                    \u003ctd\u003e2:1\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr class=\"wd-mobile-th\"\u003e\n                    \u003ctd colspan=\"3\"\u003eTemperature\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003cth\u003eTemperature\u003c\/th\u003e\n                    \u003ctd\u003e113℉ to 203℉\u003c\/td\u003e\n                    \u003ctd\u003e59℉ to 203℉\u003c\/td\u003e\n                    \u003ctd\u003e41℉ to 203℉\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr class=\"wd-mobile-th\"\u003e\n                    \u003ctd colspan=\"3\"\u003eDisplay\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003cth\u003eDisplay\u003c\/th\u003e\n                    \u003ctd\u003eFavorite mode setting\n                        \u0026amp; Temperature \u0026amp; Filter life\u003c\/td\u003e\n                    \u003ctd\u003eFavorite mode setting\n                        \u0026amp; Temperature \u0026amp; Filter life\u003c\/td\u003e\n                    \u003ctd\u003eFavorite mode setting\n                        \u0026amp; Temperature \u0026amp; Filter life\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr class=\"wd-mobile-th\"\u003e\n                    \u003ctd colspan=\"3\"\u003eWater Tank Capacity\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003cth\u003eWater Tank Capacity\u003c\/th\u003e\n                    \u003ctd\u003e135oz+50oz(Waste Water Tank)\u003c\/td\u003e\n                    \u003ctd\u003e159oz+40oz (Pure Water Tank)\u003c\/td\u003e\n                    \u003ctd\u003e136oz+61oz(Waste Water Tank)\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\/m6rf-replacement-filter-for-m6-countertop-ro-dispenser\"\u003eM6RF\n                            - 12 Months\u003c\/a\u003e\n                    \u003c\/td\u003e\n                    \u003ctd\u003e\n                        \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/replacement-for-a2-countertop-ro-system-a2rf-ro\"\u003eA2RF\n                            - 12 Months\u003c\/a\u003e\n                    \u003c\/td\u003e\n                    \u003ctd\u003e\n                        \u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/replacement-for-a1-countertop-ro-system-wd-a1-cf\"\u003eCF\n                            - 6 Months\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/replacement-for-a1-countertop-ro-system-wd-a1-ro\"\u003eRO\n                            - 12 Months\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$79.99\u003c\/td\u003e\n                    \u003ctd\u003e$69.99\u003c\/td\u003e\n                    \u003ctd\u003e$129.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\u003e1 Years\u003c\/td\u003e\n                    \u003ctd\u003e1 Years\u003c\/td\u003e\n                    \u003ctd\u003e1 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 372 Certified\u003c\/td\u003e\n                    \u003ctd\u003eNSF\/ANSI 372 Certified\u003c\/td\u003e\n                    \u003ctd\u003eNSF\/ANSI 372 Certified\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\u003e15.9\"*9.3\"*14.5\"\u003c\/td\u003e\n                    \u003ctd\u003e11.42\"*18.58\"*19.29\"\u003c\/td\u003e\n                    \u003ctd\u003e18.3*7.8*17.1\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\u003e22 pounds\u003c\/td\u003e\n                    \u003ctd\u003e22 pounds\u003c\/td\u003e\n                    \u003ctd\u003e38 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\"\u003e Is the water from this unit really safe\n                        to drink directly?\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\"\u003eIt uses a precise 0.0001μm RO membrane and UV light to\n                    reduce harmful substances like TDS, PFOA, PFOS, nitrate, fluoride,lead, and more. The water is\n                    tested by a third-party lab, so you can trust it's pure and safe.\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\"\u003eWhere does the wastewater go?\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 wastewater is safely directed into a dedicated 50oz\n                    wastewater tank. Our system keeps the tap water and waste water in 100% separate tanks. This\n                    eliminates any risk of the wastewater flowing back. You can then easily reuse the collected\n                    wastewater for watering plants or cleaning, which helps you save water and money.\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 get hot water instantly for coffee,\n                        tea, and cooking?\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\"\u003eAbsolutely! This isn't just a water filter; it's an\n                    instant hot water dispenser. With 5 preset temperature settings, you can get the perfect temperature\n                    in seconds: room-temp for daily drinking, 113°F for baby formula, 149°F for tea, 185°F for coffee,\n                    and 203°F for oatmeal.\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\"\u003eIs the water pitcher safe and easy to\n                        handle?\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\"\u003eYes. The included 40oz BPA-free glass pitcher is not\n                    only safe but also detachable and easy to clean. It's designed for convenience — use it to store\n                    pure water in your refrigerator, pour water for cooking, or easily hydrate your pets. The glass\n                    material ensures no plastic taste and long-lasting freshness.\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\"\u003eIs the installation complicated?\n                        \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 water filtration system only requires filling\n                        the water tank and plugging it in to start using it. It's perfect for renters, offices, and RVs.\n                        You can enjoy pure drinking water anywhere.\u003c\/div\u003e\n                \u003c\/div\u003e\n\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 3) {\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":42413342261330,"sku":"WD-M6CG","price":539.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/ui-wd-m6cg-product-vis_1.png?v=1779421457","url":"https:\/\/www.waterdropfilter.com\/es\/products\/reverse-osmosis-system-m6cg","provider":"Waterdrop","version":"1.0","type":"link"}