body {background:linear-gradient(rgb(0, 117, 145) 50%, rgb(13, 117, 123) 50%); transition:all; position:relative; z-index:2;}
.video-content {width:100%; top:calc(50% - 9vw);}
.video-wrap, .content-video-wrapper {height:90vh;}
.grow-wrapper {width:calc(100% - 4%); margin:0 auto;}
.bg-flare-1 {position:absolute; top:-13%; left:-15%; z-index:2; width:100%; opacity:0.5;}
.bg-flare-2 {position:absolute; top:calc(var(--vertical-height) * 0.1); right:-13%; z-index:1; width:200%; max-width:200%; height:calc(var(--vertical-height) * 5); opacity:0.6;}
.bg-flare-3 {position:absolute; top:calc(var(--vertical-height) * 8); left:-50%; z-index:1; width:200%; max-width:200%; height:calc(var(--vertical-height) * 3); opacity:0.6;}
h4 {margin-bottom:calc(1rem + 0.5vw); text-transform:unset;}
.grid-col-wrap {display:flex; flex-direction:row; align-items:self-start; justify-content:space-between; margin:0px auto; gap:1vw; padding-bottom:4%; font-size:calc(var(--font-body) * 0.85); line-height:1.25;}
.hero-cnt .figcnt {gap:1vw; padding:7% 10%;}
.hero-cnt h1 {margin-bottom:1vw;}
.sec-1 .note-wrap {padding:0px 2%;}
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.9);}
.sec-1 .grid-col-wrap img {margin-bottom:calc(1rem + 0.25vw);}
.sec-1 .grid-col-wrap span {text-transform:unset; color:rgb(255, 255, 255); white-space:pre-wrap;}
.sec-1 .grid-col-banner {position:relative;}
.sec-1 .grid-col-banner {position:relative;}
.sec-1 .grid-col-banner .note-wrap {padding:4%; font-size:calc(var(--font-body) * 0.8);}
.sec-1 .link-download a {color:var(--color-white); text-decoration:underline !important;}
.sec-2 .grid-col-wrap span {text-transform:capitalize; color:var(--color-white); line-height:1.25; display:inline-block;}
.sec-2 .grid-col-wrap img {width:75%; margin:0px auto calc(1rem + 0.5vw);}
.sec-2 .grid-col-wrap .grid-col span {color:var(--color-white);}
.sec-2 .bca-wrap {width:calc(15rem + 10.5vw); align-items:center; gap:1vw; text-align:center; justify-content:center; padding-bottom:6%;}
.sec-2 .bca-wrap img {width:3vw; margin:0px;}
.parallax-element-1 .note-wrap, .parallax-element-2 .note-wrap {padding:4% 2%;}
#path-1 {position:absolute; top:3%; right:-3%; width:13%;}
.parallax-element-1 {position:relative; width:40%; max-width:100%; margin-top:10%; float:left; z-index:2;}
.parallax-element-1 h4 {text-transform:unset; text-align:left;}
.parallax-element-1 .font-yellow > span, .parallax-element-2 .font-yellow > span {font-size:calc(1rem + 5.5vw); line-height:1;}
.parallax-element-1 h4.font-white > span {font-size:calc(1rem + 2.1vw);}
.parallax-element-1 .bca-cnt {position:absolute; bottom:0px; right:-77%; width:72%;}
.parallax-element-1 .has-opacity {font-size:var(--font-body); text-align:left;}
.parallax-element-1 svg {position:absolute; top:25%; width:40%; right:-30%;}
.parallax-element-2 {width:50%; max-width:100%; margin-top:0px; float:right; position:relative; z-index:1;}
.parallax-element-2 h4 {position:absolute; top:2%; left:10%; text-transform:capitalize; text-align:left;}
.parallax-element-2 svg {position:absolute; bottom:-10%; width:35%; left:25%;}
.parallax-element-2 .has-mask-fill.font-blue > span {background-image:linear-gradient(var(--color-cyan-blue), var(--color-cyan-blue));}
.sec-3 .has-opacity.font-white {width:30%; margin-left:auto; margin-right:auto;}
.sec-3 .grid-col-wrap {gap:2.5vw;}
.sec-3 .grid-col-wrap span {text-transform:uppercase; color:rgb(255, 255, 255); line-height:1; font-weight:600;}
.sec-3 .grid-col-wrap img {width:calc(1rem + 3.5vw); margin:0px auto calc(1rem + 0.25vw);}
.parallax-element-3 {width:50%; padding:0px; height:fit-content; display:flex; flex-direction:column; justify-content:center; position:relative;}
.parallax-element-3 .pos-cnt {position:absolute; left:0px; top:0px; display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; padding:7%;}
.parallax-element-3 .padding-left-sm {width:80%; margin:0px auto; display:block; padding-left:0px !important;}
.parallax-element-3 h4 {text-transform:unset;}
.parallax-element-3 p:last-child {margin-bottom:0px !important;}
.parallax-element-3 h4.font-white > span {font-size:calc(1rem + 2.1vw);}
.parallax-element-4 {width:50%; max-width:100%; margin-top:0px; float:right; margin-right:0px; position:relative; z-index:1;}
.parallax-element-5 {position:relative; width:55%; max-width:100%; margin-top:0%; float:left;}
.parallax-element-5 .has-opacity {font-size:var(--font-body);}
#path-2 {position:absolute; left:-3%; bottom:-25%; width:18vw;}
.parallax-element-6 {width:49%; max-width:100%; margin-top:0px; float:right; margin-left:-4%; position:relative; z-index:2;}
.parallax-element-6-cnt {padding-left:14.5%; padding-right:14.5%; margin-top:4%; margin-bottom:4%;}
.parallax-element-6 .note-wrap-alt {position:relative; padding:0px;}
.parallax-element-6 .note-wrap-alt span {position:absolute; bottom:0px; left:0px; text-align:left; padding:2%;}
.parallax-element-6 svg {position:absolute; bottom:-7%; width:40%; right:-30%;}
.parallax-element-6 .padding-left-sm {width:90%; margin:0px auto 4.5vw; padding-left:0px !important;}
.slick-prev, .slick-next {display:block !important;}
.slick-prev, .slick-next {left:calc(100% + 1vw); right:unset; width:3vw; height:2vw; z-index:999;}
.slick-prev {transform:translateX(2vw); left:unset;}
.slick-next {transform:translateX(-6vw);}
.slick-next::before, .slick-prev::before {content:""; width:3vw; display:block; height:2vw; background-repeat:no-repeat; background-size:contain;}
.slick-next::before {background-image:url("../images/icn-right-arrow.webp"); content:""; background-repeat:no-repeat; background-size:contain;}
.slick-prev::before {background-image:url("../images/icn-left-arrow.webp");}
.slider__counter {position:absolute; bottom:2%; right:2%; color:var(--color-white); font-size:calc(var(--font-body) * 1); left:unset; text-align:right;}
.current-slide {font-size:calc(var(--font-body)*1.5);}
.divider {margin:0px 4px;}

