section#ecological{background:linear-gradient(180deg, rgba(4, 77, 216, 0.79) 0%, #044DD8 30%),url(/wp-content/uploads/2026/04/water-min.webp);background-size:100%;background-position:50% 0%;background-repeat:no-repeat}@media screen and (max-width: 768px){section#ecological{padding:0;background-size:unset}}@media screen and (max-width: 768px){section#ecological .ecological-header{flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 0 0;text-align:center;margin-bottom:0}}section#ecological .ecological-header h2{color:#fff;text-align:center;font-size:38px;font-style:normal;font-weight:700;letter-spacing:-1.14px}@media screen and (max-width: 768px){section#ecological .ecological-header h2{font-size:2rem;margin:0}}section#ecological .ecological-header h3{color:#fff;font-size:90px;font-style:normal;font-weight:700;line-height:75%;letter-spacing:-2.7px;position:relative}@media screen and (max-width: 768px){section#ecological .ecological-header h3{display:flex;flex-direction:column;letter-spacing:-0.35px;line-height:100%;font-weight:400;font-size:1rem}}section#ecological .ecological-header h3 span{color:var(--color-accent-green)}section#ecological .ecological-header h3 span.larger{font-size:2.15rem;color:#fff;display:block;line-height:1;font-weight:700;letter-spacing:-1.5px;margin-bottom:.5rem}section#ecological .ecological-header h3 span.white{color:#fff}section#ecological .ecological-header h3 svg{position:absolute;top:0;left:0;transform:translate(-60%, -50%)}section#ecological .ecological-header h5{color:var(--color-accent-green);text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:1.2px;text-transform:uppercase}@media screen and (max-width: 768px){section#ecological .ecological-header h5{font-size:10px}}@media screen and (max-width: 768px){section#ecological .ecological-content{flex-direction:column-reverse;align-items:center;justify-content:center;gap:5rem;margin-top:0;padding-top:0;text-align:center}}section#ecological .ecological-content--left{position:relative;width:35vw;flex:0 0 auto}@media screen and (max-width: 768px){section#ecological .ecological-content--left{width:100%}}section#ecological .ecological-content--right{padding-left:3.5rem;border-left:1px solid hsla(0,0%,100%,.5);overflow:hidden;flex:1;max-width:65vw}@media screen and (max-width: 768px){section#ecological .ecological-content--right{padding:2rem 2rem 150px;border-left:none;max-width:100%}}section#ecological .ecological-content--right h5{color:#fff;font-size:2rem;font-style:normal;font-weight:700;line-height:135%;letter-spacing:-0.8px}section#ecological .ecological-content--right p{color:#fff;font-size:1rem;font-style:normal;font-weight:400;line-height:135%;letter-spacing:-0.36px}section#ecological .ecological-content--image-callout{position:absolute;border-radius:16px;border:1px solid hsla(0,0%,100%,.2);background:rgba(19,69,166,.9);padding:1.25rem;color:#fff;display:flex;align-items:center;gap:1rem;width:370px}@media screen and (max-width: 768px){section#ecological .ecological-content--image-callout{max-width:80%;text-align:left}}section#ecological .ecological-content--image-callout.top{top:0;right:0}@media screen and (max-width: 768px){section#ecological .ecological-content--image-callout.top{top:-50px;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}}section#ecological .ecological-content--image-callout.bottom{bottom:0;left:0}@media screen and (max-width: 768px){section#ecological .ecological-content--image-callout.bottom{bottom:-50px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}}section#ecological .ecological-content--image-callout>div{color:var(--color-accent-green);font-family:var(--font-family-heading);font-size:4rem;font-weight:900;padding-bottom:10px}section#ecological .ecological-content--image-callout p{font-size:14px;margin:0}@media screen and (max-width: 768px){section#ecological .ecological-content--image-callout p{font-size:11px}}section#ecological .water-animated-text-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%;position:relative}section#ecological .water-animated-text-wrapper .handwritten{position:absolute;bottom:0;right:50%;transform:translate(30%, 100%)}@media screen and (max-width: 768px){section#ecological .water-animated-text-wrapper .handwritten{transform:translate(30%, 150%)}}section#ecological .water-animated-text-wrapper .handwritten span{color:#fff;font-family:var(--font-family-handwritten);font-size:22px;font-style:normal;font-weight:400;line-height:107%;letter-spacing:-0.52px;width:25ch;display:block;transform:rotate(4.5deg);text-align:center}section#ecological .water-animated-text-wrapper .handwritten span span{display:inline-block;font-size:24px;width:unset;font-family:var(--font-family-heading);font-weight:900;letter-spacing:-1px}section#ecological .water-animated-text-wrapper .handwritten svg{position:absolute;top:50%;right:0;transform:translate(65%, -100%)}section#ecological .water-animated-text-wrapper .text{font-size:1.25rem;font-weight:700;line-height:135%;letter-spacing:-0.8px;color:#fff}section#ecological .water-animated-text-wrapper .text.text--top{transform:translateY(25px)}@media screen and (max-width: 768px){section#ecological .water-animated-text-wrapper .text.text--top{transform:translateY(12px);text-align:left}}section#ecological .water-animated-text-wrapper .text.text--bottom{text-align:right}section#ecological .water-animated-text-wrapper .water-animated-text{background-image:url(/wp-content/uploads/2025/09/water-animated-scaled.jpg) !important;background-size:1920px 100% !important;background-repeat:repeat-x !important;-moz-background-clip:text !important;-o-background-clip:text !important;-webkit-background-clip:text !important;background-clip:text !important;color:rgba(0,0,0,0) !important;animation:wave-animation 15s infinite linear !important;font-weight:700;line-height:1;font-family:var(--font-family-heading);letter-spacing:-4px}section#ecological .water-animated-text-wrapper .water-animated-text.ecological-countup-container #ecological-countup{font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;background-image:inherit;background-size:inherit;background-repeat:inherit;-moz-background-clip:text;-o-background-clip:text;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:inherit;font-variant-numeric:tabular-nums}@keyframes wave-animation{0%{background-position:0 bottom}100%{background-position:1920px bottom}}section#ecological .ecological-content--grid h6{color:#fff;text-align:center;font-family:var(--font-family-heading);font-size:32px;font-style:normal;font-weight:700;line-height:115%;letter-spacing:-0.64px;margin:0 0 .5rem}@media screen and (max-width: 768px){section#ecological .ecological-content--grid h6{font-size:1.5rem;padding:0 2rem;margin:0 0 .75rem}}section#ecological .ecological-content--grid p{color:#fff;text-align:center;font-family:var(--font-family-heading);font-size:24px;font-style:normal;font-weight:400;line-height:115%;letter-spacing:-0.48px;margin:0 0 2.5rem}@media screen and (max-width: 768px){section#ecological .ecological-content--grid p{font-size:20px}}section#ecological .ecological-content--grid--items{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}@media screen and (max-width: 768px){section#ecological .ecological-content--grid--items{display:flex;gap:1rem;scroll-snap-type:x mandatory;overflow:scroll;padding:1rem 1rem 3rem}}section#ecological .ecological-content--grid--item{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:32px;background:rgba(29,29,29,.14);padding:2rem}@media screen and (max-width: 768px){section#ecological .ecological-content--grid--item{scroll-snap-align:center;scroll-padding-inline-start:2rem;width:80vw;flex:0 0 auto}}section#ecological .ecological-content--grid--item svg{margin:0 0 2rem}section#ecological .ecological-content--grid--item .header{color:#fff;text-align:center;font-family:var(--font-family-heading);font-size:20px;font-style:normal;font-weight:700;line-height:115%;letter-spacing:-0.4px;margin-bottom:1rem}section#ecological .ecological-content--grid--item .description{color:#fff;text-align:center;font-family:var(--font-family-body);font-size:.85rem;font-style:normal;font-weight:400;line-height:115%;letter-spacing:-0.32px;opacity:.75}
