.water-dispenser-right-image{overflow-x:clip}.water-dispenser-right-image .water_dispenser_metafield{--dark-bg: #eef5ec;--light-bg: #f8fbf7;--title-color: #6fa5a9;--subtitle-color: #3e505c}.water-dispenser-right-image .water_dispenser_image{position:relative}.water-dispenser-right-image .water_dispenser_image .pc_img{width:100%}.water-dispenser-right-image .water_dispenser_image img{display:block;width:100%;height:auto}.water-dispenser-right-image .water_dispenser_image .mb_img{display:none}.water-dispenser-right-image .water_dispenser_image .title_box{position:absolute;left:44%;top:25%;transform:translateY(100%);opacity:0;transition:all 1.5s ease 0s}.water-dispenser-right-image .water_dispenser_image .title_box.is-visible{transform:translateY(0);opacity:1}.water-dispenser-right-image .water_dispenser_image .title_box .title{color:#3e505c;font-size:clamp(24px,calc(55 * var(--relative-px)),55px);font-style:normal;font-weight:700;line-height:normal}.water-dispenser-right-image .water_dispenser_rightimage{position:relative;background:var(--dark-bg);padding:4% 16%;display:flex;justify-content:center;align-items:center}.water-dispenser-right-image .water_dispenser_rightimage>div{width:50%;z-index:2}.water-dispenser-right-image #water-dispenser-section2{background-color:var(--light-bg)}.water-dispenser-right-image .flex_reverse{flex-direction:row-reverse}.water-dispenser-right-image .water_dispenser_rightimage .left_svg,.water-dispenser-right-image .water_dispenser_rightimage .right_svg{position:absolute;z-index:1;width:12.8%;max-width:12.8%;height:auto;pointer-events:none}.water-dispenser-right-image .water_dispenser_rightimage .left_svg{left:0;top:60%}.water-dispenser-right-image .water_dispenser_rightimage .right_svg{right:0;top:80%}@keyframes water-dispenser-wave{0%{margin-left:0}to{margin-left:-1920px}}.water-dispenser-right-image .green_wave:before{position:absolute;bottom:calc(100% - 1px);left:0;background:var(--dark-wave) repeat-x center top;background-size:750px 80px;width:187.5rem;height:3.125rem;content:""}.water-dispenser-right-image .water_dispenser_rightimage .left_text .title{color:var(--title-color);font-size:clamp(22px,calc(36 * var(--relative-px)),36px);font-weight:400}.water-dispenser-right-image .water_dispenser_rightimage .left_text .subtitle{width:80%;line-height:1.7;font-size:clamp(14px,calc(18 * var(--relative-px)),18px);margin-top:clamp(12px,calc(20 * var(--relative-px)),20px);color:var(--subtitle-color)}.water-dispenser-right-image .water_dispenser_rightimage .img_list{margin-top:calc(30px + 1vw);display:flex;justify-content:space-between}.water-dispenser-right-image .water_dispenser_rightimage .img_list>div{width:45%}.water-dispenser-right-image .water_dispenser_rightimage .pc_img_list .img_item .img_text{font-size:clamp(14px,calc(18 * var(--relative-px)),18px);line-height:1.4;font-weight:700;margin-top:clamp(12px,calc(20 * var(--relative-px)),20px);color:var(--subtitle-color)}.water-dispenser-right-image .water_dispenser_rightimage .mb_img_list .img_item .img_text{font-size:14px;line-height:1.4;margin-top:10px}.water-dispenser-right-image .water_dispenser_rightimage .right_img .cleaning_mbimg,.water-dispenser-right-image .water_dispenser_rightimage .mb_img_list{display:none}.water-dispenser-right-image .white_wave:before{position:absolute;bottom:calc(100% - 1px);left:0;background:var(--light-wave) repeat-x center top;background-size:750px 80px;width:187.5rem;height:3.125rem;content:""}.water-dispenser-right-image .white_wave:after{position:absolute;bottom:0;left:0;background:var(--dark-wave) repeat-x center top;background-size:750px 80px;width:187.5rem;height:3.125rem;content:""}.water-dispenser-right-image .water_padding_left{margin-left:8.25%}.water-dispenser-right-image #water-dispenser-section3 .right_img{max-width:380px;width:30%}@media(min-width:1200px){.water-dispenser-right-image .green_wave:before,.water-dispenser-right-image .white_wave:before,.water-dispenser-right-image .white_wave:after{animation:water-dispenser-wave 15s cubic-bezier(.36,.45,.63,.53) infinite;background-size:1920px 204px;width:480rem}.water-dispenser-right-image .left_text .title,.water-dispenser-right-image .left_text .subtitle{opacity:0;transform:translateY(100%);transition:all 1.5s ease 0s}.water-dispenser-right-image .left_text .title.is-visible,.water-dispenser-right-image .left_text .subtitle.is-visible{opacity:1;transform:translateY(0)}}@media(max-width:1199px){.water-dispenser-right-image .water_dispenser_rightimage{padding:4% 5% 90px}.water-dispenser-right-image .water_dispenser_rightimage .left_text .title{font-size:clamp(22px,3vw,36px);font-weight:700}.water-dispenser-right-image .water_dispenser_rightimage .mb_img_list .img_item .img_text{font-weight:700}.water-dispenser-right-image .water_dispenser_image .title_box{transform:unset;opacity:1}.water-dispenser-right-image .water_dispenser_rightimage .left_text .subtitle,.water-dispenser-right-image .water_dispenser_rightimage .pc_img_list .img_item .img_text{font-size:clamp(14px,1.5vw,18px)}}@media(max-width:749px){.water-dispenser-right-image .water_dispenser_image .mb_img{display:block;width:100%}.water-dispenser-right-image .water_dispenser_image .pc_img{display:none}.water-dispenser-right-image .water_dispenser_image .title_box{transform:translate(-50%)!important;left:50%;top:10%;width:100%;text-align:center;opacity:1}.water-dispenser-right-image .water_dispenser_image .title_box .title{font-size:clamp(20px,calc(24 * var(--relative-px)),28px)}.water-dispenser-right-image .water_dispenser_rightimage{padding:15px 15px 50px;flex-wrap:wrap}.water-dispenser-right-image .water_dispenser_rightimage>div{width:unset}.water-dispenser-right-image .water_dispenser_rightimage .left_text .title{font-size:clamp(20px,calc(24 * var(--relative-px)),28px);text-align:center}.water-dispenser-right-image .water_dispenser_rightimage .left_text .subtitle{width:unset;font-size:14px;line-height:1.4;text-align:center;margin:10px 0 30px;letter-spacing:.28px}.water-dispenser-right-image .water_dispenser_rightimage .pc_img_list .img_item .img_text{font-size:14px}.water-dispenser-right-image #water-dispenser-section3 .right_img{width:55%}.water-dispenser-right-image .water_dispenser_rightimage .right_img .cleaning_pcimg{display:none}.water-dispenser-right-image .water_dispenser_rightimage .right_img .water_img{width:91%;margin:0 auto;display:block}.water-dispenser-right-image .water_dispenser_rightimage .right_img .cleaning_mbimg{display:block}.water-dispenser-right-image .water_dispenser_rightimage .pc_img_list{display:none}.water-dispenser-right-image .water_dispenser_rightimage .mb_img_list{display:flex;padding-bottom:50px}.water-dispenser-right-image .water_padding_left{margin-left:0}.water-dispenser-right-image .water_dispenser_rightimage .left_svg{width:20%;top:35%}.water-dispenser-right-image .water_dispenser_rightimage .right_svg{top:0;width:42%}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/water-dispenser-rightImage.css.map */