@media screen and (min-device-width: 1024px) and (max-device-width:1199px) {
.hero-cnt .figcnt {padding:7% 3%;}
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.55);}
}

@media (max-width: 1023px) {
.bg-flare-1 {position:absolute; top:-13%; left:-15%; width:100%; opacity:0.5; z-index:1;}
.bg-flare-3 {position:absolute; top:calc(var(--vertical-height) * 8); left:-50%; z-index:1; width:200%; max-width:200%; height:calc(var(--vertical-height) * 3); opacity:0.6;}
body .bg-circle-top {top:7%; left:-50%; width:300%; mix-blend-mode:screen; height:calc(100% - 7%);}
body .bg-circle-middle {top:20%; left:-105%; width:300%; mix-blend-mode:soft-light; height:calc(100% - 20%); opacity:0.5;}
body .bg-circle-bottom {top:10%; left:-70%; width:300%; height:calc(100% - 25%); mix-blend-mode:overlay; opacity:0.75;}
h4 {margin-bottom:var(--gap-default);}
.grid-col-wrap {flex-direction:column; align-items:center; justify-content:center; gap:0px; padding-bottom:0px;}
.hero-cnt .figcnt {gap:1vw; padding:7% 5%;}
.hero-cnt h1 {margin-bottom:1vw;}
.sec-1 .note-wrap {padding:2%;}
.sec-1 .zoom-wrapper {background-image:url(../images/ecoinclusive/img-1.webp);}
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.85);}
.sec-1 .grid-col-wrap img {margin-bottom:0;}
.sec-1 .grid-col-wrap span {text-transform:unset; color:rgb(255, 255, 255);}
.sec-1 .grid-col {display:flex; flex-direction:row; gap:var(--spacing-default); align-items:center; justify-content:center;}
.sec-1 .grid-col.alt .grid-col-banner {order:2;}
.sec-1 .grid-col.alt .grid-col-banner {order:1;}
.sec-1 .grid-col-banner .note-wrap {bottom:0;}
.sec-2 .grid-col-wrap img {width:115px; margin:0px auto calc(1rem + 0.5vw);}
.sec-2 .bca-wrap {width:calc(15rem + 10.5vw); align-items:center; gap:1vw; text-align:center; justify-content:center; padding-bottom:var(--gap-default); flex-direction:row;}
.sec-2 .bca-wrap img {width:10vw; margin:var(--spacing-default) 0;}
.sec-3 .backdrop-img {display:none;}
.bca-col-wrap {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:0px; padding-bottom:0px;}
.sec-2 .grid-col-wrap {gap:var(--spacing-default); flex-wrap:wrap;}
.bca-col-wrap .grid-col {width:50%; flex:1 1 150px;}
.bca-col-wrap .grid-col.last-col {flex-grow:1;}
.bca-col-wrap .grid-col.last-col img {width:115px;}
.parallax-element-1 .note-wrap, .parallax-element-2 .note-wrap {padding:4% 2%;}
#path-1 {position:absolute; top:3%; right:-3%; width:13%;}
.parallax-element-1 {width:100%; margin-top:25%; order:2;}
.parallax-element-1 h4 {text-transform:unset; text-align:left;}
.parallax-element-1 .font-yellow > span, .parallax-element-2 .font-yellow > span {font-size:calc(1rem + 5.5vw); line-height:1;}
.parallax-element-1 h4.font-white > span {font-size:calc(1rem + 2.1vw);}
.parallax-element-1 .bca-cnt {position:absolute; bottom:0px; right:-77%; width:72%;}
.parallax-element-1 .has-opacity {font-size:var(--font-body); text-align:left;}
.parallax-element-1 svg {position:absolute; top:-25%; width:40%; right:-10%;}
.parallax-element-2 {width:100%; order:1;}
.parallax-element-2 svg {display:none;}
.parallax-element-3 {width:100%; display:flex; flex-direction:column;}
.parallax-element-3 .pos-cnt {position:unset; background:rgba(106, 169, 192, 0.5); backdrop-filter:blur(5px); padding:20% var(--spacing-default);}
.parallax-element-3 .padding-left-sm {width:100%;}
.parallax-element-4 {width:100%;}
.parallax-element-5 {width:100%;}
.parallax-element-5 h4, .parallax-element-5 p, .parallax-element-6 h4, .parallax-element-6 p , .parallax-element-6 img {padding-left:var(--spacing-default); padding-right:var(--spacing-default);}
#path-2 {display:none;}
.parallax-element-6 {width:100%; margin-left:0;}
.parallax-element-6-cnt {padding-left:0; padding-right:0; margin-top:var(--gap-default); margin-bottom:var(--gap-default);}
.parallax-element-6 .note-wrap-alt {position:relative; padding:0px; margin-bottom:var(--gap-default);}
.parallax-element-6 .note-wrap-alt span {margin:2% 4%;}
.parallax-element-6 svg {display:none;}
.slick-prev, .slick-next {left:calc(100% + 5vw); width:10vw; height:7vw;}
.slick-prev {transform:translateX(-100vw);}
.slick-next {transform:translateX(-20vw);}
.slick-next::before, .slick-prev::before {width:inherit; height:inherit;}
.sm-zoom-img-1 {background-image:url(../images/ecoinclusive/img-11.webp); height:50vh; background-size:cover;}
.sm-zoom-img-2 {background-image:url(../images/ecoinclusive/img-12.webp); height:35vh; background-size:cover; position:relative;}
.gc-noscroll .parallax-element-6 img {padding:0;}
.content-row p.has-opacity {max-width:95%; margin-left:auto; margin-right:auto;}
.grow-wrapper {width:100%;}
}

@media (max-width: 767px) {
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.7);}
}