.elementor-27429 .elementor-element.elementor-element-29a22fa:not(.elementor-motion-effects-element-type-background), .elementor-27429 .elementor-element.elementor-element-29a22fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wqp-water.com.tw/wp-content/uploads/2025/09/Component-142-–-1-scaled.png");background-position:center center;background-size:cover;}.elementor-27429 .elementor-element.elementor-element-29a22fa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27429 .elementor-element.elementor-element-29a22fa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-7a9a10a{--spacer-size:271px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27429 .elementor-element.elementor-element-39aec28{text-align:center;}.elementor-27429 .elementor-element.elementor-element-39aec28 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:49px;font-weight:600;color:#FFFFFF;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-27429 .elementor-element.elementor-element-8161bdb > .elementor-widget-container{margin:0px 0px 250px 0px;}.elementor-27429 .elementor-element.elementor-element-8161bdb{--lottie-container-width:2%;}.elementor-27429 .elementor-element.elementor-element-555cbcd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27429 .elementor-element.elementor-element-555cbcd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wqp-water.com.tw/wp-content/uploads/2025/09/Component-140-–-1.png");}.elementor-27429 .elementor-element.elementor-element-555cbcd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27429 .elementor-element.elementor-element-555cbcd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-c2ed2a9 > .elementor-widget-container{margin:480px 0px 480px 0px;}.elementor-27429 .elementor-element.elementor-element-c2ed2a9{text-align:center;}.elementor-27429 .elementor-element.elementor-element-c2ed2a9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-27429 .elementor-element.elementor-element-5aa0cca:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27429 .elementor-element.elementor-element-5aa0cca > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wqp-water.com.tw/wp-content/uploads/2025/09/Component-141-–-1.png");background-position:center center;}.elementor-27429 .elementor-element.elementor-element-5aa0cca > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27429 .elementor-element.elementor-element-5aa0cca > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-a2ba81c > .elementor-widget-container{margin:480px 0px 480px 0px;}.elementor-27429 .elementor-element.elementor-element-a2ba81c{text-align:center;}.elementor-27429 .elementor-element.elementor-element-a2ba81c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-27429 .elementor-element.elementor-element-9df3356:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27429 .elementor-element.elementor-element-9df3356 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wqp-water.com.tw/wp-content/uploads/2025/09/pexels-kuan-yu-huang-252427105-17507233.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-27429 .elementor-element.elementor-element-9df3356 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27429 .elementor-element.elementor-element-9df3356 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-f9e4c1b > .elementor-widget-container{margin:480px 0px 480px 0px;}.elementor-27429 .elementor-element.elementor-element-f9e4c1b{text-align:center;}.elementor-27429 .elementor-element.elementor-element-f9e4c1b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-27429 .elementor-element.elementor-element-a1bba85:not(.elementor-motion-effects-element-type-background), .elementor-27429 .elementor-element.elementor-element-a1bba85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-27429 .elementor-element.elementor-element-a1bba85 > .elementor-container{max-width:1141px;}.elementor-27429 .elementor-element.elementor-element-a1bba85{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-27429 .elementor-element.elementor-element-a1bba85 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-71afa5f{width:var( --container-widget-width, 127.774% );max-width:127.774%;--container-widget-width:127.774%;--container-widget-flex-grow:0;text-align:center;}.elementor-27429 .elementor-element.elementor-element-71afa5f > .elementor-widget-container{margin:520px 0px 0px 0px;}.elementor-27429 .elementor-element.elementor-element-71afa5f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-27429 .elementor-element.elementor-element-efb6262 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-27429 .elementor-element.elementor-element-57c454d .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-27429 .elementor-element.elementor-element-57c454d .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#0000009E;}.elementor-27429 .elementor-element.elementor-element-57c454d{width:var( --container-widget-width, 93.892% );max-width:93.892%;--container-widget-width:93.892%;--container-widget-flex-grow:0;--image-border-width:0px;--image-transition-duration:800ms;--overlay-transition-duration:500ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:500ms;--content-transition-delay:500ms;}.elementor-27429 .elementor-element.elementor-element-57c454d .elementor-gallery-item__title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:600;}.elementor-27429 .elementor-element.elementor-element-a924631:not(.elementor-motion-effects-element-type-background), .elementor-27429 .elementor-element.elementor-element-a924631 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-27429 .elementor-element.elementor-element-a924631 > .elementor-container{max-width:1047px;}.elementor-27429 .elementor-element.elementor-element-a924631{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27429 .elementor-element.elementor-element-a924631 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-27429 .elementor-element.elementor-element-b31e92b{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-27429 .elementor-element.elementor-element-b31e92b .elementor-divider-separator{width:100%;}.elementor-27429 .elementor-element.elementor-element-b31e92b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-27429 .elementor-element.elementor-element-6e5e515:not(.elementor-motion-effects-element-type-background), .elementor-27429 .elementor-element.elementor-element-6e5e515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-27429 .elementor-element.elementor-element-6e5e515 > .elementor-container{max-width:1141px;}.elementor-27429 .elementor-element.elementor-element-6e5e515{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-27429 .elementor-element.elementor-element-6e5e515 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-61bf2a6{width:var( --container-widget-width, 127.774% );max-width:127.774%;--container-widget-width:127.774%;--container-widget-flex-grow:0;text-align:center;}.elementor-27429 .elementor-element.elementor-element-61bf2a6 > .elementor-widget-container{margin:520px 0px 0px 0px;}.elementor-27429 .elementor-element.elementor-element-61bf2a6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-27429 .elementor-element.elementor-element-1c142a8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-27429 .elementor-element.elementor-element-104d0ad .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-27429 .elementor-element.elementor-element-104d0ad .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#0000009E;}.elementor-27429 .elementor-element.elementor-element-104d0ad{width:var( --container-widget-width, 93.892% );max-width:93.892%;--container-widget-width:93.892%;--container-widget-flex-grow:0;--image-border-width:0px;--image-transition-duration:800ms;--overlay-transition-duration:500ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:500ms;--content-transition-delay:500ms;}.elementor-27429 .elementor-element.elementor-element-104d0ad .elementor-gallery-item__title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:600;}.elementor-27429 .elementor-element.elementor-element-39dee61:not(.elementor-motion-effects-element-type-background), .elementor-27429 .elementor-element.elementor-element-39dee61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-27429 .elementor-element.elementor-element-39dee61 > .elementor-container{max-width:1047px;}.elementor-27429 .elementor-element.elementor-element-39dee61{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27429 .elementor-element.elementor-element-39dee61 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-7d15c10{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-27429 .elementor-element.elementor-element-7d15c10 .elementor-divider-separator{width:100%;}.elementor-27429 .elementor-element.elementor-element-7d15c10 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-27429 .elementor-element.elementor-element-0f566b9:not(.elementor-motion-effects-element-type-background), .elementor-27429 .elementor-element.elementor-element-0f566b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-27429 .elementor-element.elementor-element-0f566b9 > .elementor-container{max-width:1141px;}.elementor-27429 .elementor-element.elementor-element-0f566b9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-27429 .elementor-element.elementor-element-0f566b9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27429 .elementor-element.elementor-element-2500022{width:var( --container-widget-width, 127.774% );max-width:127.774%;--container-widget-width:127.774%;--container-widget-flex-grow:0;text-align:center;}.elementor-27429 .elementor-element.elementor-element-2500022 > .elementor-widget-container{margin:520px 0px 0px 0px;}.elementor-27429 .elementor-element.elementor-element-2500022 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-27429 .elementor-element.elementor-element-8c1e792 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-27429 .elementor-element.elementor-element-759a4db .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-27429 .elementor-element.elementor-element-759a4db .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#0000009E;}.elementor-27429 .elementor-element.elementor-element-759a4db{width:var( --container-widget-width, 93.892% );max-width:93.892%;--container-widget-width:93.892%;--container-widget-flex-grow:0;--image-border-width:0px;--image-transition-duration:800ms;--overlay-transition-duration:500ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:500ms;--content-transition-delay:500ms;}.elementor-27429 .elementor-element.elementor-element-759a4db .elementor-gallery-item__title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:600;}@media(min-width:580px){.elementor-27429 .elementor-element.elementor-element-ef4039d{width:24.473%;}.elementor-27429 .elementor-element.elementor-element-efb6262{width:75.192%;}.elementor-27429 .elementor-element.elementor-element-3df0247{width:24.473%;}.elementor-27429 .elementor-element.elementor-element-1c142a8{width:75.192%;}.elementor-27429 .elementor-element.elementor-element-3ffc213{width:24.473%;}.elementor-27429 .elementor-element.elementor-element-8c1e792{width:75.192%;}}@media(min-width:993px){.elementor-27429 .elementor-element.elementor-element-555cbcd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27429 .elementor-element.elementor-element-555cbcd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-27429 .elementor-element.elementor-element-5aa0cca:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27429 .elementor-element.elementor-element-5aa0cca > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-27429 .elementor-element.elementor-element-9df3356:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27429 .elementor-element.elementor-element-9df3356 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-c2ed2a9 */.circle-hover-img {
  position: relative;
  display: inline-block;
  cursor: pointer;  /* 👈 this does it */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-555cbcd */.circle-hover-img {
  position: relative;
  display: inline-block;
}

