{"id":3969,"date":"2022-07-08T06:21:21","date_gmt":"2022-07-08T06:21:21","guid":{"rendered":"https:\/\/greenarchitects.in\/stage\/?page_id=3969"},"modified":"2026-10-07T03:06:27","modified_gmt":"2026-10-06T21:36:27","slug":"water-fountains","status":"publish","type":"page","link":"https:\/\/greenarchitects.in\/stage\/water-fountains\/","title":{"rendered":"Water Fountains"},"content":{"rendered":"\n<div class=\"ct-container-full\" data-content=\"normal\">\n<article id=\"post-3969\" class=\"post-3969 page type-page status-publish hentry\">\n<div class=\"entry-content\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css?family=Montserrat:regular,500,700|Open+Sans:regular,300,600,700,800&#038;display=swap\"><style id=\"ga-orig-3969-css\">.ga-orig-3969{font-family:\"Open Sans\",Helvetica,Arial,sans-serif;font-size:13px;line-height:22px;color:#535353}\/*!\r\n * Bootstrap v3.3.5 (http:\/\/getbootstrap.com)\r\n * Copyright 2011-2016 Twitter, Inc.\r\n * Licensed under MIT (https:\/\/github.com\/twbs\/bootstrap\/blob\/master\/LICENSE)\r\n *\/\r\n\r\n\/*!\r\n * Generated using the Bootstrap Customizer (http:\/\/getbootstrap.com\/customize\/?id=1260a93932c356d679a6)\r\n * Config saved to config.json and https:\/\/gist.github.com\/1260a93932c356d679a6\r\n *\/\/*!\r\n * Bootstrap v3.3.6 (http:\/\/getbootstrap.com)\r\n * Copyright 2011-2015 Twitter, Inc.\r\n * Licensed under MIT (https:\/\/github.com\/twbs\/bootstrap\/blob\/master\/LICENSE)\r\n *\/\/*! normalize.css v3.0.3 | MIT License | github.com\/necolas\/normalize.css *\/:where(.ga-orig-3969){font-family:sans-serif}:where(.ga-orig-3969) canvas{vertical-align:baseline}:where(.ga-orig-3969) a:active,:where(.ga-orig-3969) a:hover{outline:0}:where(.ga-orig-3969) img{border:0}:where(.ga-orig-3969) button{color:inherit;font:inherit}:where(.ga-orig-3969) button{cursor:pointer}\/*! Source: https:\/\/github.com\/h5bp\/html5-boilerplate\/blob\/master\/src\/css\/main.css *\/@media print{:where(.ga-orig-3969) *,:where(.ga-orig-3969) :after,:where(.ga-orig-3969) :before{background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}:where(.ga-orig-3969) a,:where(.ga-orig-3969) a:visited{text-decoration:underline}:where(.ga-orig-3969) a[href]:after{content:\" (\" attr(href) \")\"}:where(.ga-orig-3969) img{page-break-inside:avoid}:where(.ga-orig-3969) img{max-width:100%!important}:where(.ga-orig-3969) h2,:where(.ga-orig-3969) h3,:where(.ga-orig-3969) p{orphans:3;widows:3}:where(.ga-orig-3969) h2,:where(.ga-orig-3969) h3{page-break-after:avoid}}:where(.ga-orig-3969) .glyphicon-arrow-left:before{content:\"\\e091\"}:where(.ga-orig-3969) .glyphicon-arrow-right:before{content:\"\\e092\"}:where(.ga-orig-3969) .glyphicon-arrow-up:before{content:\"\\e093\"}:where(.ga-orig-3969) .glyphicon-arrow-down:before{content:\"\\e094\"}:where(.ga-orig-3969) .glyphicon-circle-arrow-right:before{content:\"\\e131\"}:where(.ga-orig-3969) .glyphicon-circle-arrow-left:before{content:\"\\e132\"}:where(.ga-orig-3969) .glyphicon-circle-arrow-up:before{content:\"\\e133\"}:where(.ga-orig-3969) .glyphicon-circle-arrow-down:before{content:\"\\e134\"}:where(.ga-orig-3969) *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ga-orig-3969) :after,:where(.ga-orig-3969) :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ga-orig-3969){font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}:where(.ga-orig-3969){background-color:#fff;color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143}:where(.ga-orig-3969) button{font-family:inherit;font-size:inherit;line-height:inherit}:where(.ga-orig-3969) a{color:#337ab7;text-decoration:none}:where(.ga-orig-3969) a:focus,:where(.ga-orig-3969) a:hover{color:#23527c;text-decoration:underline}:where(.ga-orig-3969) a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}:where(.ga-orig-3969) img{vertical-align:middle}:where(.ga-orig-3969) .h1,:where(.ga-orig-3969) .h2,:where(.ga-orig-3969) .h3,:where(.ga-orig-3969) .h4,:where(.ga-orig-3969) h1,:where(.ga-orig-3969) h2,:where(.ga-orig-3969) h3,:where(.ga-orig-3969) h4{color:inherit;font-family:inherit;font-weight:500;line-height:1.1}:where(.ga-orig-3969) .h1,:where(.ga-orig-3969) .h2,:where(.ga-orig-3969) .h3,:where(.ga-orig-3969) h1,:where(.ga-orig-3969) h2,:where(.ga-orig-3969) h3{margin-bottom:10px;margin-top:20px}:where(.ga-orig-3969) .h4,:where(.ga-orig-3969) h4{margin-bottom:10px;margin-top:10px}:where(.ga-orig-3969) .h1,:where(.ga-orig-3969) h1{font-size:36px}:where(.ga-orig-3969) .h2,:where(.ga-orig-3969) h2{font-size:30px}:where(.ga-orig-3969) .h3,:where(.ga-orig-3969) h3{font-size:24px}:where(.ga-orig-3969) .h4,:where(.ga-orig-3969) h4{font-size:18px}:where(.ga-orig-3969) p{margin:0 0 10px}:where(.ga-orig-3969) ul{margin-bottom:10px;margin-top:0}:where(.ga-orig-3969) ul ul{margin-bottom:0}:where(.ga-orig-3969) .btn{background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857143;margin-bottom:0;padding:6px 12px;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}:where(.ga-orig-3969) .btn:active:focus,:where(.ga-orig-3969) .btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}:where(.ga-orig-3969) .btn:focus,:where(.ga-orig-3969) .btn:hover{color:#333;text-decoration:none}:where(.ga-orig-3969) .btn:active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}:where(.ga-orig-3969) .tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}:where(.ga-orig-3969) .hidden{display:none!important}@-ms-viewport{width:device-width}:where(.ga-orig-3969){background-color:#f5f5f5;color:#535353;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.7}:where(.ga-orig-3969) h1,:where(.ga-orig-3969) h2,:where(.ga-orig-3969) h3,:where(.ga-orig-3969) h4{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}:where(.ga-orig-3969) p{margin:0 0 20px}:where(.ga-orig-3969) a{color:#000}:where(.ga-orig-3969) a:hover{color:#cd2122;text-decoration:none}:where(.ga-orig-3969) a:focus{color:initial;outline:none;text-decoration:none;text-shadow:none}:where(.ga-orig-3969) img{height:auto;max-width:100%}:where(.ga-orig-3969) .fixclear:after,:where(.ga-orig-3969) .fixclear:before{content:\" \";display:table}:where(.ga-orig-3969) .fixclear:after{clear:both}:where(.ga-orig-3969) .uppercase{text-transform:uppercase}:where(.ga-orig-3969)[class*=span]{float:none;margin-left:0}@media (max-width:991px){:where(.ga-orig-3969) .btn{white-space:normal}}:where(.ga-orig-3969) .mfp-container{height:100%;left:0;padding:0 8px;position:absolute;text-align:center;top:0;width:100%}:where(.ga-orig-3969) .mfp-container:before{content:\"\";display:inline-block;height:100%;vertical-align:middle}:where(.ga-orig-3969) .mfp-arrow{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:where(.ga-orig-3969) button.mfp-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:block;outline:none;overflow:visible;padding:0;z-index:1046}:where(.ga-orig-3969) button::-moz-focus-inner{border:0}:where(.ga-orig-3969) .mfp-arrow{height:110px;margin:-55px 0 0;opacity:.65;padding:0;position:absolute;top:50%;width:90px;-webkit-tap-highlight-color:rgba(0,0,0,0)}:where(.ga-orig-3969) .mfp-arrow:active{margin-top:-54px}:where(.ga-orig-3969) .mfp-arrow:focus,:where(.ga-orig-3969) .mfp-arrow:hover{opacity:1}:where(.ga-orig-3969) .mfp-arrow:after,:where(.ga-orig-3969) .mfp-arrow:before{border:inset transparent;content:\"\";display:block;height:0;left:0;margin-left:35px;margin-top:35px;position:absolute;top:0;width:0}:where(.ga-orig-3969) .mfp-arrow:after{border-bottom-width:13px;border-top-width:13px;top:8px}:where(.ga-orig-3969) .mfp-arrow:before{border-bottom-width:21px;border-top-width:21px;opacity:.7}:where(.ga-orig-3969) .mfp-arrow-left{left:0}:where(.ga-orig-3969) .mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}:where(.ga-orig-3969) .mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}:where(.ga-orig-3969) .mfp-arrow-right{right:0}:where(.ga-orig-3969) .mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}:where(.ga-orig-3969) .mfp-arrow-right:before{border-left:27px solid #3f3f3f}@media (max-width:900px){:where(.ga-orig-3969) .mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}:where(.ga-orig-3969) .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}:where(.ga-orig-3969) .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}:where(.ga-orig-3969) .mfp-container{padding-left:6px;padding-right:6px}}:where(.ga-orig-3969) .fxb-row{display:-webkit-box;display:-ms-flexbox;display:flex}:where(.ga-orig-3969) .fxb-row-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:where(.ga-orig-3969) .fxb-grow-0{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width:768px) and (max-width:991px){:where(.ga-orig-3969) .fxb-row-col-md{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:767px){:where(.ga-orig-3969) .fxb-row-col-sm{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}:where(.ga-orig-3969) .maskcontainer--shadow_simple{border-bottom:0!important}:where(.ga-orig-3969) .maskcontainer--shadow_simple_down{border-bottom:0!important}:where(.ga-orig-3969) .maskcontainer--shadow{border-bottom:0!important}:where(.ga-orig-3969) .maskcontainer--shadow_ud{border-bottom:0!important}:where(.ga-orig-3969) .maskcontainer--mask1{border-bottom:0!important;padding-bottom:30px}:where(.ga-orig-3969) .maskcontainer--mask2{border-bottom:0!important;padding-bottom:40px}:where(.ga-orig-3969) .maskcontainer--mask3{border-bottom:0!important;padding-bottom:35px}:where(.ga-orig-3969) .maskcontainer--mask4{border-bottom:0!important;padding-bottom:40px}:where(.ga-orig-3969) .maskcontainer--mask5{border-bottom:0!important;padding-bottom:75px}:where(.ga-orig-3969) .maskcontainer--mask6{border-bottom:0!important;padding-bottom:70px}:where(.ga-orig-3969) .support-panel-container{padding:15px 0}:where(.ga-orig-3969) .siteheader-container{margin-left:auto;margin-right:auto;position:relative}:where(.ga-orig-3969) .page-subheader{background-color:#066fd9;min-height:300px}:where(.ga-orig-3969) .page-subheader .container{padding:0 15px;position:relative;z-index:1}:where(.ga-orig-3969) .page-subheader .bgback{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}:where(.ga-orig-3969) .ph-content-wrap{padding-bottom:50px;padding-top:170px}:where(.ga-orig-3969) .page-subheader{position:relative;top:0;width:100%;z-index:0}:where(.ga-orig-3969) .breadcrumbs{float:left;list-style:none;margin:0 0 10px;padding:0}:where(.ga-orig-3969) .breadcrumbs li{float:left;position:relative;text-transform:uppercase}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li{background:rgba(0,0,0,.8);color:#eee;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:2px;padding:7px 5px 6px}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li:first-child{padding-left:15px}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li:last-child{padding-right:15px}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li a{color:#fff}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li:before{border:4px solid transparent;border-left-color:#fff;content:\"\";display:inline-block;height:0;margin:0 5px;pointer-events:none;width:0}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li:first-child:before{display:none}@media (max-width:767px){:where(.ga-orig-3969) .breadcrumbs.bread-style--black{margin-bottom:20px;padding:3px 6px 2px}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li{font-size:12px;font-weight:400}}:where(.ga-orig-3969) .th-sparkles{display:none}:where(.ga-orig-3969) .th-sparkles>span{background:radial-gradient(ellipse at center,#fff 0,hsla(0,0%,100%,0) 60%);display:block;height:15px;position:absolute;width:15px}:where(.ga-orig-3969) .kl-blog-item-container{background:#fff;border-radius:3px;-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,.15);box-shadow:0 10px 10px -10px rgba(0,0,0,.15);margin-bottom:35px;padding:30px 30px 15px;position:relative}:where(.ga-orig-3969) .kl-blog-item-container:after{border:5px solid transparent;bottom:0;content:\"\";height:0;left:50%;margin-left:-3px;position:absolute;width:0}:where(.ga-orig-3969) .zn_post_media_container{margin-bottom:30px}:where(.ga-orig-3969) canvas{max-width:100%}:where(.ga-orig-3969) .mejs-container{background:transparent!important}\n\n\/*! normalize.css v7.0.0 | MIT License | github.com\/necolas\/normalize.css *\/:where(.ga-orig-3969){line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}:where(.ga-orig-3969){margin:0}:where(.ga-orig-3969) header,:where(.ga-orig-3969) section{display:block}:where(.ga-orig-3969) h1{font-size:2em;margin:.67em 0}:where(.ga-orig-3969) a{background-color:transparent;-webkit-text-decoration-skip:objects}:where(.ga-orig-3969) img{border-style:none}:where(.ga-orig-3969) button{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}:where(.ga-orig-3969) button{overflow:visible}:where(.ga-orig-3969) button{text-transform:none}:where(.ga-orig-3969) button{-webkit-appearance:button}:where(.ga-orig-3969) button::-moz-focus-inner{border-style:none;padding:0}:where(.ga-orig-3969) button:-moz-focusring{outline:1px dotted ButtonText}:where(.ga-orig-3969) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(.ga-orig-3969) canvas{display:inline-block}:where(.ga-orig-3969) [hidden]{display:none}:where(.ga-orig-3969) .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){:where(.ga-orig-3969) .container{width:750px}}@media (min-width:992px){:where(.ga-orig-3969) .container{width:970px}}@media (min-width:1200px){:where(.ga-orig-3969) .container{width:1170px}}:where(.ga-orig-3969) .container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}:where(.ga-orig-3969) .row{margin-left:-15px;margin-right:-15px}:where(.ga-orig-3969) .col-lg-1,:where(.ga-orig-3969) .col-lg-10,:where(.ga-orig-3969) .col-lg-11,:where(.ga-orig-3969) .col-lg-12,:where(.ga-orig-3969) .col-lg-2,:where(.ga-orig-3969) .col-lg-3,:where(.ga-orig-3969) .col-lg-4,:where(.ga-orig-3969) .col-lg-5,:where(.ga-orig-3969) .col-lg-6,:where(.ga-orig-3969) .col-lg-7,:where(.ga-orig-3969) .col-lg-8,:where(.ga-orig-3969) .col-lg-9,:where(.ga-orig-3969) .col-md-1,:where(.ga-orig-3969) .col-md-10,:where(.ga-orig-3969) .col-md-11,:where(.ga-orig-3969) .col-md-12,:where(.ga-orig-3969) .col-md-2,:where(.ga-orig-3969) .col-md-3,:where(.ga-orig-3969) .col-md-4,:where(.ga-orig-3969) .col-md-5,:where(.ga-orig-3969) .col-md-6,:where(.ga-orig-3969) .col-md-7,:where(.ga-orig-3969) .col-md-8,:where(.ga-orig-3969) .col-md-9,:where(.ga-orig-3969) .col-sm-1,:where(.ga-orig-3969) .col-sm-10,:where(.ga-orig-3969) .col-sm-11,:where(.ga-orig-3969) .col-sm-12,:where(.ga-orig-3969) .col-sm-2,:where(.ga-orig-3969) .col-sm-3,:where(.ga-orig-3969) .col-sm-4,:where(.ga-orig-3969) .col-sm-5,:where(.ga-orig-3969) .col-sm-6,:where(.ga-orig-3969) .col-sm-7,:where(.ga-orig-3969) .col-sm-8,:where(.ga-orig-3969) .col-sm-9,:where(.ga-orig-3969) .col-xs-1,:where(.ga-orig-3969) .col-xs-10,:where(.ga-orig-3969) .col-xs-11,:where(.ga-orig-3969) .col-xs-12,:where(.ga-orig-3969) .col-xs-2,:where(.ga-orig-3969) .col-xs-3,:where(.ga-orig-3969) .col-xs-4,:where(.ga-orig-3969) .col-xs-5,:where(.ga-orig-3969) .col-xs-6,:where(.ga-orig-3969) .col-xs-7,:where(.ga-orig-3969) .col-xs-8,:where(.ga-orig-3969) .col-xs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}:where(.ga-orig-3969) .col-xs-1,:where(.ga-orig-3969) .col-xs-10,:where(.ga-orig-3969) .col-xs-11,:where(.ga-orig-3969) .col-xs-12,:where(.ga-orig-3969) .col-xs-2,:where(.ga-orig-3969) .col-xs-3,:where(.ga-orig-3969) .col-xs-4,:where(.ga-orig-3969) .col-xs-5,:where(.ga-orig-3969) .col-xs-6,:where(.ga-orig-3969) .col-xs-7,:where(.ga-orig-3969) .col-xs-8,:where(.ga-orig-3969) .col-xs-9{float:left}:where(.ga-orig-3969) .col-xs-12{width:100%}:where(.ga-orig-3969) .col-xs-11{width:91.66666667%}:where(.ga-orig-3969) .col-xs-10{width:83.33333333%}:where(.ga-orig-3969) .col-xs-9{width:75%}:where(.ga-orig-3969) .col-xs-8{width:66.66666667%}:where(.ga-orig-3969) .col-xs-7{width:58.33333333%}:where(.ga-orig-3969) .col-xs-6{width:50%}:where(.ga-orig-3969) .col-xs-5{width:41.66666667%}:where(.ga-orig-3969) .col-xs-4{width:33.33333333%}:where(.ga-orig-3969) .col-xs-3{width:25%}:where(.ga-orig-3969) .col-xs-2{width:16.66666667%}:where(.ga-orig-3969) .col-xs-1{width:8.33333333%}:where(.ga-orig-3969) .col-xs-pull-12{right:100%}:where(.ga-orig-3969) .col-xs-pull-11{right:91.66666667%}:where(.ga-orig-3969) .col-xs-pull-10{right:83.33333333%}:where(.ga-orig-3969) .col-xs-pull-9{right:75%}:where(.ga-orig-3969) .col-xs-pull-8{right:66.66666667%}:where(.ga-orig-3969) .col-xs-pull-7{right:58.33333333%}:where(.ga-orig-3969) .col-xs-pull-6{right:50%}:where(.ga-orig-3969) .col-xs-pull-5{right:41.66666667%}:where(.ga-orig-3969) .col-xs-pull-4{right:33.33333333%}:where(.ga-orig-3969) .col-xs-pull-3{right:25%}:where(.ga-orig-3969) .col-xs-pull-2{right:16.66666667%}:where(.ga-orig-3969) .col-xs-pull-1{right:8.33333333%}:where(.ga-orig-3969) .col-xs-pull-0{right:auto}:where(.ga-orig-3969) .col-xs-push-12{left:100%}:where(.ga-orig-3969) .col-xs-push-11{left:91.66666667%}:where(.ga-orig-3969) .col-xs-push-10{left:83.33333333%}:where(.ga-orig-3969) .col-xs-push-9{left:75%}:where(.ga-orig-3969) .col-xs-push-8{left:66.66666667%}:where(.ga-orig-3969) .col-xs-push-7{left:58.33333333%}:where(.ga-orig-3969) .col-xs-push-6{left:50%}:where(.ga-orig-3969) .col-xs-push-5{left:41.66666667%}:where(.ga-orig-3969) .col-xs-push-4{left:33.33333333%}:where(.ga-orig-3969) .col-xs-push-3{left:25%}:where(.ga-orig-3969) .col-xs-push-2{left:16.66666667%}:where(.ga-orig-3969) .col-xs-push-1{left:8.33333333%}:where(.ga-orig-3969) .col-xs-push-0{left:auto}:where(.ga-orig-3969) .col-xs-offset-12{margin-left:100%}:where(.ga-orig-3969) .col-xs-offset-11{margin-left:91.66666667%}:where(.ga-orig-3969) .col-xs-offset-10{margin-left:83.33333333%}:where(.ga-orig-3969) .col-xs-offset-9{margin-left:75%}:where(.ga-orig-3969) .col-xs-offset-8{margin-left:66.66666667%}:where(.ga-orig-3969) .col-xs-offset-7{margin-left:58.33333333%}:where(.ga-orig-3969) .col-xs-offset-6{margin-left:50%}:where(.ga-orig-3969) .col-xs-offset-5{margin-left:41.66666667%}:where(.ga-orig-3969) .col-xs-offset-4{margin-left:33.33333333%}:where(.ga-orig-3969) .col-xs-offset-3{margin-left:25%}:where(.ga-orig-3969) .col-xs-offset-2{margin-left:16.66666667%}:where(.ga-orig-3969) .col-xs-offset-1{margin-left:8.33333333%}:where(.ga-orig-3969) .col-xs-offset-0{margin-left:0}@media (min-width:768px){:where(.ga-orig-3969) .col-sm-1,:where(.ga-orig-3969) .col-sm-10,:where(.ga-orig-3969) .col-sm-11,:where(.ga-orig-3969) .col-sm-12,:where(.ga-orig-3969) .col-sm-2,:where(.ga-orig-3969) .col-sm-3,:where(.ga-orig-3969) .col-sm-4,:where(.ga-orig-3969) .col-sm-5,:where(.ga-orig-3969) .col-sm-6,:where(.ga-orig-3969) .col-sm-7,:where(.ga-orig-3969) .col-sm-8,:where(.ga-orig-3969) .col-sm-9{float:left}:where(.ga-orig-3969) .col-sm-12{width:100%}:where(.ga-orig-3969) .col-sm-11{width:91.66666667%}:where(.ga-orig-3969) .col-sm-10{width:83.33333333%}:where(.ga-orig-3969) .col-sm-9{width:75%}:where(.ga-orig-3969) .col-sm-8{width:66.66666667%}:where(.ga-orig-3969) .col-sm-7{width:58.33333333%}:where(.ga-orig-3969) .col-sm-6{width:50%}:where(.ga-orig-3969) .col-sm-5{width:41.66666667%}:where(.ga-orig-3969) .col-sm-4{width:33.33333333%}:where(.ga-orig-3969) .col-sm-3{width:25%}:where(.ga-orig-3969) .col-sm-2{width:16.66666667%}:where(.ga-orig-3969) .col-sm-1{width:8.33333333%}:where(.ga-orig-3969) .col-sm-pull-12{right:100%}:where(.ga-orig-3969) .col-sm-pull-11{right:91.66666667%}:where(.ga-orig-3969) .col-sm-pull-10{right:83.33333333%}:where(.ga-orig-3969) .col-sm-pull-9{right:75%}:where(.ga-orig-3969) .col-sm-pull-8{right:66.66666667%}:where(.ga-orig-3969) .col-sm-pull-7{right:58.33333333%}:where(.ga-orig-3969) .col-sm-pull-6{right:50%}:where(.ga-orig-3969) .col-sm-pull-5{right:41.66666667%}:where(.ga-orig-3969) .col-sm-pull-4{right:33.33333333%}:where(.ga-orig-3969) .col-sm-pull-3{right:25%}:where(.ga-orig-3969) .col-sm-pull-2{right:16.66666667%}:where(.ga-orig-3969) .col-sm-pull-1{right:8.33333333%}:where(.ga-orig-3969) .col-sm-pull-0{right:auto}:where(.ga-orig-3969) .col-sm-push-12{left:100%}:where(.ga-orig-3969) .col-sm-push-11{left:91.66666667%}:where(.ga-orig-3969) .col-sm-push-10{left:83.33333333%}:where(.ga-orig-3969) .col-sm-push-9{left:75%}:where(.ga-orig-3969) .col-sm-push-8{left:66.66666667%}:where(.ga-orig-3969) .col-sm-push-7{left:58.33333333%}:where(.ga-orig-3969) .col-sm-push-6{left:50%}:where(.ga-orig-3969) .col-sm-push-5{left:41.66666667%}:where(.ga-orig-3969) .col-sm-push-4{left:33.33333333%}:where(.ga-orig-3969) .col-sm-push-3{left:25%}:where(.ga-orig-3969) .col-sm-push-2{left:16.66666667%}:where(.ga-orig-3969) .col-sm-push-1{left:8.33333333%}:where(.ga-orig-3969) .col-sm-push-0{left:auto}:where(.ga-orig-3969) .col-sm-offset-12{margin-left:100%}:where(.ga-orig-3969) .col-sm-offset-11{margin-left:91.66666667%}:where(.ga-orig-3969) .col-sm-offset-10{margin-left:83.33333333%}:where(.ga-orig-3969) .col-sm-offset-9{margin-left:75%}:where(.ga-orig-3969) .col-sm-offset-8{margin-left:66.66666667%}:where(.ga-orig-3969) .col-sm-offset-7{margin-left:58.33333333%}:where(.ga-orig-3969) .col-sm-offset-6{margin-left:50%}:where(.ga-orig-3969) .col-sm-offset-5{margin-left:41.66666667%}:where(.ga-orig-3969) .col-sm-offset-4{margin-left:33.33333333%}:where(.ga-orig-3969) .col-sm-offset-3{margin-left:25%}:where(.ga-orig-3969) .col-sm-offset-2{margin-left:16.66666667%}:where(.ga-orig-3969) .col-sm-offset-1{margin-left:8.33333333%}:where(.ga-orig-3969) .col-sm-offset-0{margin-left:0}}@media (min-width:992px){:where(.ga-orig-3969) .col-md-1,:where(.ga-orig-3969) .col-md-10,:where(.ga-orig-3969) .col-md-11,:where(.ga-orig-3969) .col-md-12,:where(.ga-orig-3969) .col-md-2,:where(.ga-orig-3969) .col-md-3,:where(.ga-orig-3969) .col-md-4,:where(.ga-orig-3969) .col-md-5,:where(.ga-orig-3969) .col-md-6,:where(.ga-orig-3969) .col-md-7,:where(.ga-orig-3969) .col-md-8,:where(.ga-orig-3969) .col-md-9{float:left}:where(.ga-orig-3969) .col-md-12{width:100%}:where(.ga-orig-3969) .col-md-11{width:91.66666667%}:where(.ga-orig-3969) .col-md-10{width:83.33333333%}:where(.ga-orig-3969) .col-md-9{width:75%}:where(.ga-orig-3969) .col-md-8{width:66.66666667%}:where(.ga-orig-3969) .col-md-7{width:58.33333333%}:where(.ga-orig-3969) .col-md-6{width:50%}:where(.ga-orig-3969) .col-md-5{width:41.66666667%}:where(.ga-orig-3969) .col-md-4{width:33.33333333%}:where(.ga-orig-3969) .col-md-3{width:25%}:where(.ga-orig-3969) .col-md-2{width:16.66666667%}:where(.ga-orig-3969) .col-md-1{width:8.33333333%}:where(.ga-orig-3969) .col-md-pull-12{right:100%}:where(.ga-orig-3969) .col-md-pull-11{right:91.66666667%}:where(.ga-orig-3969) .col-md-pull-10{right:83.33333333%}:where(.ga-orig-3969) .col-md-pull-9{right:75%}:where(.ga-orig-3969) .col-md-pull-8{right:66.66666667%}:where(.ga-orig-3969) .col-md-pull-7{right:58.33333333%}:where(.ga-orig-3969) .col-md-pull-6{right:50%}:where(.ga-orig-3969) .col-md-pull-5{right:41.66666667%}:where(.ga-orig-3969) .col-md-pull-4{right:33.33333333%}:where(.ga-orig-3969) .col-md-pull-3{right:25%}:where(.ga-orig-3969) .col-md-pull-2{right:16.66666667%}:where(.ga-orig-3969) .col-md-pull-1{right:8.33333333%}:where(.ga-orig-3969) .col-md-pull-0{right:auto}:where(.ga-orig-3969) .col-md-push-12{left:100%}:where(.ga-orig-3969) .col-md-push-11{left:91.66666667%}:where(.ga-orig-3969) .col-md-push-10{left:83.33333333%}:where(.ga-orig-3969) .col-md-push-9{left:75%}:where(.ga-orig-3969) .col-md-push-8{left:66.66666667%}:where(.ga-orig-3969) .col-md-push-7{left:58.33333333%}:where(.ga-orig-3969) .col-md-push-6{left:50%}:where(.ga-orig-3969) .col-md-push-5{left:41.66666667%}:where(.ga-orig-3969) .col-md-push-4{left:33.33333333%}:where(.ga-orig-3969) .col-md-push-3{left:25%}:where(.ga-orig-3969) .col-md-push-2{left:16.66666667%}:where(.ga-orig-3969) .col-md-push-1{left:8.33333333%}:where(.ga-orig-3969) .col-md-push-0{left:auto}:where(.ga-orig-3969) .col-md-offset-12{margin-left:100%}:where(.ga-orig-3969) .col-md-offset-11{margin-left:91.66666667%}:where(.ga-orig-3969) .col-md-offset-10{margin-left:83.33333333%}:where(.ga-orig-3969) .col-md-offset-9{margin-left:75%}:where(.ga-orig-3969) .col-md-offset-8{margin-left:66.66666667%}:where(.ga-orig-3969) .col-md-offset-7{margin-left:58.33333333%}:where(.ga-orig-3969) .col-md-offset-6{margin-left:50%}:where(.ga-orig-3969) .col-md-offset-5{margin-left:41.66666667%}:where(.ga-orig-3969) .col-md-offset-4{margin-left:33.33333333%}:where(.ga-orig-3969) .col-md-offset-3{margin-left:25%}:where(.ga-orig-3969) .col-md-offset-2{margin-left:16.66666667%}:where(.ga-orig-3969) .col-md-offset-1{margin-left:8.33333333%}:where(.ga-orig-3969) .col-md-offset-0{margin-left:0}}@media (min-width:1200px){:where(.ga-orig-3969) .col-lg-1,:where(.ga-orig-3969) .col-lg-10,:where(.ga-orig-3969) .col-lg-11,:where(.ga-orig-3969) .col-lg-12,:where(.ga-orig-3969) .col-lg-2,:where(.ga-orig-3969) .col-lg-3,:where(.ga-orig-3969) .col-lg-4,:where(.ga-orig-3969) .col-lg-5,:where(.ga-orig-3969) .col-lg-6,:where(.ga-orig-3969) .col-lg-7,:where(.ga-orig-3969) .col-lg-8,:where(.ga-orig-3969) .col-lg-9{float:left}:where(.ga-orig-3969) .col-lg-12{width:100%}:where(.ga-orig-3969) .col-lg-11{width:91.66666667%}:where(.ga-orig-3969) .col-lg-10{width:83.33333333%}:where(.ga-orig-3969) .col-lg-9{width:75%}:where(.ga-orig-3969) .col-lg-8{width:66.66666667%}:where(.ga-orig-3969) .col-lg-7{width:58.33333333%}:where(.ga-orig-3969) .col-lg-6{width:50%}:where(.ga-orig-3969) .col-lg-5{width:41.66666667%}:where(.ga-orig-3969) .col-lg-4{width:33.33333333%}:where(.ga-orig-3969) .col-lg-3{width:25%}:where(.ga-orig-3969) .col-lg-2{width:16.66666667%}:where(.ga-orig-3969) .col-lg-1{width:8.33333333%}:where(.ga-orig-3969) .col-lg-pull-12{right:100%}:where(.ga-orig-3969) .col-lg-pull-11{right:91.66666667%}:where(.ga-orig-3969) .col-lg-pull-10{right:83.33333333%}:where(.ga-orig-3969) .col-lg-pull-9{right:75%}:where(.ga-orig-3969) .col-lg-pull-8{right:66.66666667%}:where(.ga-orig-3969) .col-lg-pull-7{right:58.33333333%}:where(.ga-orig-3969) .col-lg-pull-6{right:50%}:where(.ga-orig-3969) .col-lg-pull-5{right:41.66666667%}:where(.ga-orig-3969) .col-lg-pull-4{right:33.33333333%}:where(.ga-orig-3969) .col-lg-pull-3{right:25%}:where(.ga-orig-3969) .col-lg-pull-2{right:16.66666667%}:where(.ga-orig-3969) .col-lg-pull-1{right:8.33333333%}:where(.ga-orig-3969) .col-lg-pull-0{right:auto}:where(.ga-orig-3969) .col-lg-push-12{left:100%}:where(.ga-orig-3969) .col-lg-push-11{left:91.66666667%}:where(.ga-orig-3969) .col-lg-push-10{left:83.33333333%}:where(.ga-orig-3969) .col-lg-push-9{left:75%}:where(.ga-orig-3969) .col-lg-push-8{left:66.66666667%}:where(.ga-orig-3969) .col-lg-push-7{left:58.33333333%}:where(.ga-orig-3969) .col-lg-push-6{left:50%}:where(.ga-orig-3969) .col-lg-push-5{left:41.66666667%}:where(.ga-orig-3969) .col-lg-push-4{left:33.33333333%}:where(.ga-orig-3969) .col-lg-push-3{left:25%}:where(.ga-orig-3969) .col-lg-push-2{left:16.66666667%}:where(.ga-orig-3969) .col-lg-push-1{left:8.33333333%}:where(.ga-orig-3969) .col-lg-push-0{left:auto}:where(.ga-orig-3969) .col-lg-offset-12{margin-left:100%}:where(.ga-orig-3969) .col-lg-offset-11{margin-left:91.66666667%}:where(.ga-orig-3969) .col-lg-offset-10{margin-left:83.33333333%}:where(.ga-orig-3969) .col-lg-offset-9{margin-left:75%}:where(.ga-orig-3969) .col-lg-offset-8{margin-left:66.66666667%}:where(.ga-orig-3969) .col-lg-offset-7{margin-left:58.33333333%}:where(.ga-orig-3969) .col-lg-offset-6{margin-left:50%}:where(.ga-orig-3969) .col-lg-offset-5{margin-left:41.66666667%}:where(.ga-orig-3969) .col-lg-offset-4{margin-left:33.33333333%}:where(.ga-orig-3969) .col-lg-offset-3{margin-left:25%}:where(.ga-orig-3969) .col-lg-offset-2{margin-left:16.66666667%}:where(.ga-orig-3969) .col-lg-offset-1{margin-left:8.33333333%}:where(.ga-orig-3969) .col-lg-offset-0{margin-left:0}}:where(.ga-orig-3969) .col-lg-1-5,:where(.ga-orig-3969) .col-lg-24,:where(.ga-orig-3969) .col-md-1-5,:where(.ga-orig-3969) .col-md-24,:where(.ga-orig-3969) .col-sm-1-5,:where(.ga-orig-3969) .col-sm-24,:where(.ga-orig-3969) .col-xs-1-5,:where(.ga-orig-3969) .col-xs-24{min-height:1px;padding-left:15px;padding-right:15px;position:relative}:where(.ga-orig-3969) .col-xs-1-5{float:left;width:20%}@media (min-width:768px){:where(.ga-orig-3969) .col-sm-1-5,:where(.ga-orig-3969) .col-sm-24{float:left;width:20%}}@media (min-width:992px){:where(.ga-orig-3969) .col-md-1-5,:where(.ga-orig-3969) .col-md-24{float:left;width:20%}}@media (min-width:1200px){:where(.ga-orig-3969) .col-lg-1-5,:where(.ga-orig-3969) .col-lg-24{float:left;width:20%}}:where(.ga-orig-3969) .clearfix:after,:where(.ga-orig-3969) .clearfix:before,:where(.ga-orig-3969) .container-fluid:after,:where(.ga-orig-3969) .container-fluid:before,:where(.ga-orig-3969) .container:after,:where(.ga-orig-3969) .container:before,:where(.ga-orig-3969) .row:after,:where(.ga-orig-3969) .row:before{content:\" \";display:table}:where(.ga-orig-3969) .clearfix:after,:where(.ga-orig-3969) .container-fluid:after,:where(.ga-orig-3969) .container:after,:where(.ga-orig-3969) .row:after{clear:both}:where(.ga-orig-3969) .zn-bgSource,:where(.ga-orig-3969) .zn-bgSource-image{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}:where(.ga-orig-3969) .zn-bgSource-image{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}:where(.ga-orig-3969) .zn_pb_wrapper .eluid0da39a1b.page-subheader{height:235px}@media (min-width:992px) and (max-width:1199px){:where(.ga-orig-3969) .zn_pb_wrapper .eluid0da39a1b.page-subheader{height:300px}}:where(.ga-orig-3969) .zn_pb_wrapper .eluid0da39a1b.page-subheader{min-height:235px}@media (min-width:992px) and (max-width:1199px){:where(.ga-orig-3969) .zn_pb_wrapper .eluid0da39a1b.page-subheader{min-height:300px}}:where(.ga-orig-3969) .eluid0da39a1b.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}@media screen and (min-width:992px) and (max-width:1199px){:where(.ga-orig-3969) .eluid0da39a1b.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}@media screen and (min-width:768px) and (max-width:991px){:where(.ga-orig-3969) .eluid0da39a1b.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}@media screen and (max-width:767px){:where(.ga-orig-3969) .eluid0da39a1b.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}:where(.ga-orig-3969) h1{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-3969) h2{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-3969) h3{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-3969) h4{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px}:where(.ga-orig-3969){font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:13px;line-height:22px}:where(.ga-orig-3969) a:focus,:where(.ga-orig-3969) a:hover{color:#006035}:where(.ga-orig-3969) .page-subheader.uh_zn_def_header_style,:where(.ga-orig-3969) .uh_zn_def_header_style{background-color:#066fd9}:where(.ga-orig-3969) .page-subheader.uh_zn_def_header_style{min-height:300px}:where(.ga-orig-3969) .page-subheader.uh_zn_def_header_style{height:300px}:where(.ga-orig-3969) .page-subheader.uh_zn_def_header_style .ph-content-wrap{padding-top:170px}:where(.ga-orig-3969) .offline-page-container:after{border-top-color:#006035}:where(.ga-orig-3969) .offline-page-container{border-bottom-color:#006035}:where(.ga-orig-3969) .breadcrumbs.bread-style--black li:before{border-left-color:#006035}:where(.ga-orig-3969) .zb-el-container{display:flex;flex-direction:column;max-width:100%}:where(.ga-orig-3969) .hg-video-bg__container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}:where(.ga-orig-3969) .zb-flex--row{flex-direction:row}:where(.ga-orig-3969) .zb-flex--row-reverse{flex-direction:row-reverse}:where(.ga-orig-3969) :where([style^=border-color]){border-style:solid}:where(.ga-orig-3969){padding:0}\/* live page custom CSS (.page-id-3969) *\/@media (min-width:992px){.ga-orig-3969 .ga-fullscreen-hero-layout{padding-top:110px}}\/* live has no overflow-wrap:break-word (Blocksy adds it) *\/.ga-orig-3969{overflow-wrap:normal}<\/style>\n\n\n\n<div class=\"ga-orig-3969 ga-orig-banner\"><div class=\"zn_pb_wrapper clearfix\"><div id=\"page_header\" class=\"page-subheader page-subheader--custom site-subheader-cst uh_zn_def_header_style eluid0da39a1b  psubhead-stheader--absolute sh-tcolor--light\">\n\n    <div class=\"bgback\"><\/div>\n\n    <div class=\"zn-bgSource \"  ><div class=\"zn-bgSource-image\" style=\"background-image:url(https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/tiered-water-fountain.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll\"><\/div><\/div>\n    <div class=\"th-sparkles\"><\/div>\n\n    <!-- DEFAULT HEADER STYLE -->\n    <div class=\"ph-content-wrap\">\n        <div class=\"ph-content-v-center\">\n            <div>\n                <div class=\"container\">\n                    <div class=\"row\">\n                                                <div class=\"col-sm-12\">\n                            <ul vocab=\"http:\/\/schema.org\/\" typeof=\"BreadcrumbList\" class=\"breadcrumbs fixclear bread-style--black\"><li property=\"itemListElement\" typeof=\"ListItem\"><a property=\"item\" typeof=\"WebPage\" href=\"https:\/\/greenarchitects.in\/stage\/\"><span property=\"name\">Home<\/span><\/a><meta property=\"position\" content=\"1\"><\/li><li>Water Fountains<\/li><\/ul>                            <div class=\"clearfix\"><\/div>\n                        <\/div>\n                        \n                                            <\/div>\n                    <!-- end row -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"zn_header_bottom_style\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"ga-orig-3969 ga-orig-custom\"><div class=\"zn_pb_wrapper clearfix\"><div class=\"zn_custom_html eluidf7ccad9e \" >\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght=0,300;0,400;0,500;1,400&amp;family=Plus+Jakarta+Sans:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\"\/>\n\n  <style>\n    \/* ==========================================================================\n       1. GLOBAL LUXURY SYSTEM STYLE VARIABLES & SYSTEM CORE\n       ========================================================================== *\/\n    :root {\n      --ga-brand-green: #006035;       \/* Primary master brand green *\/\n      --ga-bg-dark: #041c12;           \/* Dark canvas *\/\n      --ga-accent-green: #00a05b;      \/* Bright premium glow accent *\/\n      --ga-text-light: #ffffff;        \/* Pure high-contrast white text *\/\n      --ga-text-muted: #b7c9c0;        \/* Silver-green readability text *\/\n      \n      --ga-surface-glass: rgba(255, 255, 255, 0.03);\n      --ga-glass-border: rgba(255, 255, 255, 0.08);\n      --ga-green-glow: 0 0 30px rgba(0, 96, 53, 0.4);\n      \n      --ga-font-serif: 'Cormorant Garamond', serif;\n      --ga-font-sans: 'Plus Jakarta Sans', sans-serif;\n      --ga-curve: cubic-bezier(0.25, 1, 0.5, 1);\n      --ga-anim-slow: 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n\n    :where(.ga-orig-3969) * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \n\n    .ga-orig-3969 {\n      font-family: var(--ga-font-sans);\n      color: var(--ga-text-light);\n      overflow-x: hidden;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .ga-content-container {\n      width: 100%;\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 60px;\n    }\n\n    .ga-section-padding {\n      padding: 120px 0;\n    }\n\n    .ga-meta-badge {\n      display: inline-flex;\n      align-items: center;\n      font-size: 10px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      color: var(--ga-accent-green);\n      margin-bottom: 25px;\n    }\n\n    .ga-action-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 20px 42px;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      text-decoration: none;\n      transition: all 0.4s var(--ga-curve);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .ga-display-heading-center {\n      text-align: center;\n      max-width: 850px;\n      margin: 0 auto 80px auto;\n    }\n\n    .ga-display-heading-center h2 {\n      font-family: var(--ga-font-serif);\n      font-size: clamp(36px, 4.5vw, 62px);\n      font-weight: 300;\n      line-height: 1.15;\n      letter-spacing: -1.5px;\n    }\n\n    .ga-display-heading-center h2 em {\n      font-style: italic;\n      color: var(--ga-accent-green);\n    }\n\n    \/* ==========================================================================\n       MODULE 1: FULLSCREEN SPLIT HERO ARCHITECTURE\n       ========================================================================== *\/\n    .ga-fullscreen-hero {\n      width: 100%;\n      height: 100vh;\n      position: relative;\n      display: flex;\n      align-items: center;\n      overflow: hidden;\n      background: radial-gradient(circle at 20% 50%, rgba(0, 96, 53, 0.55) 0%, transparent 40%),\n                  radial-gradient(circle at 80% 30%, rgba(0, 96, 53, 0.25) 0%, transparent 40%),\n                  linear-gradient(135deg, #00140b 0%, #003d22 45%, #01120a 100%);\n    }\n\n    .ga-fullscreen-hero-layout {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 40px;\n      align-items: center;\n      width: 100%;\n    }\n\n    .ga-hero-left-typography {\n      grid-column: 1 \/ span 7;\n      position: relative;\n      z-index: 10;\n    }\n\n    .ga-hero-huge-title {\n      font-family: var(--ga-font-serif);\n      font-size: clamp(44px, 5.8vw, 86px);\n      font-weight: 300;\n      line-height: 1.05;\n      letter-spacing: -3px;\n      margin-bottom: 35px;\n    }\n\n    .ga-hero-huge-title em {\n      font-style: italic;\n      color: var(--ga-accent-green);\n      font-weight: 400;\n    }\n\n    .ga-hero-glass-card {\n      background: var(--ga-surface-glass);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border: 1px solid var(--ga-glass-border);\n      padding: 35px;\n      border-radius: 20px;\n      margin-bottom: 45px;\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-hero-glass-card p {\n      font-size: clamp(15px, 1.4vw, 19px);\n      line-height: 1.8;\n      color: var(--ga-text-muted);\n      font-weight: 300;\n    }\n\n    .ga-hero-action-row {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .ga-btn-brand-solid {\n      background: white;\n      color: black;\n      border: 1px solid var(--ga-brand-green);\n      font-weight: 900;\n    }\n\n    .ga-btn-brand-solid:hover {\n      background: var(--ga-accent-green);\n      border-color: var(--ga-accent-green);\n      transform: translateY(-4px);\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-btn-brand-outline {\n      background: transparent;\n      color: var(--ga-text-light);\n      border: 1px solid var(--ga-glass-border);\n      backdrop-filter: blur(10px);\n    }\n\n    .ga-btn-brand-outline:hover {\n      background: rgba(255,255,255,0.05);\n      border-color: #ffffff;\n      transform: translateY(-4px);\n    }\n\n    \/* Right Split Media Wrapper *\/\n    .ga-hero-right-media-stack {\n      grid-column: 8 \/ span 5;\n      position: relative;\n      z-index: 5;\n    }\n\n    .ga-hero-massive-media-frame {\n      width: 100%;\n      height: 600px;\n      border-radius: 28px;\n      overflow: hidden;\n      box-shadow: 0 40px 80px rgba(0,0,0,0.6);\n      border: 1px solid var(--ga-glass-border);\n      position: relative;\n    }\n\n    .ga-hero-massive-media-frame img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    \/* Floating Specification Cards Subsystem *\/\n    .ga-hero-spec-float-pill {\n      position: absolute;\n      right: -30px;\n      bottom: 60px;\n      background: rgba(4, 28, 18, 0.75);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border: 1px solid var(--ga-brand-green);\n      padding: 25px 30px;\n      border-radius: 16px;\n      max-width: 300px;\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-hero-spec-float-pill h4 {\n      font-family: var(--ga-font-serif);\n      font-size: 22px;\n      color: var(--ga-text-light);\n      margin-bottom: 8px;\n    }\n\n    .ga-hero-spec-float-pill p {\n      font-size: 13px;\n      line-height: 1.6;\n      color: var(--ga-text-muted);\n    }\n\n    \/* ==========================================================================\n       MODULE 2: FOUNTAIN PERFORMANCE DASHBOARD GRID\n       ========================================================================== *\/\n    .ga-dashboard-section {\n      width: 100%;\n      background: var(--ga-bg-dark);\n      padding: 60px 0 120px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .ga-dashboard-metrics-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 20px;\n    }\n\n    .ga-dashboard-metric-card {\n      background: var(--ga-surface-glass);\n      backdrop-filter: blur(15px);\n      -webkit-backdrop-filter: blur(15px);\n      border: 1px solid var(--ga-glass-border);\n      padding: 40px 30px;\n      border-radius: 20px;\n      transition: var(--ga-anim-slow);\n    }\n\n    .ga-dashboard-metric-card:hover {\n      transform: translateY(-10px);\n      border-color: var(--ga-brand-green);\n      box-shadow: var(--ga-green-glow);\n      background: rgba(0, 96, 53, 0.1);\n    }\n\n    .ga-dashboard-metric-card h3 {\n      font-family: var(--ga-font-serif);\n      font-size: 46px;\n      font-weight: 300;\n      color: var(--ga-text-light);\n      margin-bottom: 10px;\n    }\n\n    .ga-dashboard-metric-card h3 span {\n      color: var(--ga-accent-green);\n    }\n\n    .ga-dashboard-metric-card p {\n      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: var(--ga-text-muted);\n      font-weight: 600;\n      line-height: 1.4;\n    }\n\n    \/* ==========================================================================\n       MODULE 3: BENEFITS TIMELINE SECTION\n       ========================================================================== *\/\n    .ga-timeline-journey-section {\n      width: 100%;\n      background: var(--ga-bg-dark);\n      position: relative;\n    }\n\n    .ga-timeline-spine-track {\n      position: relative;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    .ga-timeline-spine-track::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 50%;\n      width: 2px;\n      background: linear-gradient(180deg, var(--ga-brand-green) 0%, var(--ga-accent-green) 50%, rgba(255,255,255,0.05) 100%);\n      transform: translateX(-50%);\n    }\n\n    .ga-timeline-milestone-node {\n      position: relative;\n      width: 100%;\n      margin-bottom: 100px;\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      align-items: center;\n    }\n\n    .ga-timeline-milestone-node:last-child { margin-bottom: 0; }\n\n    .ga-timeline-bullet-pin {\n      position: absolute;\n      left: 50%;\n      top: 40px;\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      background: var(--ga-bg-dark);\n      border: 3px solid var(--ga-accent-green);\n      transform: translateX(-50%);\n      z-index: 10;\n      box-shadow: 0 0 15px var(--ga-accent-green);\n    }\n\n    .ga-timeline-panel-drawer {\n      grid-column: span 5;\n      background: var(--ga-surface-glass);\n      border: 1px solid var(--ga-glass-border);\n      padding: 40px;\n      border-radius: 20px;\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      box-shadow: 0 20px 45px rgba(0,0,0,0.15);\n      transition: var(--ga-anim-slow);\n    }\n\n    .ga-timeline-panel-drawer:hover {\n      border-color: var(--ga-brand-green);\n      background: rgba(0, 96, 53, 0.05);\n      transform: translateY(-5px);\n    }\n\n    .ga-timeline-milestone-node:nth-child(odd) .ga-timeline-panel-drawer {\n      grid-column: 1 \/ span 5;\n      text-align: right;\n    }\n\n    .ga-timeline-milestone-node:nth-child(even) .ga-timeline-panel-drawer {\n      grid-column: 8 \/ span 5;\n    }\n\n    .ga-timeline-visual-capsule {\n      grid-column: span 5;\n      height: 260px;\n      border-radius: 16px;\n      overflow: hidden;\n      border: 1px solid var(--ga-glass-border);\n      box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .ga-timeline-visual-capsule img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .ga-timeline-milestone-node:nth-child(odd) .ga-timeline-visual-capsule {\n      grid-column: 8 \/ span 5;\n    }\n\n    .ga-timeline-milestone-node:nth-child(even) .ga-timeline-visual-capsule {\n      grid-column: 1 \/ span 5;\n    }\n\n    .ga-timeline-panel-drawer span {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--ga-accent-green);\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      display: block;\n      margin-bottom: 12px;\n    }\n\n    .ga-timeline-panel-drawer h3 {\n      font-family: var(--ga-font-serif);\n      font-size: 28px;\n      font-weight: 400;\n      color: var(--ga-text-light);\n      margin-bottom: 15px;\n    }\n\n    .ga-timeline-panel-drawer p {\n      font-size: 14.5px;\n      line-height: 1.7;\n      color: var(--ga-text-muted);\n      font-weight: 300;\n    }\n\n    \/* ==========================================================================\n       MODULE 4: LUXURY DISPLAYS TYPOGRAPHY QUOTE BANNER\n       ========================================================================== *\/\n    .ga-immersive-quote-section {\n      width: 100%;\n      padding: 140px 0;\n      background: linear-gradient(135deg, #02120b 0%, #004d2b 50%, #02120b 100%);\n      background-size: 400% 400%;\n      animation: gaFluidGradientMesh 15s ease infinite;\n      text-align: center;\n      border-top: 1px solid rgba(255,255,255,0.05);\n      border-bottom: 1px solid rgba(255,255,255,0.05);\n    }\n\n    @keyframes gaFluidGradientMesh {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n\n    .ga-giant-serif-quote {\n      font-family: var(--ga-font-serif);\n      font-size: clamp(36px, 5.5vw, 76px);\n      font-weight: 300;\n      line-height: 1.2;\n      letter-spacing: -1.5px;\n      color: var(--ga-text-light);\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    .ga-giant-serif-quote em {\n      font-style: italic;\n      color: var(--ga-accent-green);\n      font-weight: 400;\n    }\n\n    \/* ==========================================================================\n       MODULE 5: ENGINEERING EXCELLENCE CARDS MATRIX\n       ========================================================================== *\/\n    .ga-morphing-features-section {\n      width: 100%;\n      background: var(--ga-bg-dark);\n    }\n\n    .ga-morphing-features-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 25px;\n    }\n\n    .ga-morph-feature-tile {\n      background: var(--ga-surface-glass);\n      border: 1px solid var(--ga-glass-border);\n      padding: 45px 35px;\n      border-radius: 24px;\n      position: relative;\n      overflow: hidden;\n      min-height: 360px;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);\n      transition: all 0.5s var(--ga-curve);\n    }\n\n    .ga-morph-feature-tile::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(0, 160, 91, 0.15), transparent 40%);\n      opacity: 0;\n      transition: opacity 0.5s ease;\n      z-index: 1;\n      pointer-events: none;\n    }\n\n    .ga-morph-feature-tile:hover::before { opacity: 1; }\n\n    .ga-morph-feature-tile:hover {\n      transform: translateY(-10px);\n      border-color: var(--ga-accent-green);\n      background: rgba(0, 96, 53, 0.15);\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-tile-icon-shield {\n      font-size: 36px;\n      margin-bottom: 30px;\n      display: block;\n      transition: transform 0.4s var(--ga-curve);\n      position: relative;\n      z-index: 5;\n    }\n\n    .ga-morph-feature-tile:hover .ga-tile-icon-shield {\n      transform: scale(1.15) rotate(-5deg);\n    }\n\n    .ga-morph-feature-tile h3 {\n      font-family: var(--ga-font-sans);\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--ga-text-light);\n      margin-bottom: 15px;\n      letter-spacing: -0.5px;\n      position: relative;\n      z-index: 5;\n    }\n\n    .ga-morph-feature-tile p {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--ga-text-muted);\n      font-weight: 300;\n      position: relative;\n      z-index: 5;\n    }\n\n    \/* ==========================================================================\n       MODULE 6: FOUNTAIN INSTALLATION PROCESS PATHWAY\n       ========================================================================== *\/\n    .ga-horizontal-process-section {\n      width: 100%;\n      background: #02120b;\n      border-top: 1px solid rgba(255,255,255,0.05);\n      border-bottom: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .ga-horizontal-stepper-track {\n      display: flex;\n      justify-content: space-between;\n      position: relative;\n      max-width: 900px;\n      margin: 0 auto 70px auto;\n    }\n\n    .ga-horizontal-stepper-track::before {\n      content: \"\";\n      position: absolute;\n      top: 25px;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: rgba(255, 255, 255, 0.08);\n      z-index: 1;\n    }\n\n    .ga-step-node-trigger {\n      position: relative;\n      z-index: 5;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 160px;\n    }\n\n    .ga-step-node-bubble {\n      width: 52px;\n      height: 52px;\n      border-radius: 50%;\n      background: #02120b;\n      border: 2px solid rgba(255, 255, 255, 0.15);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--ga-text-muted);\n      margin-bottom: 15px;\n      transition: var(--ga-transition-fast);\n    }\n\n    .ga-step-node-trigger:hover .ga-step-node-bubble {\n      border-color: #ffffff;\n      color: #ffffff;\n    }\n\n    .ga-step-node-trigger.active-step .ga-step-node-bubble {\n      border-color: var(--ga-accent-green);\n      background: var(--ga-brand-green);\n      color: #ffffff;\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-step-node-label {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--ga-text-muted);\n    }\n\n    .ga-step-node-trigger.active-step .ga-step-node-label {\n      color: #ffffff;\n    }\n\n    .ga-horizontal-slides-viewport {\n      width: 100%;\n      min-height: 400px;\n      position: relative;\n    }\n\n    .ga-process-slide-content {\n      position: absolute;\n      inset: 0;\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 50px;\n      align-items: center;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateX(40px);\n      transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s var(--ga-curve);\n    }\n\n    .ga-process-slide-content.active-slide {\n      opacity: 1;\n      visibility: visible;\n      transform: translateX(0px);\n      position: relative;\n    }\n\n    .ga-slide-payload-text {\n      grid-column: span 6;\n    }\n\n    .ga-slide-payload-text h3 {\n      font-family: var(--ga-font-serif);\n      font-size: 38px;\n      font-weight: 300;\n      color: #ffffff;\n      margin-bottom: 20px;\n      line-height: 1.2;\n    }\n\n    .ga-slide-payload-text p {\n      font-size: 15.5px;\n      line-height: 1.8;\n      color: var(--ga-text-muted);\n      font-weight: 300;\n    }\n\n    .ga-slide-payload-media {\n      grid-column: span 6;\n      height: 360px;\n      border-radius: 20px;\n      overflow: hidden;\n      border: 1px solid var(--ga-glass-border);\n      box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n    }\n\n    .ga-slide-payload-media img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    \/* ==========================================================================\n       MODULE 7: FOUNTAIN PORTFOLIO GALLERY\n       ========================================================================== *\/\n    .ga-fountain-gallery-section {\n      width: 100%;\n      background: var(--ga-bg-dark);\n    }\n\n    .ga-gallery-masonry-mesh {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n    }\n\n    .ga-gallery-item-card {\n      background: var(--ga-surface-glass);\n      border: 1px solid var(--ga-glass-border);\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: 0 20px 45px rgba(0,0,0,0.2);\n      transition: all 0.5s var(--ga-curve);\n    }\n\n    .ga-gallery-card-frame {\n      width: 100%;\n      height: 280px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .ga-gallery-card-frame img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.6s var(--ga-curve);\n    }\n\n    .ga-gallery-card-details {\n      padding: 30px;\n    }\n\n    .ga-gallery-card-details h3 {\n      font-family: var(--ga-font-serif);\n      font-size: 26px;\n      font-weight: 400;\n      color: #ffffff;\n      margin-bottom: 10px;\n    }\n\n    .ga-gallery-card-details p {\n      font-size: 13.5px;\n      line-height: 1.6;\n      color: var(--ga-text-muted);\n      font-weight: 300;\n    }\n\n    .ga-gallery-item-card:hover {\n      transform: scale(1.03) translateY(-5px);\n      border-color: var(--ga-brand-green);\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-gallery-item-card:hover .ga-gallery-card-frame img {\n      transform: scale(1.08);\n    }\n\n    \/* ==========================================================================\n       MODULE 8: WHY GREEN ARCHITECTS SECTION (NEW)\n       ========================================================================== *\/\n    .ga-why-section {\n      width: 100%;\n      background: var(--ga-bg-dark);\n      border-top: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .ga-why-grid-mesh {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n    }\n\n    .ga-why-premium-card {\n      background: var(--ga-surface-glass);\n      border: 1px solid var(--ga-glass-border);\n      border-radius: 24px;\n      padding: 50px 40px;\n      transition: var(--ga-anim-slow);\n    }\n\n    .ga-why-premium-card:hover {\n      border-color: var(--ga-accent-green);\n      background: rgba(0, 96, 53, 0.1);\n      transform: translateY(-10px);\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-why-card-number {\n      font-family: var(--ga-font-serif);\n      font-size: 64px;\n      font-weight: 300;\n      color: var(--ga-accent-green);\n      line-height: 1;\n      margin-bottom: 25px;\n      opacity: 0.8;\n    }\n\n    .ga-why-premium-card h3 {\n      font-family: var(--ga-font-sans);\n      font-size: 22px;\n      font-weight: 600;\n      color: #ffffff;\n      margin-bottom: 15px;\n    }\n\n    .ga-why-premium-card p {\n      font-size: 14.5px;\n      line-height: 1.7;\n      color: var(--ga-text-muted);\n      font-weight: 300;\n    }\n\n    \/* ==========================================================================\n       MODULE 9: CIRCULAR FOUNTAIN ENGINEERING SYSTEM\n       ========================================================================== *\/\n    .ga-circular-engineering-section {\n      width: 100%;\n      background: #02120b;\n      padding: 120px 0;\n      border-top: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .ga-fountain-core-wrapper {\n      position: relative;\n      width: 600px;\n      height: 600px;\n      margin: 0 auto;\n    }\n\n    .ga-center-core-node {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 180px;\n      height: 180px;\n      border-radius: 50%;\n      background: var(--ga-brand-green);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      font-weight: 700;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      box-shadow: var(--ga-green-glow), inset 0 0 20px rgba(255,255,255,0.2);\n      z-index: 10;\n      border: 2px solid var(--ga-accent-green);\n    }\n\n    .ga-engineering-satellite-node {\n      position: absolute;\n      width: 130px;\n      height: 130px;\n      border-radius: 50%;\n      background: var(--ga-surface-glass);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border: 1px solid var(--ga-glass-border);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 15px;\n      z-index: 5;\n      transition: var(--ga-transition-fast);\n    }\n\n    .ga-engineering-satellite-node span {\n      font-size: 20px;\n      margin-bottom: 5px;\n    }\n\n    .ga-engineering-satellite-node p {\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      color: var(--ga-text-muted);\n    }\n\n    .ga-engineering-satellite-node:hover {\n      border-color: var(--ga-accent-green);\n      background: rgba(0, 96, 53, 0.4);\n      transform: scale(1.1);\n      box-shadow: var(--ga-green-glow);\n    }\n\n    \/* Polar Coordinates Desktop Plotting Matrix Configuration *\/\n    .ga-node-position-1 { top: 0; left: 50%; transform: translateX(-50%); }\n    .ga-node-position-2 { top: 25%; right: 0; }\n    .ga-node-position-3 { bottom: 5%; right: 15%; }\n    .ga-node-position-4 { bottom: 5%; left: 15%; }\n    .ga-node-position-5 { top: 25%; left: 0; }\n\n    \/* Static Sequential Mobile Layout Container *\/\n    .ga-mobile-engineering-list-fallback {\n      display: none;\n      flex-direction: column;\n      gap: 15px;\n      width: 100%;\n    }\n\n    .ga-mobile-list-fallback-row {\n      background: var(--ga-surface-glass);\n      border: 1px solid var(--ga-glass-border);\n      padding: 20px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .ga-mobile-list-fallback-row .ga-row-glyph { font-size: 22px; }\n    .ga-mobile-list-fallback-row h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }\n\n    \/* ==========================================================================\n       MODULE 10: PREMIUM MARQUEE STRIP\n       ========================================================================== *\/\n    .ga-premium-marquee-container {\n      width: 100%;\n      background: var(--ga-brand-green);\n      padding: 25px 0;\n      overflow: hidden;\n      white-space: nowrap;\n      display: flex;\n      border-top: 1px solid var(--ga-accent-green);\n      border-bottom: 1px solid var(--ga-accent-green);\n    }\n\n    .ga-marquee-scrolling-track {\n      display: inline-flex;\n      animation: gaInfiniteMarqueeLoop 25s linear infinite;\n    }\n\n    @keyframes gaInfiniteMarqueeLoop {\n      0% { transform: translateX(0%); }\n      100% { transform: translateX(-50%); }\n    }\n\n    .ga-marquee-text-token {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      color: #ffffff;\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .ga-marquee-text-token span {\n      margin: 0 40px;\n      color: var(--ga-accent-green);\n      font-size: 16px;\n    }\n\n    \/* ==========================================================================\n       MODULE 11: SPLIT-SCREEN EDITORIAL MASTER CTA CANVAS\n       ========================================================================== *\/\n    .ga-split-cta-section {\n      width: 100%;\n      padding: 0;\n      background: var(--ga-bg-dark);\n    }\n\n    .ga-split-cta-matrix {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      border-top: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .ga-split-cta-half-text {\n      grid-column: span 6;\n      background: linear-gradient(135deg, #01140b 0%, var(--ga-bg-dark) 100%);\n      padding: 100px 80px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      border-right: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .ga-split-cta-half-text h2 {\n      font-family: var(--ga-font-serif);\n      font-size: clamp(34px, 4vw, 50px);\n      font-weight: 300;\n      line-height: 1.15;\n      letter-spacing: -1px;\n    }\n\n    .ga-split-cta-half-text h2 em {\n      font-style: italic;\n      color: var(--ga-accent-green);\n    }\n\n    .ga-split-cta-half-actions {\n      grid-column: span 6;\n      background: #010a05;\n      padding: 100px 80px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .ga-split-cta-half-actions p {\n      font-size: 16px;\n      line-height: 1.75;\n      color: var(--ga-text-muted);\n      margin-bottom: 40px;\n      font-weight: 300;\n    }\n\n    .ga-cta-omnichannel-vertical-stack {\n      display: flex;\n      flex-direction: column;\n      gap: 15px;\n      max-width: 440px;\n    }\n\n    .ga-cta-stack-btn {\n      width: 100%;\n      padding: 22px 30px;\n      font-size: 11px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      text-decoration: none;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      border-radius: 6px;\n      transition: var(--ga-transition-fast);\n    }\n\n    .ga-btn-variant-green-solid {\n      background: var(--ga-brand-green);\n      color: #ffffff;\n      border: 1px solid var(--ga-brand-green);\n    }\n\n    .ga-btn-variant-green-solid:hover {\n      background: var(--ga-accent-green);\n      border-color: var(--ga-accent-green);\n      transform: translateX(5px);\n      box-shadow: var(--ga-green-glow);\n    }\n\n    .ga-btn-variant-glass-line {\n      background: rgba(255, 255, 255, 0.02);\n      border: 1px solid var(--ga-glass-border);\n      color: #ffffff;\n    }\n\n    .ga-btn-variant-glass-line:hover {\n      border-color: var(--ga-accent-green);\n      background: rgba(0, 96, 53, 0.15);\n      transform: translateX(5px);\n    }\n\n    \/* ==========================================================================\n       RESERVED ADAPTIVE RESPONSIVENESS MATRIX\n       ========================================================================== *\/\n    @media (max-width: 1200px) {\n      .ga-content-container { padding: 0 30px; }\n      .ga-section-padding { padding: 80px 0; }\n      \n      .ga-fullscreen-hero { height: auto; padding: 140px 0 80px 0; }\n      .ga-fullscreen-hero-layout { display: flex; flex-direction: column; gap: 50px; }\n      .ga-hero-left-typography { width: 100%; }\n      .ga-hero-right-media-stack { width: 100%; display: flex; flex-direction: column; align-items: center; }\n      .ga-hero-massive-media-frame { height: 450px; }\n      .ga-hero-spec-float-pill { position: relative; right: 0; bottom: 0; max-width: 100%; margin-top: 20px; }\n\n      .ga-dashboard-metrics-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\n      \n      .ga-timeline-spine-track::before { left: 30px; }\n      .ga-timeline-bullet-pin { left: 30px; }\n      .ga-timeline-milestone-node { display: flex; flex-direction: column; align-items: flex-start; padding-left: 60px; gap: 30px; }\n      .ga-timeline-panel-drawer, .ga-timeline-milestone-node:nth-child(odd) .ga-timeline-panel-drawer { width: 100%; text-align: left; }\n      .ga-timeline-visual-capsule, .ga-timeline-milestone-node:nth-child(odd) .ga-timeline-visual-capsule { width: 100%; height: 280px; }\n      \n      .ga-morphing-features-grid { grid-template-columns: repeat(2, 1fr); }\n      .ga-gallery-masonry-mesh { grid-template-columns: repeat(2, 1fr); }\n      .ga-why-grid-mesh { grid-template-columns: 1fr; }\n      \n      .ga-split-cta-matrix { display: flex; flex-direction: column; }\n      .ga-split-cta-half-text, .ga-split-cta-half-actions { padding: 60px 30px; width: 100%; }\n      .ga-split-cta-half-text { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.05); }\n    }\n\n    @media (max-width: 991px) {\n      .ga-horizontal-stepper-track { display: none; }\n      .ga-process-slide-content { display: flex; flex-direction: column; gap: 25px; opacity: 1; visibility: visible; position: relative; transform: none; margin-bottom: 50px; }\n      .ga-slide-payload-text, .ga-slide-payload-media { width: 100%; }\n      .ga-slide-payload-media { height: 260px; }\n\n      .ga-fountain-core-wrapper { display: none; }\n      .ga-mobile-engineering-list-fallback { display: flex; }\n    }\n\n    \/* =====================================================\n   MOBILE OPTIMIZATION PACK\n   GREEN ARCHITECTS WATER FOUNTAIN PAGE\n===================================================== *\/\n\n@media (max-width: 768px){\n\n\/* GLOBAL *\/\n\n.ga-content-container{\npadding:0 18px;\n}\n\n.ga-section-padding{\npadding:60px 0 !important;\n}\n\n.ga-display-heading-center{\nmargin:0 auto 40px;\n}\n\n.ga-display-heading-center h2{\nfont-size:32px !important;\nline-height:1.15;\nletter-spacing:-0.5px;\n}\n\n\/* HERO *\/\n\n.ga-fullscreen-hero{\nheight:auto !important;\npadding:90px 0 50px !important;\n}\n\n.ga-fullscreen-hero-layout{\ngap:25px !important;\n}\n\n.ga-hero-left-typography{\norder:1;\n}\n\n.ga-hero-right-media-stack{\norder:2;\n}\n\n.ga-hero-huge-title{\nfont-size:36px !important;\nline-height:1.08 !important;\nletter-spacing:-1px !important;\nmargin-bottom:20px;\n}\n\n.ga-meta-badge{\nfont-size:9px;\nletter-spacing:2px;\nmargin-bottom:15px;\n}\n\n.ga-hero-glass-card{\npadding:20px;\nmargin-bottom:20px;\nbackdrop-filter:blur(8px);\n-webkit-backdrop-filter:blur(8px);\n}\n\n.ga-hero-glass-card p{\nfont-size:14px;\nline-height:1.7;\n}\n\n.ga-hero-action-row{\nflex-direction:column;\nwidth:100%;\ngap:10px;\n}\n\n.ga-action-button{\nwidth:100%;\npadding:15px 18px;\nfont-size:10px;\nmin-height:50px;\n}\n\n.ga-hero-massive-media-frame{\nheight:280px !important;\nborder-radius:18px;\n}\n\n.ga-hero-spec-float-pill{\npadding:18px;\nborder-radius:12px;\nmargin-top:12px;\n}\n\n.ga-hero-spec-float-pill h4{\nfont-size:18px;\n}\n\n.ga-hero-spec-float-pill p{\nfont-size:12px;\nline-height:1.6;\n}\n\n\/* DASHBOARD *\/\n\n.ga-dashboard-section{\npadding:40px 0 60px;\n}\n\n.ga-dashboard-metrics-grid{\ngrid-template-columns:repeat(2,1fr);\ngap:12px;\n}\n\n.ga-dashboard-metric-card{\npadding:22px 15px;\nborder-radius:16px;\n}\n\n.ga-dashboard-metric-card h3{\nfont-size:32px;\nmargin-bottom:5px;\n}\n\n.ga-dashboard-metric-card p{\nfont-size:10px;\nletter-spacing:1px;\n}\n\n\/* TIMELINE *\/\n\n.ga-timeline-spine-track::before{\ndisplay:none;\n}\n\n.ga-timeline-bullet-pin{\ndisplay:none;\n}\n\n.ga-timeline-milestone-node{\npadding-left:0 !important;\ngap:15px !important;\nmargin-bottom:40px !important;\n}\n\n.ga-timeline-panel-drawer{\npadding:25px;\nborder-radius:16px;\n}\n\n.ga-timeline-panel-drawer h3{\nfont-size:24px;\n}\n\n.ga-timeline-panel-drawer p{\nfont-size:14px;\nline-height:1.7;\n}\n\n.ga-timeline-visual-capsule{\nheight:220px !important;\nborder-radius:14px;\n}\n\n\/* QUOTE *\/\n\n.ga-immersive-quote-section{\npadding:70px 0 !important;\n}\n\n.ga-giant-serif-quote{\nfont-size:30px !important;\nline-height:1.3;\n}\n\n\/* FEATURES *\/\n\n.ga-morphing-features-grid{\ngrid-template-columns:1fr;\ngap:15px;\n}\n\n.ga-morph-feature-tile{\nmin-height:auto;\npadding:30px 22px;\nborder-radius:18px;\n}\n\n.ga-tile-icon-shield{\nfont-size:28px;\nmargin-bottom:15px;\n}\n\n.ga-morph-feature-tile h3{\nfont-size:18px;\n}\n\n.ga-morph-feature-tile p{\nfont-size:13px;\nline-height:1.7;\n}\n\n\/* PROCESS *\/\n\n.ga-horizontal-process-section{\npadding:60px 0 !important;\n}\n\n.ga-process-slide-content{\nmargin-bottom:30px !important;\ngap:15px !important;\n}\n\n.ga-slide-payload-media{\nheight:220px !important;\nborder-radius:14px;\n}\n\n.ga-slide-payload-text h3{\nfont-size:28px;\nmargin-bottom:12px;\n}\n\n.ga-slide-payload-text p{\nfont-size:14px;\nline-height:1.7;\n}\n\n\/* GALLERY *\/\n\n.ga-gallery-masonry-mesh{\ngrid-template-columns:1fr;\ngap:18px;\n}\n\n.ga-gallery-card-frame{\nheight:220px;\n}\n\n.ga-gallery-card-details{\npadding:20px;\n}\n\n.ga-gallery-card-details h3{\nfont-size:22px;\nmargin-bottom:8px;\n}\n\n.ga-gallery-card-details p{\nfont-size:13px;\n}\n\n\/* WHY GREEN ARCHITECTS *\/\n\n.ga-why-grid-mesh{\ngrid-template-columns:1fr;\ngap:18px;\n}\n\n.ga-why-premium-card{\npadding:30px 24px;\n}\n\n.ga-why-card-number{\nfont-size:48px;\nmargin-bottom:15px;\n}\n\n.ga-why-premium-card h3{\nfont-size:20px;\n}\n\n.ga-why-premium-card p{\nfont-size:14px;\n}\n\n\/* ENGINEERING SYSTEM *\/\n\n.ga-circular-engineering-section{\npadding:60px 0 !important;\n}\n\n.ga-mobile-engineering-list-fallback{\ngap:12px;\n}\n\n.ga-mobile-list-fallback-row{\npadding:16px;\nborder-radius:12px;\n}\n\n.ga-mobile-list-fallback-row h4{\nfont-size:12px;\nletter-spacing:1px;\n}\n\n\/* MARQUEE *\/\n\n.ga-premium-marquee-container{\npadding:15px 0;\n}\n\n.ga-marquee-text-token{\nfont-size:10px;\nletter-spacing:2px;\n}\n\n\/* CTA *\/\n\n.ga-split-cta-half-text,\n.ga-split-cta-half-actions{\npadding:50px 20px !important;\n}\n\n.ga-split-cta-half-text h2{\nfont-size:34px;\nline-height:1.15;\n}\n\n.ga-split-cta-half-actions p{\nfont-size:14px;\nline-height:1.7;\nmargin-bottom:25px;\n}\n\n.ga-cta-omnichannel-vertical-stack{\nmax-width:100%;\n}\n\n.ga-cta-stack-btn{\npadding:16px;\nflex-direction:column;\njustify-content:center;\ntext-align:center;\ngap:8px;\nfont-size:10px;\nletter-spacing:1px;\nmin-height:56px;\n}\n\n.ga-cta-stack-btn span:last-child{\ndisplay:none;\n}\n\n\/* PERFORMANCE *\/\n\n.ga-hero-glass-card,\n.ga-dashboard-metric-card,\n.ga-morph-feature-tile,\n.ga-mobile-list-fallback-row{\nbackdrop-filter:blur(6px);\n-webkit-backdrop-filter:blur(6px);\n}\n\n}\n\n\/* EXTRA SMALL DEVICES *\/\n\n@media (max-width:480px){\n\n.ga-dashboard-metrics-grid{\ngrid-template-columns:1fr;\n}\n\n.ga-hero-huge-title{\nfont-size:32px !important;\n}\n\n.ga-display-heading-center h2{\nfont-size:28px !important;\n}\n\n.ga-hero-massive-media-frame{\nheight:240px !important;\n}\n\n.ga-gallery-card-frame{\nheight:200px;\n}\n\n.ga-split-cta-half-text h2{\nfont-size:28px;\n}\n\n}\n\n    @media (max-width: 590px) {\n      .ga-cta-omnichannel-vertical-stack { width: 100%; max-width: 100%; }\n      .ga-cta-stack-btn { padding: 16px 20px; font-size: 10px; }\n    }\n  <\/style>\n\n  <!-- MODULE 1: FULLSCREEN SPLIT LUXURY HERO -->\n  <header class=\"ga-fullscreen-hero\">\n    <div class=\"ga-content-container\">\n      <div class=\"ga-fullscreen-hero-layout\">\n        \n        <div class=\"ga-hero-left-typography\">\n          <span class=\"ga-meta-badge\">Architectural Water Fountains<\/span>\n          <h1 class=\"ga-hero-huge-title\">Premium Water Fountains Crafted for <em>Elegance, Harmony &amp; Timeless Luxury<\/em><\/h1>\n          <div class=\"ga-hero-glass-card\">\n            <p>Green Architects designs and builds bespoke water fountains that transform landscapes into refined outdoor experiences. From residential gardens to commercial developments, our fountains combine aesthetics, engineering precision, and long-term performance to create lasting visual impact.<\/p>\n          <\/div>\n          <div class=\"ga-hero-action-row\">\n            <a href=\"https:\/\/greenarchitects.in\/stage\/contact-us-2\" class=\"ga-action-button ga-btn-brand-solid\">Schedule Consultation<\/a>\n            <a href=\"https:\/\/wa.me\/+919843167999\" class=\"ga-action-button ga-btn-brand-outline\" target=\"_blank\" rel=\"noopener\">Speak to our Expert<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ga-hero-right-media-stack\">\n          <div class=\"ga-hero-massive-media-frame\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/water-fountain-landscape-designing-service.jpg?auto=format&amp;fit=crop&amp;w=1200&amp;q=90\" alt=\"Bespoke outdoor water fountain contracting works\" title=\"\">\n          <\/div>\n          <div class=\"ga-hero-spec-float-pill\">\n            <h4>Precision Systems<\/h4>\n            <p>Every dynamic spray vector is structurally engineered to minimize energy use while ensuring pristine filtration quality.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/header>\n\n\n  <!-- MODULE 2: FOUNTAIN PERFORMANCE DASHBOARD -->\n  <section class=\"ga-dashboard-section\">\n    <div class=\"ga-content-container\">\n      <div class=\"ga-dashboard-metrics-grid\">\n        \n        <div class=\"ga-dashboard-metric-card\">\n          <h3>25<span>+<\/span><\/h3>\n          <p>Years Experience<\/p>\n        <\/div>\n\n        <div class=\"ga-dashboard-metric-card\">\n          <h3>500<span>+<\/span><\/h3>\n          <p>Fountain Installations<\/p>\n        <\/div>\n\n        <div class=\"ga-dashboard-metric-card\">\n          <h3>PAN<span>India<\/span><\/h3>\n          <p>Execution Network<\/p>\n        <\/div>\n\n        <div class=\"ga-dashboard-metric-card\">\n          <h3>AMC<span>Care<\/span><\/h3>\n          <p>Dedicated Maintenance<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 3: BENEFITS TIMELINE JOURNEY -->\n  <section class=\"ga-timeline-journey-section ga-section-padding\">\n    <div class=\"ga-content-container\">\n      \n      <div class=\"ga-display-heading-center\">\n        <span class=\"ga-meta-badge\">Landscape Value Matrix<\/span>\n        <h2>Why Water Fountains Enhance <em>Outdoor Living Spaces<\/em><\/h2>\n      <\/div>\n\n      <div class=\"ga-timeline-spine-track\">\n        \n        <!-- Node 1 -->\n        <div class=\"ga-timeline-milestone-node\">\n          <div class=\"ga-timeline-bullet-pin\"><\/div>\n          <div class=\"ga-timeline-panel-drawer\">\n            <span>Visual Hierarchy<\/span>\n            <h3>Creates a Powerful Visual Focal Point<\/h3>\n            <p>A professionally designed water fountain naturally attracts attention and becomes the centerpiece of a landscape. It creates structure, balance, and visual hierarchy while enhancing the overall character of the space.<\/p>\n          <\/div>\n          <div class=\"ga-timeline-visual-capsule\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Autumn-Fountain.jpg?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Centerpiece garden water fountain landscape placement\" title=\"\">\n          <\/div>\n        <\/div>\n\n        <!-- Node 2 -->\n        <div class=\"ga-timeline-milestone-node\">\n          <div class=\"ga-timeline-bullet-pin\"><\/div>\n          <div class=\"ga-timeline-panel-drawer\">\n            <span>Acoustic Therapy<\/span>\n            <h3>Promotes Relaxation Through Sound<\/h3>\n            <p>The gentle sound of flowing water helps reduce environmental noise and creates a calming atmosphere. Water fountains bring a sense of peace and relaxation to gardens, courtyards, terraces, and outdoor living spaces.<\/p>\n          <\/div>\n          <div class=\"ga-timeline-visual-capsule\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2021\/07\/placement-of-water-fountain.jpg?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Courtyard decorative fountain acoustic sound masking\" title=\"\">\n          <\/div>\n        <\/div>\n\n        <!-- Node 3 -->\n        <div class=\"ga-timeline-milestone-node\">\n          <div class=\"ga-timeline-bullet-pin\"><\/div>\n          <div class=\"ga-timeline-panel-drawer\">\n            <span>Microclimate Comfort<\/span>\n            <h3>Improves Ambience &amp; Comfort<\/h3>\n            <p>Water fountains contribute to a more pleasant outdoor environment by introducing movement, freshness, and natural cooling effects that improve the overall user experience.<\/p>\n          <\/div>\n          <div class=\"ga-timeline-visual-capsule\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2021\/07\/The-Best-Garden-Fountains-for-Your-Yard-and-Garden.jpg?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Premium custom fountain landscape architectural integration\" title=\"\">\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 4: LUXURY DISPLAY TYPOGRAPHY BANNER -->\n  <section class=\"ga-immersive-quote-section\">\n    <div class=\"ga-content-container\">\n      <h2 class=\"ga-giant-serif-quote\">\u201cA well-designed fountain transforms a space from <em>ordinary to unforgettable.<\/em>\u201d<\/h2>\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 5: ENGINEERING EXCELLENCE CARDS MATRIX -->\n  <section class=\"ga-morphing-features-section ga-section-padding\">\n    <div class=\"ga-content-container\">\n      \n      <div class=\"ga-display-heading-center\">\n        <span class=\"ga-meta-badge\">Engineering Excellence<\/span>\n        <h2>Decorative Water Fountain Solutions, Tailored to <em>Your Spatial Architecture<\/em><\/h2>\n      <\/div>\n\n      <div class=\"ga-morphing-features-grid\" id=\"morph-grid-container\">\n        \n        <div class=\"ga-morph-feature-tile\">\n          <span class=\"ga-tile-icon-shield\">\ud83d\udcd0<\/span>\n          <h3>Custom Fountain Design<\/h3>\n          <p>Every fountain is uniquely designed to suit the architecture, landscape style, and spatial requirements of the project.<\/p>\n        <\/div>\n\n        <div class=\"ga-morph-feature-tile\">\n          <span class=\"ga-tile-icon-shield\">\ud83d\udee1\ufe0f<\/span>\n          <h3>Turnkey Execution<\/h3>\n          <p>From concept development and engineering to installation and commissioning, we manage the entire fountain construction process.<\/p>\n        <\/div>\n\n        <div class=\"ga-morph-feature-tile\">\n          <span class=\"ga-tile-icon-shield\">\u267b\ufe0f<\/span>\n          <h3>Smart Water Management<\/h3>\n          <p>Advanced filtration and recirculation systems ensure efficient water use and long-term operational reliability.<\/p>\n        <\/div>\n\n        <div class=\"ga-morph-feature-tile\">\n          <span class=\"ga-tile-icon-shield\">\ud83d\udee0\ufe0f<\/span>\n          <h3>AMC &amp; Maintenance<\/h3>\n          <p>Comprehensive maintenance services keep fountains operating efficiently while preserving their appearance and performance.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 6: FOUNTAIN INSTALLATION PROCESS PATHWAY -->\n  <section class=\"ga-horizontal-process-section ga-section-padding\">\n    <div class=\"ga-content-container\">\n      \n      <div class=\"ga-display-heading-center\">\n        <span class=\"ga-meta-badge\">Execution Blueprint Workflow<\/span>\n        <h2>Our Fountain Installation Framework<\/h2>\n      <\/div>\n\n      <div class=\"ga-horizontal-stepper-track\">\n        <button class=\"ga-step-node-trigger active-step\" onclick=\"displayProcessSlide(0)\">\n          <div class=\"ga-step-node-bubble\">01<\/div>\n          <span class=\"ga-step-node-label\">Assessment<\/span>\n        <\/button>\n        <button class=\"ga-step-node-trigger\" onclick=\"displayProcessSlide(1)\">\n          <div class=\"ga-step-node-bubble\">02<\/div>\n          <span class=\"ga-step-node-label\">Engineering<\/span>\n        <\/button>\n        <button class=\"ga-step-node-trigger\" onclick=\"displayProcessSlide(2)\">\n          <div class=\"ga-step-node-bubble\">03<\/div>\n          <span class=\"ga-step-node-label\">Installation<\/span>\n         <\/button>\n        <button class=\"ga-step-node-trigger\" onclick=\"displayProcessSlide(3)\">\n          <div class=\"ga-step-node-bubble\">04<\/div>\n          <span class=\"ga-step-node-label\">Support<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"ga-horizontal-slides-viewport\">\n        \n        <!-- Slide 1 -->\n        <div class=\"ga-process-slide-content active-slide\">\n          <div class=\"ga-slide-payload-text\">\n            <h3>Site Assessment &amp; Design<\/h3>\n            <p>We evaluate the site, understand project requirements, and develop a fountain concept tailored to the landscape and architecture.<\/p>\n          <\/div>\n          <div class=\"ga-slide-payload-media\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/site.jpg?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Site evaluation and customized design stage mapping\" title=\"\">\n          <\/div>\n        <\/div>\n\n        <!-- Slide 2 -->\n        <div class=\"ga-process-slide-content\">\n          <div class=\"ga-slide-payload-text\">\n            <h3>Engineering &amp; Material Selection<\/h3>\n            <p>Our team selects suitable pumps, nozzles, piping systems, lighting, and construction materials to ensure durability and efficiency.<\/p>\n          <\/div>\n          <div class=\"ga-slide-payload-media\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/site-engineering.jpg?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Hydraulic engineering component configurations selection\" title=\"\">\n          <\/div>\n        <\/div>\n\n        <!-- Slide 3 -->\n        <div class=\"ga-process-slide-content\">\n          <div class=\"ga-slide-payload-text\">\n            <h3>Installation &amp; Commissioning<\/h3>\n            <p>We execute the fountain construction, test all systems, and fine-tune water patterns for optimal performance.<\/p>\n          <\/div>\n          <div class=\"ga-slide-payload-media\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/fountain-installation.jpg?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Onsite technical fountain building pipeline assembly\" title=\"\">\n          <\/div>\n        <\/div>\n\n        <!-- Slide 4 -->\n        <div class=\"ga-process-slide-content\">\n          <div class=\"ga-slide-payload-text\">\n            <h3>Maintenance &amp; Support<\/h3>\n            <p>Regular inspections, cleaning, and technical servicing ensure long-term reliability and visual excellence.<\/p>\n          <\/div>\n          <div class=\"ga-slide-payload-media\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/fountain-support.jpg?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"AMC diagnostic and preventative asset care maintenance\" title=\"\">\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 7: FOUNTAIN PORTFOLIO GALLERY -->\n  <section id=\"gallery-portfolio\" class=\"ga-fountain-gallery-section ga-section-padding\">\n    <div class=\"ga-content-container\">\n      \n      <div class=\"ga-display-heading-center\">\n        <span class=\"ga-meta-badge\">Fountain Systems Typologies<\/span>\n        <h2>Explore Our Custom Fountain Portfolios<\/h2>\n      <\/div>\n\n      <div class=\"ga-gallery-masonry-mesh\">\n        \n        <div class=\"ga-gallery-item-card\">\n          <div class=\"ga-gallery-card-frame\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/classical-fountain.webp?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Classical multi-level fountain architecture styling\" title=\"\">\n          <\/div>\n          <div class=\"ga-gallery-card-details\">\n            <h3>\u26f2 Classical Tier Fountain<\/h3>\n            <p>Traditional multi-level fountain designs suitable for formal landscapes and entrance plazas.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ga-gallery-item-card\">\n          <div class=\"ga-gallery-card-frame\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/contemporary-fountain.jpg?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Modern clean contemporary linear geometric fountain design\" title=\"\">\n          <\/div>\n          <div class=\"ga-gallery-card-details\">\n            <h3>\ud83d\udcd0 Contemporary Fountain<\/h3>\n            <p>Minimalist fountain concepts featuring clean lines and modern architectural detailing.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ga-gallery-item-card\">\n          <div class=\"ga-gallery-card-frame\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/interactive-fountain.jpg?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Dynamic automated commercial plaza interactive fountain systems\" title=\"\">\n          <\/div>\n          <div class=\"ga-gallery-card-details\">\n            <h3>\u26f2 Interactive Fountain<\/h3>\n            <p>Dynamic fountain systems designed for public spaces, parks, and commercial developments.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ga-gallery-item-card\">\n          <div class=\"ga-gallery-card-frame\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/courtyard-fountain.webp?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Bespoke luxury courtyard fountain structural fitment\" title=\"\">\n          <\/div>\n          <div class=\"ga-gallery-card-details\">\n            <h3>\ud83c\udfe1 Courtyard Fountain<\/h3>\n            <p>Compact fountain installations that create a tranquil focal point within residential and hospitality environments.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ga-gallery-item-card\">\n          <div class=\"ga-gallery-card-frame\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/illuminated-fountain.webp?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Custom LED underwater illumination fountain installation loops\" title=\"\">\n          <\/div>\n          <div class=\"ga-gallery-card-details\">\n            <h3>\ud83d\udca1 Illuminated Fountain<\/h3>\n            <p>Integrated lighting systems enhance visual appeal and create stunning nighttime experiences.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ga-gallery-item-card\">\n          <div class=\"ga-gallery-card-frame\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/landmark-fountain.jpg?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Signature large scale premium institutional custom fountain projects\" title=\"\">\n          <\/div>\n          <div class=\"ga-gallery-card-details\">\n            <h3>\ud83c\udfe2 Signature Landmark Fountain<\/h3>\n            <p>Large-scale iconic fountain installations designed for premium commercial and institutional developments.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 8: WHY GREEN ARCHITECTS PREMIUM SECTION -->\n  <section class=\"ga-why-section ga-section-padding\">\n    <div class=\"ga-content-container\">\n      \n      <div class=\"ga-display-heading-center\">\n        <span class=\"ga-meta-badge\">Enterprise Capabilities<\/span>\n        <h2>Why Discriminating Properties Choose <em>Green Architects<\/em><\/h2>\n      <\/div>\n\n      <div class=\"ga-why-grid-mesh\">\n        \n        <div class=\"ga-why-premium-card\">\n          <div class=\"ga-why-card-number\">01<\/div>\n          <h3>Engineering Precision<\/h3>\n          <p>We approach fountain fluid systems with mechanical accuracy\u2014modeling pipeline load, flow variables, and electrical controls to ensure flawless operation.<\/p>\n        <\/div>\n\n        <div class=\"ga-why-premium-card\">\n          <div class=\"ga-why-card-number\">02<\/div>\n          <h3>Architectural Integration<\/h3>\n          <p>A fountain shouldn&#8217;t feel added on. Our design division integrates each concept into your site&#8217;s structural geometry, stone choices, and plant patterns.<\/p>\n        <\/div>\n\n        <div class=\"ga-why-premium-card\">\n          <div class=\"ga-why-card-number\">03<\/div>\n          <h3>Long-Term Reliability<\/h3>\n          <p>By specifying heavy-duty natural stones, industrial waterproofing layouts, and energy-efficient commercial pumps, our custom structures are built to endure.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 9: CIRCULAR FOUNTAIN ENGINEERING SYSTEM -->\n  <section class=\"ga-circular-engineering-section\">\n    <div class=\"ga-content-container\">\n      \n      <div class=\"ga-display-heading-center\">\n        <span class=\"ga-meta-badge\">Technical Infrastructure Map<\/span>\n        <h2>Circular Fountain Engineering System<\/h2>\n      <\/div>\n\n      <!-- Graphical Polar Network Array Desktop Viewport Container -->\n      <div class=\"ga-fountain-core-wrapper\">\n        \n        <div class=\"ga-center-core-node\">\n          Smart Fountain<br \/>Core System\n        <\/div>\n\n        <div class=\"ga-engineering-satellite-node ga-node-position-1\">\n          <span>\u26f2<\/span>\n          <p>Nozzle Array<\/p>\n        <\/div>\n\n        <div class=\"ga-engineering-satellite-node ga-node-position-2\">\n          <span>\ud83d\udca1<\/span>\n          <p>LED Lighting<\/p>\n        <\/div>\n\n        <div class=\"ga-engineering-satellite-node ga-node-position-3\">\n          <span>\ud83d\udee2\ufe0f<\/span>\n          <p>Water Basin<\/p>\n        <\/div>\n\n        <div class=\"ga-engineering-satellite-node ga-node-position-4\">\n          <span>\ud83e\uddea<\/span>\n          <p>Filtration<\/p>\n        <\/div>\n\n        <div class=\"ga-engineering-satellite-node ga-node-position-5\">\n          <span>\u2699\ufe0f<\/span>\n          <p>Pump System<\/p>\n        <\/div>\n\n      <\/div>\n\n      <!-- Non-Overflowing Fallback Mobile Viewport Component Array -->\n      <div class=\"ga-mobile-engineering-list-fallback\">\n        <div class=\"ga-mobile-list-fallback-row\" style=\"background: var(--ga-brand-green); border-color: var(--ga-accent-green);\">\n          <span class=\"ga-row-glyph\">\ud83e\udde0<\/span>\n          <h4>Smart Fountain Core System<\/h4>\n        <\/div>\n        <div class=\"ga-mobile-list-fallback-row\">\n          <span class=\"ga-row-glyph\">\u26f2<\/span>\n          <h4>Nozzle System<\/h4>\n        <\/div>\n        <div class=\"ga-mobile-list-fallback-row\">\n          <span class=\"ga-row-glyph\">\ud83d\udca1<\/span>\n          <h4>LED Lighting System<\/h4>\n        <\/div>\n        <div class=\"ga-mobile-list-fallback-row\">\n          <span class=\"ga-row-glyph\">\ud83d\udee2\ufe0f<\/span>\n          <h4>Water Basin Construction<\/h4>\n        <\/div>\n        <div class=\"ga-mobile-list-fallback-row\">\n          <span class=\"ga-row-glyph\">\ud83e\uddea<\/span>\n          <h4>Multi-Stage Filtration<\/h4>\n        <\/div>\n        <div class=\"ga-mobile-list-fallback-row\">\n          <span class=\"ga-row-glyph\">\u2699\ufe0f<\/span>\n          <h4>High-Performance Pump<\/h4>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- MODULE 10: PREMIUM ANIMATED MARQUEE STRIP -->\n  <div class=\"ga-premium-marquee-container\">\n    <div class=\"ga-marquee-scrolling-track\">\n      <div class=\"ga-marquee-text-token\">Water Fountains <span>\u2022<\/span> Fountain Installation <span>\u2022<\/span> AMC Services <span>\u2022<\/span> Architectural Fountains <span>\u2022<\/span> Landmark Fountains <span>\u2022<\/span><\/div>\n      <div class=\"ga-marquee-text-token\">Water Fountains <span>\u2022<\/span> Fountain Installation <span>\u2022<\/span> AMC Services <span>\u2022<\/span> Architectural Fountains <span>\u2022<\/span> Landmark Fountains <span>\u2022<\/span><\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- MODULE 11: ASYMMETRIC SPLIT CTA BOX -->\n  <section id=\"split-cta\" class=\"ga-split-cta-section\">\n    <div class=\"ga-split-cta-matrix\">\n      \n      <div class=\"ga-split-cta-half-text\">\n        <span class=\"ga-meta-badge\">Fountain Planning Window<\/span>\n        <h2>Ready to Add a <em>Signature Water Fountain<\/em> to Your Landscape?<\/h2>\n      <\/div>\n\n      <div class=\"ga-split-cta-half-actions\">\n        <p>From elegant residential fountains to landmark commercial installations, Green Architects delivers complete fountain design, engineering, construction, and maintenance solutions across India.<\/p>\n        \n        <div class=\"ga-cta-omnichannel-vertical-stack\">\n          <a href=\"tel:+919843167999\" class=\"ga-cta-stack-btn ga-btn-variant-green-solid\">\n            <span>\ud83d\udcde Secure Direct Engineering Assessment<\/span>\n            <span>\u2192<\/span>\n          <\/a>\n          <a href=\"https:\/\/wa.me\/919843167999\" target=\"_blank\" class=\"ga-cta-stack-btn ga-btn-variant-glass-line\" rel=\"noopener\">\n            <span>\ud83d\udcac Chat via Official WhatsApp Channel<\/span>\n            <span>\u2192<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- ==========================================================================\n       RUNTIME SCRIPTS INTERACTIVE ENGINES CONTROLLERS\n       ========================================================================== -->\n  <script>\n    \/\/ Module 5 Tracker Logic: Dynamic Mouse Coordinates Listener for Card Inner Glow\n    const gridContainer = document.getElementById('morph-grid-container');\n    if(gridContainer) {\n      gridContainer.addEventListener('mousemove', (e) => {\n        const tiles = document.querySelectorAll('.ga-morph-feature-tile');\n        tiles.forEach(tile => {\n          const rect = tile.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          tile.style.setProperty('--mouse-x', `${x}px`);\n          tile.style.setProperty('--mouse-y', `${y}px`);\n        });\n      });\n    }\n\n    \/\/ Module 6 Swapping Logic: Horizontal Stepper Process Content Switcher\n    function displayProcessSlide(targetIdx) {\n      const triggers = document.querySelectorAll('.ga-step-node-trigger');\n      const slides = document.querySelectorAll('.ga-process-slide-content');\n      \n      triggers.forEach((btn, idx) => {\n        if(idx === targetIdx) {\n          btn.classList.add('active-step');\n        } else {\n          btn.classList.remove('active-step');\n        }\n      });\n\n      slides.forEach((slide, idx) => {\n        if(idx === targetIdx) {\n          slide.classList.add('active-slide');\n        } else {\n          slide.classList.remove('active-slide');\n        }\n      });\n    }\n  <\/script>\n\n<\/div><\/div><\/div>\n\n\n\n<\/div>\n<\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home Water Fountains Architectural Water Fountains Premium Water Fountains Crafted for Elegance, Harmony &amp; Timeless Luxury Green Architects designs and builds bespoke water fountains that transform landscapes into refined outdoor experiences. From residential gardens to commercial developments, our fountains combine aesthetics, engineering precision, and long-term performance to create lasting visual impact. Schedule Consultation Speak to [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3969","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/3969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/comments?post=3969"}],"version-history":[{"count":6,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/3969\/revisions"}],"predecessor-version":[{"id":7104,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/3969\/revisions\/7104"}],"wp:attachment":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/media?parent=3969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}