{"id":58,"date":"2026-06-18T19:31:40","date_gmt":"2026-06-18T19:31:40","guid":{"rendered":"https:\/\/wdapps.in\/index.php\/solutions\/"},"modified":"2026-06-18T19:48:37","modified_gmt":"2026-06-18T19:48:37","slug":"solutions","status":"publish","type":"page","link":"https:\/\/wdapps.in\/index.php\/solutions\/","title":{"rendered":"Solutions"},"content":{"rendered":"\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Manrope:wght@400;600&display=swap');\n.wp-block-template-part,.wp-site-blocks>header,.wp-site-blocks>footer,#wpadminbar,.wp-block-post-title,.entry-header,.page-header,.wp-block-site-title,.wp-block-navigation{display:none!important}\nmain>.wp-block-group{display:none!important}\nhtml{margin-top:0!important}\nbody{margin:0!important;padding:0!important;background:#fff!important;overflow-x:hidden!important}\n.wp-site-blocks,main,.entry-content,.wp-block-post-content,#content,.site-main,.is-layout-flow,.is-layout-constrained,.melyna-root{\n  margin:0!important;padding:0!important;max-width:none!important;width:auto!important;background:#fff!important;\n  transform:none!important;filter:none!important;perspective:none!important;will-change:auto!important;contain:none!important;overflow:visible!important;}\n.melyna-root{width:100%!important}\n.wp-block-post-content>.melyna-root,.entry-content>.melyna-root{max-width:none!important;width:100%!important}\n.melyna-root .site-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000}\n.melyna-root h1,.melyna-root h2,.melyna-root h3,.melyna-root h4,.melyna-root h5,.melyna-root h6,.melyna-root a,.melyna-root li,.melyna-root label,.melyna-root button,.melyna-root input,.melyna-root select,.melyna-root span,.melyna-root p{font-family:'Poppins',sans-serif}\n.melyna-root .solution-card p{font-family:'Manrope',sans-serif}\n.melyna-root .footer-col h4{color:#fff!important}\n\/* remove focus outline box on menu links & buttons *\/\n.melyna-root a:focus,.melyna-root a:focus-visible,.melyna-root button:focus,.melyna-root button:focus-visible{outline:none!important;box-shadow:none}\n.melyna-root .sol-hero-img{object-position:center top!important;image-rendering:auto}\n.melyna-root .sol-hero{min-height:880px!important}\n\/* remove active menu square box *\/\n\/* solution area card titles white *\/\n.melyna-root .sol-card-body h3{color:#fff!important}\n.melyna-root img{max-width:100%}\n\n\/* =========================================================\n   Melyna Aqua \u2014 Homepage\n   ========================================================= *\/\n\n:root{\n  --navy:        #174165;\n  --navy-2:      #174064;\n  --navy-3:      #164164;\n  --navy-deep:   #10304b;\n  --teal:        #41c1ba;\n  --teal-2:      #40c1bb;\n  --eyebrow-bg:  #20628d;\n  --text:        #3a4f63;\n  --text-muted:  #6b8299;\n  --text-tag:    #2a5f8f;\n  --bg-light:    #f4f9fc;\n  --bg-light-2:  #f5f9fc;\n  --border:      #e0e8ef;\n  --maxw:        1488px;\n  --gutter:      clamp(20px, 6.94vw, 120px);\n  --card-shadow: 0 4px 20px rgba(23,65,101,.08);\n  --card-shadow-lg: 0 6px 24px rgba(23,65,101,.08);\n}\n\n*,*::before,*::after{ box-sizing:border-box; }\nhtml{ scroll-behavior:smooth; }\nbody{\n  margin:0;\n  font-family:'Poppins',sans-serif;\n  color:var(--text);\n  background:#fff;\n  -webkit-font-smoothing:antialiased;\n  overflow-x:hidden;\n}\nimg{ display:block; max-width:100%; }\na{ text-decoration:none; color:inherit; }\nul{ margin:0; padding:0; list-style:none; }\nh1,h2,h3,h4,p{ margin:0; }\n\n.container{\n  width:100%;\n  max-width:calc(var(--maxw) + 2 * var(--gutter));\n  margin:0 auto;\n  padding:0 var(--gutter);\n}\n\n\/* ---------- Buttons ---------- *\/\n.btn{\n  display:inline-flex; align-items:center; justify-content:center; gap:10px;\n  padding:16px 32px; border-radius:8px;\n  font-weight:600; font-size:15px; line-height:1;\n  cursor:pointer; border:none; white-space:nowrap;\n  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\n}\n.btn:hover{ transform:translateY(-2px); }\n.btn-teal{ background:var(--teal); color:#fff; }\n.btn-teal:hover{ background:#37aaa4; box-shadow:0 8px 22px rgba(65,193,186,.4); }\n.btn-navy{ background:var(--navy-3); color:#fff; }\n.btn-navy:hover{ background:#0f3050; box-shadow:0 8px 22px rgba(23,65,101,.35); }\n.btn-outline-white{ border:2px solid #fff; color:#fff; background:transparent; }\n.btn-outline-white:hover{ background:#fff; color:var(--navy); }\n.btn-outline-slate{ border:2px solid var(--text); color:var(--text); background:transparent; }\n.btn-outline-slate:hover{ background:var(--text); color:#fff; }\n.btn-text{ color:var(--navy-3); font-weight:700; background:transparent; padding-left:8px; padding-right:8px; }\n.btn-text:hover{ color:var(--teal); }\n\n\/* ---------- Section headings ---------- *\/\n.eyebrow{\n  display:inline-block; color:var(--teal);\n  font-size:13px; font-weight:600; letter-spacing:1.95px;\n}\n.rule{ display:block; width:70px; height:3px; background:var(--teal); }\n.rule--center{ margin:0 auto; width:60px; }\n.rule--sm{ width:40px; height:2px; }\n\n.section-head{ text-align:center; max-width:780px; margin:0 auto 56px; }\n.section-head h2{ font-size:44px; font-weight:600; color:var(--navy); }\n.section-head .rule{ margin:20px auto; }\n.section-head p{ font-size:17px; line-height:28px; }\n.section-head p.muted{ color:var(--text-muted); }\n.muted{ color:var(--text-muted); }\n\n.section-foot{ text-align:center; margin-top:48px; display:flex; flex-direction:column; align-items:center; gap:24px; }\n.section-foot p{ max-width:780px; font-size:15px; line-height:24px; }\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n.site-header{\n  position:fixed; top:0; left:0; right:0; z-index:100;\n  transition:background .35s ease, box-shadow .35s ease, padding .35s ease;\n  padding:14px 0;\n}\n.header-inner{\n  max-width:1728px; margin:0 auto; padding:0 var(--gutter);\n  display:flex; align-items:center; gap:24px;\n}\n.brand{ display:flex; align-items:center; flex-shrink:0; }\n.brand-logo{ height:42px; width:auto; transition:opacity .3s ease; }\n.brand-logo--dark{ display:none; }\n\n.main-nav{ flex:1; min-width:0; }\n.main-nav ul{ display:flex; align-items:center; justify-content:center; gap:30px; flex-wrap:nowrap; }\n.main-nav a{\n  position:relative; color:#fff; font-size:16px; font-weight:400; white-space:nowrap;\n  padding:6px 4px; transition:color .25s ease;\n}\n.main-nav a.active{\n  font-weight:700; background:rgba(23,64,100,.85);\n  padding:7px 16px; border-radius:8px;\n}\n.main-nav a:not(.active)::after{\n  content:\"\"; position:absolute; left:0; bottom:0; width:0; height:2px;\n  background:var(--teal); transition:width .25s ease;\n}\n.main-nav a:not(.active):hover::after{ width:100%; }\n\n.header-actions{ display:flex; align-items:center; gap:14px; flex-shrink:0; }\n.btn-contact{ padding:11px 20px; }\n.btn-contact .arrow{ transition:transform .25s ease; }\n.btn-contact:hover .arrow{ transform:translateX(4px); }\n\n.lang-toggle{\n  display:flex; border:1px solid var(--navy); border-radius:8px; overflow:hidden;\n  background:#fff;\n}\n.lang-toggle button{\n  border:none; background:#fff; color:var(--navy-3);\n  font-family:inherit; font-size:16px; font-weight:600; padding:9px 16px; cursor:pointer;\n  transition:background .25s ease, color .25s ease;\n}\n.lang-toggle button.active{ background:var(--navy); color:#fff; }\n\n.nav-toggle{ display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px; }\n.nav-toggle span{ width:26px; height:3px; background:#fff; border-radius:2px; transition:.3s; }\n\n\/* scrolled state *\/\n.site-header.scrolled{ background:#fff; box-shadow:0 4px 24px rgba(23,65,101,.1); padding:8px 0; }\n.site-header.scrolled .brand-logo--light{ display:none; }\n.site-header.scrolled .brand-logo--dark{ display:block; }\n.site-header.scrolled .main-nav a{ color:var(--navy); }\n.site-header.scrolled .main-nav a.active{ color:#fff; }\n.site-header.scrolled .nav-toggle span{ background:var(--navy); }\n\n\/* Always-solid white header (interior pages, e.g. Solutions) *\/\n.site-header.is-solid{ background:#fff; box-shadow:0 2px 14px rgba(23,65,101,.08); }\n.site-header.is-solid .brand-logo--light{ display:none; }\n.site-header.is-solid .brand-logo--dark{ display:block; }\n.site-header.is-solid .main-nav a{ color:var(--navy); }\n.site-header.is-solid .main-nav a.active{ color:#fff; }\n.site-header.is-solid .nav-toggle span{ background:var(--navy); }\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n.hero{\n  position:relative; min-height:820px;\n  display:flex; align-items:center; justify-content:center;\n  padding:160px 24px 80px;\n  background:url('https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-image1.png') center\/cover no-repeat;\n  overflow:hidden;\n}\n.hero-video{\n  position:absolute; inset:0; width:100%; height:100%;\n  object-fit:cover; z-index:0; pointer-events:none;\n}\n.hero-overlay{\n  position:absolute; inset:0; z-index:1;\n  background:linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.6) 30%, rgba(0,0,0,.4) 100%);\n}\n.hero-content{\n  position:relative; z-index:2; text-align:center; max-width:660px;\n  display:flex; flex-direction:column; align-items:center; gap:18px;\n}\n.eyebrow-pill{\n  display:inline-block; background:var(--eyebrow-bg);\n  border:1px solid rgba(65,193,186,.5); border-radius:100px;\n  padding:8px 18px; color:#fff; font-size:12px; font-weight:500; letter-spacing:1.8px;\n}\n.hero h1{\n  font-size:50px; font-weight:300; line-height:66px; color:#fff;\n}\n.hero-sub{ font-size:22px; line-height:34px; color:rgba(255,255,255,.85); }\n.hero-buttons{ display:flex; gap:16px; margin-top:16px; flex-wrap:wrap; justify-content:center; }\n\n\/* =========================================================\n   ABOUT\n   ========================================================= *\/\n.about{ padding:110px 0; }\n.about-grid{\n  display:grid; grid-template-columns:1fr 720px; gap:83px; align-items:center;\n}\n.about-text .eyebrow{ margin-bottom:28px; }\n.about-text h2{ font-size:48px; font-weight:600; color:var(--navy); line-height:58px; }\n.about-text .rule{ margin:28px 0; }\n.about-text p{ font-size:17px; line-height:30px; margin-bottom:24px; max-width:620px; }\n.about-buttons{ display:flex; gap:16px; align-items:center; margin-top:4px; }\n.about-image img{\n  width:100%; height:470px; object-fit:cover; border-radius:8px;\n  box-shadow:0 20px 50px rgba(23,65,101,.18);\n}\n\n\/* =========================================================\n   SOLUTIONS\n   ========================================================= *\/\n.solutions{ background:var(--bg-light); padding:110px 0; }\n.solutions-grid{\n  display:grid; grid-template-columns:repeat(4,1fr); gap:30px;\n}\n.solution-card{\n  position:relative; height:358px; border-radius:10px; overflow:hidden;\n  background-size:cover; background-position:center;\n  transition:transform .35s ease, box-shadow .35s ease;\n}\n.solution-card::before{\n  content:\"\"; position:absolute; inset:0;\n  background:linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.28) 100%);\n}\n.tint-teal{ background-color:#41c1ba; }\n.tint-teal::after{ content:\"\"; position:absolute; inset:0; background:rgba(65,193,186,.42); }\n.tint-navy{ background-color:#174064; }\n.tint-navy::after{ content:\"\"; position:absolute; inset:0; background:rgba(23,64,100,.45); }\n.solution-card:hover{ transform:translateY(-8px); box-shadow:0 18px 40px rgba(23,65,101,.25); }\n.solution-inner{\n  position:relative; z-index:2; height:100%;\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\n  text-align:center; padding:24px 28px; gap:14px;\n}\n.solution-icon{ width:70px; height:70px; transition:transform .4s ease; }\n.solution-card:hover .solution-icon{ transform:scale(1.08) translateY(-4px); }\n.solution-card h3{ color:#fff; font-size:24px; font-weight:600; }\n.solution-card p{ color:#fff; font-family:'Manrope',sans-serif; font-size:18px; line-height:1.4; max-width:300px; }\n\n\/* =========================================================\n   PRODUCTS\n   ========================================================= *\/\n.products{ background:#fff; padding:110px 0; }\n.products-grid{\n  display:grid; grid-template-columns:repeat(2,1fr); gap:24px;\n}\n.product-card{\n  background:#fff; border:1px solid var(--border); border-radius:16px; overflow:hidden;\n  box-shadow:var(--card-shadow);\n  transition:transform .35s ease, box-shadow .35s ease;\n}\n.product-card:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(23,65,101,.16); }\n.product-img{ position:relative; height:180px; overflow:hidden; }\n.product-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }\n.product-card:hover .product-img img{ transform:scale(1.06); }\n.pill{\n  position:absolute; top:22px; background:#fff; border-radius:100px;\n  padding:6px 14px; color:var(--teal); font-size:11px; font-weight:600; letter-spacing:1.1px;\n}\n.pill:nth-of-type(1){ left:22px; }\n.pill:nth-of-type(2){ left:124px; }\n.product-body{ padding:28px 32px 24px; }\n.product-body h3{ font-size:22px; font-weight:600; color:var(--navy); margin-bottom:12px; }\n.product-body > p{ font-size:14px; line-height:22px; color:var(--text); margin-bottom:16px; }\n.tags{ display:flex; flex-wrap:wrap; gap:8px; }\n.tag{\n  background:var(--bg-light-2); border:1px solid var(--border); border-radius:6px;\n  padding:6px 12px; font-size:12px; font-weight:500; color:var(--text-tag);\n}\n.tag--round{ border-radius:36px; }\n\n\/* =========================================================\n   WAAS & RENTAL\n   ========================================================= *\/\n.waas{\n  position:relative; padding:110px 0; overflow:hidden;\n  background:var(--navy-2) url('https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-waas-bg.png') center\/cover no-repeat;\n}\n.waas-head{ text-align:center; max-width:820px; margin:0 auto 48px; }\n.waas-head h2{ font-size:44px; font-weight:600; color:#fff; margin-top:20px; }\n.waas-head .rule{ margin:20px auto; }\n.waas-lead{ font-size:22px; font-weight:500; color:#fff; line-height:32px; }\n.waas-desc{ font-size:16px; line-height:26px; color:#fff; margin-top:16px; }\n.waas-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }\n.waas-card{\n  background:#fff; border:1px solid var(--border); border-radius:16px;\n  padding:36px; box-shadow:var(--card-shadow-lg);\n  display:flex; flex-direction:column; align-items:flex-start; gap:14px; min-height:340px;\n  transition:transform .35s ease, box-shadow .35s ease;\n}\n.waas-card:hover{ transform:translateY(-8px); box-shadow:0 20px 44px rgba(0,0,0,.22); }\n.waas-icon{\n  width:60px; height:60px; border-radius:30px; background:var(--navy);\n  display:flex; align-items:center; justify-content:center;\n}\n.waas-icon img{ width:60px; height:60px; }\n.waas-label{ color:var(--teal); font-size:12px; font-weight:600; letter-spacing:1.44px; }\n.waas-card h3{ font-size:24px; font-weight:600; color:var(--navy); }\n.waas-card > p{ font-size:14px; line-height:22px; color:var(--text); }\n.bullets{ display:flex; flex-direction:column; gap:14px; margin-top:4px; }\n.bullets li{ position:relative; padding-left:16px; font-size:14px; color:var(--text); }\n.bullets li::before{\n  content:\"\"; position:absolute; left:0; top:7px; width:6px; height:6px;\n  border-radius:50%; background:var(--teal);\n}\n.waas-foot{ text-align:center; margin-top:48px; display:flex; flex-direction:column; align-items:center; gap:24px; }\n.waas-foot p{ color:#fff; font-size:15px; font-weight:600; max-width:780px; line-height:24px; }\n\n\/* decorative circles *\/\n.deco-circle{ position:absolute; border-radius:50%; pointer-events:none; }\n.deco-1{ width:440px; height:440px; top:-140px; left:-160px;\n  background:radial-gradient(circle, rgba(65,193,186,.18), transparent 70%); }\n.deco-2{ width:360px; height:360px; bottom:-60px; right:-80px;\n  border:2px solid rgba(65,193,186,.25); }\n.deco-3{ width:160px; height:160px; bottom:40px; right:120px;\n  background:radial-gradient(circle, rgba(65,193,186,.22), transparent 70%); }\n\n\/* =========================================================\n   CONTACT\n   ========================================================= *\/\n.contact{ padding:90px 0; background:#fff; }\n.contact-card{\n  background:var(--bg-light-2); border-radius:12px; overflow:hidden;\n  display:grid; grid-template-columns:720px 1fr;\n  box-shadow:0 10px 40px rgba(23,65,101,.08);\n}\n.contact-image{ position:relative; }\n.contact-image img{ width:100%; height:100%; min-height:591px; object-fit:cover; }\n.contact-form{ padding:45px; display:flex; flex-direction:column; gap:18px; }\n.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }\n.field{ display:flex; flex-direction:column; }\n.field label{ font-size:16px; color:#000; line-height:42px; }\n.field input, .field select{\n  height:52px; border:1px solid #c0c2c3; border-radius:8px; padding:0 16px;\n  font-family:inherit; font-size:16px; color:#333; background:#fff; width:100%;\n  transition:border-color .25s ease, box-shadow .25s ease;\n}\n.field input::placeholder{ color:#959595; }\n.field input:focus, .field select:focus{\n  outline:none; border-color:var(--teal); box-shadow:0 0 0 3px rgba(65,193,186,.15);\n}\n.select-wrap{ position:relative; }\n.select-wrap select{ appearance:none; color:#959595; cursor:pointer; }\n.select-wrap::after{\n  content:\"\"; position:absolute; right:18px; top:50%; width:9px; height:9px;\n  border-right:2px solid #959595; border-bottom:2px solid #959595;\n  transform:translateY(-65%) rotate(45deg); pointer-events:none;\n}\n.contact-form .btn{ align-self:flex-start; margin-top:6px; }\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n.final-cta{\n  position:relative; overflow:hidden;\n  background:var(--navy) url('https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-section-finalcta.png') center\/cover no-repeat;\n  min-height:480px; display:flex; align-items:center; justify-content:center;\n  padding:80px 24px; text-align:center;\n}\n.cta-content{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:28px; max-width:1100px; }\n.final-cta .eyebrow{ letter-spacing:1.95px; }\n.final-cta h2{ font-size:48px; font-weight:300; color:#fff; line-height:62px; }\n.cta-buttons{ display:flex; gap:16px; flex-wrap:wrap; justify-content:center; }\n.cta-1{ width:520px; height:520px; top:-160px; left:-180px;\n  background:radial-gradient(circle, rgba(65,193,186,.16), transparent 68%); }\n.cta-2{ width:420px; height:420px; top:60px; right:-140px;\n  border:2px solid rgba(65,193,186,.22); }\n.cta-3{ width:180px; height:180px; top:160px; right:90px;\n  background:radial-gradient(circle, rgba(65,193,186,.22), transparent 70%); }\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n.site-footer{ background:var(--navy-deep); color:#fff; padding:80px var(--gutter) 40px; }\n.footer-top{\n  max-width:var(--maxw); margin:0 auto;\n  display:grid; grid-template-columns:440px 1fr 1fr 1fr; gap:40px;\n}\n.footer-logo{ height:50px; width:auto; margin-bottom:20px; }\n.footer-brand > p{ font-size:14px; line-height:24px; color:rgba(255,255,255,.7); max-width:420px; margin-bottom:20px; }\n.stay{ display:block; font-size:14px; font-weight:600; margin-bottom:16px; }\n.newsletter{ display:flex; gap:8px; }\n.newsletter input{\n  flex:1; height:55px; border:1px solid rgba(255,255,255,.2); border-radius:8px;\n  background:rgba(255,255,255,.1); padding:0 16px; color:#fff; font-family:inherit; font-size:13px;\n}\n.newsletter input::placeholder{ color:rgba(255,255,255,.6); }\n.newsletter input:focus{ outline:none; border-color:var(--teal); }\n.footer-col h4{ font-size:15px; font-weight:600; margin-bottom:14px; }\n.footer-col .rule{ margin-bottom:16px; }\n.footer-col a{ display:block; font-size:14px; color:rgba(255,255,255,.7); margin-bottom:14px; transition:color .2s ease, padding-left .2s ease; }\n.footer-col a:hover{ color:var(--teal); padding-left:4px; }\n.footer-divider{ max-width:var(--maxw); margin:32px auto; height:1px; background:rgba(255,255,255,.15); }\n.footer-bottom{\n  max-width:var(--maxw); margin:0 auto;\n  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;\n}\n.footer-bottom p{ font-size:13px; color:rgba(255,255,255,.6); }\n.legals{ display:flex; gap:24px; }\n.legals a{ font-size:13px; color:rgba(255,255,255,.6); transition:color .2s ease; }\n.legals a:hover{ color:#fff; }\n.social{ display:flex; gap:12px; }\n.social a{\n  width:32px; height:32px; border-radius:16px; background:rgba(255,255,255,.1);\n  display:flex; align-items:center; justify-content:center;\n  font-size:11px; font-weight:600; color:#fff; transition:background .25s ease, transform .25s ease;\n}\n.social a:hover{ background:var(--teal); transform:translateY(-3px); }\n\n\/* =========================================================\n   SCROLL REVEAL ANIMATION\n   ========================================================= *\/\n.reveal{ opacity:0; transform:translateY(40px); transition:opacity .7s ease, transform .7s ease; }\n.reveal.in{ opacity:1; transform:none; }\n@media (prefers-reduced-motion:reduce){\n  .reveal{ opacity:1; transform:none; transition:none; }\n  html{ scroll-behavior:auto; }\n}\n\n\/* =========================================================\n   SOLUTIONS PAGE\n   ========================================================= *\/\n.pill-eyebrow{\n  display:inline-block; background:rgba(65,193,186,.15);\n  border:1px solid rgba(65,193,186,.5); border-radius:100px;\n  padding:8px 17px; color:var(--teal); font-size:12px; font-weight:500; letter-spacing:1.8px;\n}\n\n\/* ---- Hero (split: navy text panel + clean image) ---- *\/\n.sol-hero{\n  position:relative; overflow:hidden;\n  background:\n    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 46px),\n    var(--navy);\n  padding:140px 0 80px; min-height:480px; display:flex; align-items:center;\n}\n\/* clean image on the right \u2014 crisp vertical split, no overlay\/blur *\/\n.sol-hero-img{\n  position:absolute; top:0; right:0; width:54%; height:100%; object-fit:cover; z-index:1;\n}\n.sol-hero-inner{ position:relative; z-index:2; padding-right:56%; }  \/* keep text clear of the right-side image *\/\n.sol-hero-text{ max-width:600px; }\n.sol-hero-text h1{\n  font-size:64px; font-weight:300; line-height:76px; color:#fff; margin:24px 0 28px;\n}\n.sol-hero-text p{ font-size:20px; line-height:32px; color:rgba(255,255,255,.85); max-width:606px; }\n\n\/* ---- Intro (image + text) ---- *\/\n.sol-intro{ background:#fff; padding:90px 0; }\n.sol-intro-grid{ display:grid; grid-template-columns:709px 1fr; gap:40px; align-items:center; }\n.sol-intro-img img{ width:100%; height:470px; object-fit:cover; border-radius:8px; box-shadow:0 20px 50px rgba(23,65,101,.15); }\n.sol-intro-text p{ font-size:20px; line-height:34px; color:var(--navy); margin-bottom:22px; }\n.sol-intro-text p:last-child{ margin-bottom:0; }\n.sol-intro-text p.accent{ color:var(--teal); font-weight:500; }\n\n\/* ---- Solution Areas ---- *\/\n.sol-areas{ background:var(--bg-light-2); padding:90px 0; }\n.sol-areas-head{ text-align:center; max-width:760px; margin:0 auto 48px; }\n.sol-areas-head h2{ font-size:44px; font-weight:600; color:var(--navy); margin-top:10px; }\n.sol-areas-head .rule{ margin:18px auto; }\n.sol-areas-head p{ font-size:17px; line-height:28px; color:var(--text); }\n\n.sol-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; grid-auto-rows:1fr; align-items:stretch; }\n.sol-card{ display:flex; flex-direction:column; height:100%; border-radius:10px; overflow:hidden; transition:transform .35s ease, box-shadow .35s ease; }\n.sol-card:hover{ transform:translateY(-6px); box-shadow:0 18px 44px rgba(23,65,101,.2); }\n.sol-card.is-teal{ background:var(--teal-2); }\n.sol-card.is-navy{ background:#164164; }\n.sol-card-img{ flex:0 0 353px; position:relative; height:353px; overflow:hidden; }\n.sol-card-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }\n.sol-card:hover .sol-card-img img{ transform:scale(1.05); }\n.sol-card .pill{\n  position:absolute; top:24px; left:24px; background:#fff; color:var(--teal);\n  font-size:11px; font-weight:600; letter-spacing:1.1px; padding:6px 14px; border-radius:100px;\n}\n.sol-card-body{ flex:1 1 auto; padding:36px 37px 40px; color:#fff; }\n.sol-card-body h3{ font-size:24px; font-weight:600; margin-bottom:12px; }\n.sol-card-body .intro{ font-size:15px; line-height:24px; color:rgba(255,255,255,.7); margin-bottom:16px; }\n.sol-bullets{ display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }\n.sol-bullets li{ position:relative; padding-left:18px; font-size:15px; line-height:24px; color:#fff; }\n.sol-bullets li::before{ content:\"\"; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; }\n.is-teal .sol-bullets li::before{ background:#fff; }\n.is-navy .sol-bullets li::before{ background:var(--teal); }\n.sol-divider{ display:block; width:40px; height:2px; border-radius:1px; margin-bottom:14px; }\n.is-teal .sol-divider{ background:#fff; }\n.is-navy .sol-divider{ background:var(--teal); }\n.sol-foot{ font-size:14px; font-weight:500; line-height:22px; color:#fff; }\n.sol-quote{\n  margin-top:18px; background:rgba(255,255,255,.28); border-radius:10px;\n  padding:14px 16px; text-align:center; font-size:14px; font-weight:500; color:#fff;\n}\n\n\/* ---- How We Work ---- *\/\n.sol-hww{ background:#fff; padding:90px 0; }\n.sol-hww-grid{ display:grid; grid-template-columns:1fr 718px; gap:48px; align-items:center; }\n.sol-hww-text h2{ font-size:48px; font-weight:300; line-height:60px; color:var(--navy); margin-top:14px; }\n.sol-hww-text .rule{ margin:18px 0 24px; }\n.sol-hww-text .body1{ font-size:20px; line-height:34px; color:var(--navy); margin-bottom:22px; }\n.sol-hww-text .body2{ font-size:20px; line-height:34px; color:var(--text-muted); margin-bottom:24px; }\n.flex-card{\n  background:#e8f7f6; border:1px solid rgba(65,193,186,.3); border-radius:16px;\n  padding:32px 34px; margin-bottom:28px;\n}\n.flex-card h3{ font-size:22px; font-weight:600; color:var(--navy); text-align:center; margin-bottom:10px; }\n.flex-card p{ font-size:16px; line-height:26px; color:var(--navy); }\n.sol-hww-img img{ width:100%; height:577px; object-fit:cover; border-radius:25px; box-shadow:0 20px 50px rgba(23,65,101,.15); }\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n\/* ---- Compact the desktop header so the full nav fits on\n        laptops \/ Surface \/ iPad-landscape (\u22481081\u20131440px) ---- *\/\n@media (max-width:1440px){\n  .header-inner{ padding-left:40px; padding-right:40px; gap:16px; }\n  .main-nav ul{ gap:18px; }\n  .main-nav a{ font-size:15px; }\n  .main-nav a.active{ padding:7px 13px; }\n  .btn-contact{ padding:11px 16px; }\n  .lang-toggle button{ padding:9px 13px; }\n}\n@media (max-width:1200px){\n  .header-inner{ padding-left:28px; padding-right:28px; gap:12px; }\n  .main-nav ul{ gap:14px; }\n  .brand-logo{ height:38px; }\n}\n\n\/* ---- Large desktop \/ small laptop ---- *\/\n@media (max-width:1280px){\n  .about-grid{ grid-template-columns:1fr 1fr; gap:48px; }\n  .contact-card{ grid-template-columns:1fr 1fr; }\n  .footer-top{ grid-template-columns:1.4fr 1fr 1fr 1fr; gap:48px 40px; }\n}\n\n\/* ---- Header \u2192 hamburger for tablets & below (\u22641080px) ---- *\/\n@media (max-width:1080px){\n  .header-inner{ flex-wrap:wrap; row-gap:0; padding-left:var(--gutter); padding-right:var(--gutter); gap:24px; }\n  .main-nav, .header-actions{ display:none; width:100%; }\n  .nav-toggle{ display:flex; margin-left:auto; }\n\n  .site-header.nav-open{ background:#fff; box-shadow:0 8px 28px rgba(23,65,101,.12); }\n  .site-header.nav-open .brand-logo--light{ display:none; }\n  .site-header.nav-open .brand-logo--dark{ display:block; }\n  .site-header.nav-open .nav-toggle span{ background:var(--navy); }\n  .site-header.nav-open .main-nav,\n  .site-header.nav-open .header-actions{ display:flex; }\n\n  .main-nav{ order:3; padding-top:14px; }\n  .main-nav ul{ flex-direction:column; align-items:flex-start; gap:4px; width:100%; }\n  .main-nav a{ color:var(--navy); width:100%; padding:12px 8px; border-radius:8px; font-size:17px; }\n  .main-nav a:not(.active):hover{ background:var(--bg-light); }\n  .main-nav a:not(.active)::after{ display:none; }\n  .main-nav a.active{ color:#fff; padding:12px 16px; }\n\n  .header-actions{ order:4; padding:14px 8px 18px; gap:16px; border-top:1px solid var(--border); }\n  .btn-contact{ padding:11px 20px; }\n\n  \/* animated hamburger \u2192 X *\/\n  .nav-toggle span{ transition:transform .3s ease, opacity .25s ease; }\n  .site-header.nav-open .nav-toggle span:nth-child(1){ transform:translateY(8px) rotate(45deg); }\n  .site-header.nav-open .nav-toggle span:nth-child(2){ opacity:0; }\n  .site-header.nav-open .nav-toggle span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }\n\n  \/* Solutions hero \u2192 stacked (image becomes a dark full-bg, text full width) *\/\n  .sol-hero{ padding:120px 0 64px; min-height:0; }\n  .sol-hero-inner{ padding-right:0; }\n  .sol-hero-img{ width:100%; opacity:.18; }\n  .sol-hero-text{ max-width:none; }\n  .sol-hero-text h1{ font-size:44px; line-height:54px; }\n\n  \/* Solutions intro + how-we-work \u2192 single column (no squished text) *\/\n  .sol-intro, .sol-areas, .sol-hww{ padding:64px 0; }\n  .sol-intro-grid{ grid-template-columns:1fr; gap:36px; }\n  .sol-intro-img img{ height:auto; max-height:420px; }\n  .sol-hww-grid{ grid-template-columns:1fr; gap:36px; }\n  .sol-hww-img{ order:-1; }\n  .sol-hww-img img{ height:auto; max-height:420px; }\n}\n\n\/* ---- iPad landscape (~1024px) ---- *\/\n@media (max-width:1100px){\n  .solutions-grid{ grid-template-columns:repeat(2,1fr); gap:24px; }\n  .waas-grid{ grid-template-columns:repeat(3,1fr); gap:18px; }\n  .waas-card{ padding:28px; min-height:0; }\n  .products-grid{ gap:20px; }\n  .product-body{ padding:24px 26px 22px; }\n}\n\n\/* ---- Tablet \/ iPad portrait (\u2264980px): section layout stacks ---- *\/\n@media (max-width:980px){\n  \/* Tighter section rhythm *\/\n  .about, .solutions, .products, .waas{ padding:72px 0; }\n  .contact{ padding:64px 0; }\n  .section-head{ margin-bottom:40px; }\n\n  \/* Layout stacks *\/\n  .about-grid{ grid-template-columns:1fr; gap:36px; }\n  .about-image img{ height:auto; max-height:420px; }\n  .products-grid{ grid-template-columns:1fr; }\n  .waas-grid{ grid-template-columns:1fr; max-width:560px; margin:0 auto; }\n  .waas-card{ min-height:0; }\n  .contact-card{ grid-template-columns:1fr; }\n  .contact-image img{ min-height:300px; max-height:380px; }\n  .contact-form{ padding:32px; }\n  .footer-top{ grid-template-columns:1fr 1fr; gap:40px; }\n  .footer-brand{ grid-column:1 \/ -1; }\n\n  \/* Type scale *\/\n  .hero h1{ font-size:40px; line-height:52px; }\n  .hero-sub{ font-size:20px; line-height:30px; }\n  .about-text h2{ font-size:36px; line-height:44px; }\n  .section-head h2, .waas-head h2{ font-size:34px; }\n  .final-cta h2{ font-size:38px; line-height:50px; }\n\n  \/* Solutions page *\/\n  .sol-hero{ padding:120px 0 64px; min-height:0; }\n  .sol-hero-img{ width:100%; opacity:.2; }\n  .sol-hero-text{ max-width:none; }\n  .sol-hero-text h1{ font-size:44px; line-height:54px; }\n  .sol-intro, .sol-areas, .sol-hww{ padding:64px 0; }\n  .sol-intro-grid{ grid-template-columns:1fr; gap:36px; }\n  .sol-intro-img img{ height:auto; max-height:420px; }\n  .sol-intro-text p{ font-size:18px; line-height:30px; }\n  .sol-grid{ gap:18px; }                 \/* stays 2-up on iPad, equal height *\/\n  .sol-card-body{ padding:30px 28px 34px; }\n  .sol-areas-head h2{ font-size:34px; }\n  .sol-hww-grid{ grid-template-columns:1fr; gap:36px; }\n  .sol-hww-img{ order:-1; }\n  .sol-hww-text h2{ font-size:36px; line-height:46px; }\n  .sol-hww-text .body1, .sol-hww-text .body2{ font-size:18px; line-height:30px; }\n  .sol-hww-img img{ height:auto; max-height:420px; }\n}\n\n\/* ---- Large phones (\u2264640px) ---- *\/\n@media (max-width:640px){\n  :root{ --gutter:20px; }\n  .about, .solutions, .products, .waas{ padding:56px 0; }\n  .contact, .final-cta{ padding:56px 20px; }\n  .site-footer{ padding:56px var(--gutter) 32px; }\n\n  .solutions-grid{ grid-template-columns:1fr; gap:18px; }\n  .solution-card{ height:300px; }\n  .form-row{ grid-template-columns:1fr; gap:18px; }\n\n  .hero{ min-height:88vh; padding:130px 20px 70px; }\n  .hero h1{ font-size:31px; line-height:42px; }\n  .hero-sub{ font-size:17px; line-height:27px; }\n  .hero-buttons{ width:100%; }\n  .hero-buttons .btn{ flex:1; }\n\n  .about-text h2{ font-size:30px; line-height:38px; }\n  .section-head h2, .waas-head h2{ font-size:28px; }\n  .waas-lead{ font-size:19px; }\n  .final-cta h2{ font-size:28px; line-height:40px; }\n\n  .footer-top{ grid-template-columns:1fr; gap:32px; }\n  .footer-bottom{ flex-direction:column; align-items:flex-start; gap:18px; }\n  .btn{ padding:14px 24px; }\n\n  \/* Solutions page *\/\n  .sol-hero{ padding:104px 0 56px; }\n  .sol-hero-text h1{ font-size:32px; line-height:42px; margin:18px 0 20px; }\n  .sol-hero-text p{ font-size:17px; line-height:27px; }\n  .sol-intro, .sol-areas, .sol-hww{ padding:48px 0; }\n  .sol-grid{ grid-template-columns:1fr; grid-auto-rows:auto; max-width:520px; margin:0 auto; }\n  .sol-card{ height:auto; }\n  .sol-card-img{ flex-basis:auto; height:240px; }\n  .sol-card-body{ padding:28px 24px 30px; }\n  .sol-areas-head h2{ font-size:28px; }\n  .sol-hww-text h2{ font-size:30px; line-height:40px; }\n  .sol-hww-img img{ max-height:300px; }\n}\n\n\/* ---- Small phones (\u2264400px) ---- *\/\n@media (max-width:400px){\n  .hero h1{ font-size:27px; line-height:37px; }\n  .about-text h2{ font-size:27px; line-height:35px; }\n  .hero-buttons{ flex-direction:column; }\n  .hero-buttons .btn{ width:100%; }\n  .about-buttons{ flex-wrap:wrap; }\n  .pill:nth-of-type(2){ display:none; } \/* avoid pill overlap on tiny screens *\/\n}\n\n<\/style>\n<div class=\"melyna-root\">\n\n\n  <!-- ============ HEADER (shared) ============ -->\n  <header class=\"site-header is-solid\" id=\"header\">\n    <div class=\"header-inner\">\n      <a href=\"https:\/\/wdapps.in\/\" class=\"brand\" aria-label=\"Melyna Aqua home\">\n        <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-white-logo.png\" alt=\"Melyna Aqua\" class=\"brand-logo brand-logo--light\" \/>\n        <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-main-logo.png\" alt=\"Melyna Aqua\" class=\"brand-logo brand-logo--dark\" \/>\n      <\/a>\n\n      <nav class=\"main-nav\" aria-label=\"Primary\">\n        <ul>\n          <li><a href=\"https:\/\/wdapps.in\/\">Home<\/a><\/li>\n          <li><a href=\"https:\/\/wdapps.in\/index.php\/solutions\/\" class=\"active\">Solutions<\/a><\/li>\n          <li><a href=\"https:\/\/wdapps.in\/#products\">Products<\/a><\/li>\n          <li><a href=\"https:\/\/wdapps.in\/#waas\">WaaS &amp; Rental<\/a><\/li>\n          <li><a href=\"https:\/\/wdapps.in\/#waas\">Technology<\/a><\/li>\n          <li><a href=\"https:\/\/wdapps.in\/#contact\">About<\/a><\/li>\n        <\/ul>\n      <\/nav>\n\n      <div class=\"header-actions\">\n        <a href=\"https:\/\/wdapps.in\/#contact\" class=\"btn btn-teal btn-contact\">\n          Contact Us\n          <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n        <div class=\"lang-toggle\" role=\"group\" aria-label=\"Language\">\n          <button type=\"button\" class=\"active\">EN<\/button>\n          <button type=\"button\">LT<\/button>\n        <\/div>\n      <\/div>\n\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Toggle menu\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <!-- ============ HERO ============ -->\n  <section class=\"sol-hero\">\n    <img decoding=\"async\" class=\"sol-hero-img\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-sol-hero-hd.jpg\" alt=\"Integrated water treatment system\" \/>\n    <div class=\"container sol-hero-inner\">\n      <div class=\"sol-hero-text reveal\">\n        <span class=\"pill-eyebrow\">SOLUTIONS<\/span>\n        <h1>Integrated Water Solutions<\/h1>\n        <p>We deliver modular water treatment solutions across a wide range of applications \u2014 from potable and processed water to high-purity water for demanding industrial use.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ INTRO ============ -->\n  <section class=\"sol-intro\">\n    <div class=\"container sol-intro-grid\">\n      <div class=\"sol-intro-img reveal\">\n        <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-sol-intro.png\" alt=\"Engineering custom water systems\" \/>\n      <\/div>\n      <div class=\"sol-intro-text reveal\" data-delay=\"120\">\n        <p>Our systems are engineered based on feed water characteristics, required water quality, and operational parameters, combining pretreatment, primary treatment, and post-treatment stages as needed.<\/p>\n        <p>Solutions range from compact units to fully integrated plants, designed for reliable operation and long-term performance.<\/p>\n        <p class=\"accent\">As water resources become increasingly variable and constrained, efficient and adaptable treatment systems are essential.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SOLUTION AREAS ============ -->\n  <section class=\"sol-areas\" id=\"solution-areas\">\n    <div class=\"container\">\n      <div class=\"sol-areas-head reveal\">\n        <span class=\"eyebrow\">WHAT WE DO<\/span>\n        <h2>Solution Areas<\/h2>\n        <span class=\"rule rule--center\"><\/span>\n        <p>From source water to process-ready output, M\u0117lyna Aqua designs modular treatment systems for drinking, process, and high-purity water needs.<\/p>\n      <\/div>\n\n      <div class=\"sol-grid\">\n        <!-- Card 1 \u2014 Source Water (teal) -->\n        <article class=\"sol-card is-teal reveal\">\n          <div class=\"sol-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-sol-area-02.png\" alt=\"Source water treatment\" \/>\n            <span class=\"pill\">Input<\/span>\n          <\/div>\n          <div class=\"sol-card-body\">\n            <h3>Source Water Treatment<\/h3>\n            <p class=\"intro\">Treatment of available water sources to meet required quality standards.<\/p>\n            <ul class=\"sol-bullets\">\n              <li>Surface water<\/li>\n              <li>Groundwater<\/li>\n              <li>Seawater<\/li>\n            <\/ul>\n            <span class=\"sol-divider\"><\/span>\n            <p class=\"sol-foot\">Systems are adapted to site-specific conditions and water characteristics.<\/p>\n            <p class=\"sol-quote\">\u201cWe treat any source water \u2014 regardless of quality\u201d<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Card 2 \u2014 Modular & Containerized (navy) -->\n        <article class=\"sol-card is-navy reveal\" data-delay=\"80\">\n          <div class=\"sol-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-sol-area-01.png\" alt=\"Modular and containerized systems\" \/>\n            <span class=\"pill\">System<\/span>\n          <\/div>\n          <div class=\"sol-card-body\">\n            <h3>Modular &amp; Containerized Systems<\/h3>\n            <p class=\"intro\">Flexible deployment of complete water treatment systems.<\/p>\n            <ul class=\"sol-bullets\">\n              <li>Containerized units<\/li>\n              <li>Plug-and-play solutions<\/li>\n              <li>Mobile installations<\/li>\n            <\/ul>\n            <span class=\"sol-divider\"><\/span>\n            <p class=\"sol-foot\">Designed for rapid deployment and scalable operation.<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Card 3 \u2014 Drinking & Process Water (navy) -->\n        <article class=\"sol-card is-navy reveal\">\n          <div class=\"sol-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-sol-area-03.png\" alt=\"Drinking and process water\" \/>\n            <span class=\"pill\">Output<\/span>\n          <\/div>\n          <div class=\"sol-card-body\">\n            <h3>Drinking &amp; Process Water<\/h3>\n            <p class=\"intro\">Production of water for human consumption and industrial processes.<\/p>\n            <ul class=\"sol-bullets\">\n              <li>Drinking water (potable use)<\/li>\n              <li>Process water for production<\/li>\n              <li>Industrial applications<\/li>\n            <\/ul>\n            <span class=\"sol-divider\"><\/span>\n            <p class=\"sol-foot\">Designed for reliable supply and consistent quality.<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Card 4 \u2014 High-Purity Water (teal) -->\n        <article class=\"sol-card is-teal reveal\" data-delay=\"80\">\n          <div class=\"sol-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-sol-area-04.png\" alt=\"High-purity water\" \/>\n            <span class=\"pill\">Output<\/span>\n          <\/div>\n          <div class=\"sol-card-body\">\n            <h3>High-Purity Water<\/h3>\n            <p class=\"intro\">Water treatment for applications requiring controlled and stable quality.<\/p>\n            <ul class=\"sol-bullets\">\n              <li>Boiler feed water<\/li>\n              <li>Cooling systems<\/li>\n              <li>Pharmaceutical processes<\/li>\n              <li>Industrial production<\/li>\n            <\/ul>\n            <span class=\"sol-divider\"><\/span>\n            <p class=\"sol-foot\">Engineered for precise performance and reliability.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ HOW WE WORK ============ -->\n  <section class=\"sol-hww\">\n    <div class=\"container sol-hww-grid\">\n      <div class=\"sol-hww-text reveal\">\n        <span class=\"eyebrow\">HOW WE WORK<\/span>\n        <h2>How We Work<\/h2>\n        <span class=\"rule\"><\/span>\n        <p class=\"body1\">Each solution is developed based on your water source, required quality, and operational conditions.<\/p>\n        <p class=\"body2\">Systems can be delivered as skid-mounted units, containerized solutions, or fully integrated installations.<\/p>\n        <div class=\"flex-card\">\n          <h3>Flexible Implementation<\/h3>\n          <p>Solutions can be delivered according to your project requirements \u2014 from system supply to rental or Water-as-a-Service (WaaS).<\/p>\n        <\/div>\n        <a href=\"https:\/\/wdapps.in\/#waas\" class=\"btn btn-navy\">Explore WaaS &amp; Rental<\/a>\n      <\/div>\n      <div class=\"sol-hww-img reveal\" data-delay=\"120\">\n        <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-sol-hww.png\" alt=\"Water treatment installation\" \/>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FINAL CTA (shared style) ============ -->\n  <section class=\"final-cta\">\n    <div class=\"cta-content reveal\">\n      <span class=\"eyebrow\">GET IN TOUCH<\/span>\n      <h2>Have a specific requirement?<br \/>Let&#8217;s define the right solution.<\/h2>\n      <div class=\"cta-buttons\">\n        <a href=\"https:\/\/wdapps.in\/#contact\" class=\"btn btn-teal\">Contact Us<\/a>\n        <a href=\"https:\/\/wdapps.in\/#contact\" class=\"btn btn-outline-white\">Request Proposal<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FOOTER (shared) ============ -->\n  <footer class=\"site-footer\">\n    <div class=\"footer-top\">\n      <div class=\"footer-col footer-brand\">\n        <img decoding=\"async\" src=\"https:\/\/wdapps.in\/wp-content\/uploads\/2026\/06\/aquaa-white-logo.png\" alt=\"Melyna Aqua\" class=\"footer-logo\" \/>\n        <p>Integrated water solutions \u2014 from source water to required quality. Delivered as engineered systems or as a service.<\/p>\n        <span class=\"stay\">Stay updated<\/span>\n        <form class=\"newsletter\" onsubmit=\"return false;\">\n          <input type=\"email\" placeholder=\"Your email address\" \/>\n          <button type=\"submit\" class=\"btn btn-teal\">Subscribe<\/button>\n        <\/form>\n      <\/div>\n\n      <div class=\"footer-col\">\n        <h4>Solutions<\/h4>\n        <span class=\"rule rule--sm\"><\/span>\n        <a href=\"https:\/\/wdapps.in\/index.php\/solutions\/\">Drinking &amp; Process Water<\/a>\n        <a href=\"https:\/\/wdapps.in\/index.php\/solutions\/\">High-Purity Water<\/a>\n        <a href=\"https:\/\/wdapps.in\/index.php\/solutions\/\">Source Water<\/a>\n        <a href=\"https:\/\/wdapps.in\/index.php\/solutions\/\">Modular Systems<\/a>\n      <\/div>\n\n      <div class=\"footer-col\">\n        <h4>Products<\/h4>\n        <span class=\"rule rule--sm\"><\/span>\n        <a href=\"https:\/\/wdapps.in\/#products\">Compact Systems<\/a>\n        <a href=\"https:\/\/wdapps.in\/#products\">Modular Systems<\/a>\n        <a href=\"https:\/\/wdapps.in\/#products\">Containerized Systems<\/a>\n        <a href=\"https:\/\/wdapps.in\/#products\">Water Kiosks<\/a>\n      <\/div>\n\n      <div class=\"footer-col\">\n        <h4>Company<\/h4>\n        <span class=\"rule rule--sm\"><\/span>\n        <a href=\"https:\/\/wdapps.in\/#contact\">About Us<\/a>\n        <a href=\"https:\/\/wdapps.in\/#waas\">WaaS &amp; Rental<\/a>\n        <a href=\"#\">Projects<\/a>\n        <a href=\"https:\/\/wdapps.in\/#contact\">Contact<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"footer-divider\"><\/div>\n\n    <div class=\"footer-bottom\">\n      <p>\u00a9 2026 Melyna Aqua. All rights reserved.<\/p>\n      <div class=\"legals\">\n        <a href=\"#\">Privacy Policy<\/a>\n        <a href=\"#\">Terms of Use<\/a>\n        <a href=\"#\">Cookies<\/a>\n      <\/div>\n      <div class=\"social\">\n        <a href=\"#\" aria-label=\"LinkedIn\">in<\/a>\n        <a href=\"#\" aria-label=\"Facebook\">f<\/a>\n        <a href=\"#\" aria-label=\"X\">X<\/a>\n        <a href=\"#\" aria-label=\"Instagram\">ig<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  \n<\/div>\n<script>\n\/* =========================================================\n   Melyna Aqua \u2014 interactions & animations\n   ========================================================= *\/\n(function () {\n  'use strict';\n\n  \/* ---- Header: solid background on scroll ---- *\/\n  var header = document.getElementById('header');\n  function onScroll() {\n    if (window.scrollY > 60) header.classList.add('scrolled');\n    else header.classList.remove('scrolled');\n  }\n  window.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n\n  \/* ---- Mobile nav toggle ---- *\/\n  var navToggle = document.getElementById('navToggle');\n  var nav = document.querySelector('.main-nav');\n  if (navToggle && header) {\n    navToggle.addEventListener('click', function () {\n      var open = header.classList.toggle('nav-open');\n      navToggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n    });\n    \/\/ close the menu after tapping any link or the contact button\n    header.addEventListener('click', function (e) {\n      if (e.target.closest('.main-nav a, .btn-contact')) {\n        header.classList.remove('nav-open');\n        navToggle.setAttribute('aria-expanded', 'false');\n      }\n    });\n  }\n\n  \/* ---- Scroll reveal with stagger ---- *\/\n  var reveals = document.querySelectorAll('.reveal');\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          var delay = entry.target.getAttribute('data-delay') || 0;\n          entry.target.style.transitionDelay = delay + 'ms';\n          entry.target.classList.add('in');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' });\n    reveals.forEach(function (el) { io.observe(el); });\n  } else {\n    reveals.forEach(function (el) { el.classList.add('in'); });\n  }\n\n  \/* ---- Language toggle ---- *\/\n  var langButtons = document.querySelectorAll('.lang-toggle button');\n  langButtons.forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      langButtons.forEach(function (b) { b.classList.remove('active'); });\n      btn.classList.add('active');\n    });\n  });\n\n  \/* ---- Subtle parallax on hero background ---- *\/\n  var hero = document.querySelector('.hero');\n  if (hero && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    window.addEventListener('scroll', function () {\n      var offset = window.scrollY * 0.25;\n      if (window.scrollY < window.innerHeight) {\n        hero.style.backgroundPositionY = offset + 'px';\n      }\n    }, { passive: true });\n  }\n})();\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Home Solutions Products WaaS &amp; Rental Technology About Contact Us \u2192 EN LT SOLUTIONS Integrated Water Solutions We deliver modular water treatment solutions across a wide range of applications \u2014 from potable and processed water to high-purity water for demanding industrial use. Our systems are engineered based on feed water characteristics, required water quality, and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/pages\/58"}],"collection":[{"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":8,"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/pages\/58\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/wdapps.in\/index.php\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}