.circle-hover-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;   /* adjust to your image size */
  height: 120px;
  border-radius: 50%;
  border: 2px solid white;
  transform: translate(-50%, -50%) scale(0); /* start invisible */
  transition: transform 0.5s ease;
  pointer-events: none; /* don't block clicks */
}

/* Animate on hover */
.circle-hover-img:hover::after {
  transform: translate(-50%, -50%) scale(1); /* full circle */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5aa0cca */.circle-hover-img {
  position: relative;
  display: inline-block;
}

.circle-hover-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;   /* adjust to your image size */
  height: 120px;
  border-radius: 50%;
  border: 2px solid white;
  transform: translate(-50%, -50%) scale(0); /* start invisible */
  transition: transform 0.5s ease;
  pointer-events: none; /* don't block clicks */
}

/* Animate on hover */
.circle-hover-img:hover::after {
  transform: translate(-50%, -50%) scale(1); /* full circle */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-9df3356 */.circle-hover-img {
  position: relative;
  display: inline-block;
}

.circle-hover-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;   /* adjust to your image size */
  height: 120px;
  border-radius: 50%;
  border: 2px solid white;
  transform: translate(-50%, -50%) scale(0); /* start invisible */
  transition: transform 0.5s ease;
  pointer-events: none; /* don't block clicks */
}

/* Animate on hover */
.circle-hover-img:hover::after {
  transform: translate(-50%, -50%) scale(1); /* full circle */
}/* End custom CSS */