.about-section{background:#f1f9ff;padding-block:clamp(2rem,6vw,7.5rem);position:relative;overflow-x:clip}.about-section:before{content:"";z-index:0;pointer-events:none;opacity:1;background:url(/images/about-section-bg-chakra.svg) 50%/contain no-repeat;position:absolute;inset:0}.about-section__container{z-index:1;flex-direction:column;width:100%;max-width:120rem;margin:0 auto;padding:1.25rem 5.625rem;display:flex;position:relative}@media (min-width:1200px) and (max-width:1550px){.about-section__container{padding:1.25rem 7.5rem}}@media (min-width:992px) and (max-width:1200px){.about-section__container{padding:1.25rem 3.75rem}}@media (min-width:768px) and (max-width:991px){.about-section__container{padding:1.25rem}}@media (min-width:320px) and (max-width:767px){.about-section__container{padding:.625rem .25rem}}.about-section__row{z-index:1;flex-direction:row;justify-content:center;align-items:stretch;row-gap:2rem;width:100%;display:flex;position:relative}@media (min-width:768px) and (max-width:991px){.about-section__row{flex-direction:column;align-items:center;row-gap:1.5rem}}@media (min-width:320px) and (max-width:767px){.about-section__row{flex-direction:column;align-items:stretch;row-gap:1rem}}.about-section__col{flex:1;min-width:0}.about-section__col--left{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (min-width:768px) and (max-width:991px){.about-section__col--left{align-items:center;margin-bottom:1.5rem}}@media (min-width:320px) and (max-width:767px){.about-section__col--left{margin-bottom:.75rem}}.about-section__col--right{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (min-width:768px) and (max-width:991px){.about-section__col--right{align-items:center}}.about-section__content{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:.75rem;padding-right:5rem;display:flex}@media (min-width:992px) and (max-width:1200px){.about-section__content{padding-right:2.5rem}}@media (min-width:768px) and (max-width:991px){.about-section__content{margin-top:.5rem;padding-right:0}}@media (min-width:320px) and (max-width:767px){.about-section__content{gap:.5rem;margin-top:.25rem;padding-right:0}}.about-section__year{font-family:var(--font-host-grotesk),sans-serif;background:url(/images/sector-img2.png) 100% 100%/cover no-repeat;-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:11.25rem;font-weight:800;line-height:.8}@media (min-width:320px) and (max-width:767px){.about-section__year{margin-bottom:.5rem;font-size:7.5rem}}.about-section__title{font-family:var(--font-host-grotesk),sans-serif;color:#ffa600;text-transform:uppercase;margin-bottom:.25rem;font-size:2.5rem;font-weight:600}@media (min-width:320px) and (max-width:767px){.about-section__title{font-size:2rem}}.about-section__title-accent{text-transform:capitalize;font-size:2.5rem;font-weight:600;font-family:var(--font-host-grotesk),sans-serif;color:#106ebe}@media (min-width:320px) and (max-width:767px){.about-section__title-accent{font-size:2rem}}.about-section__description{font-size:1rem;font-weight:300;font-family:var(--font-host-grotesk),sans-serif;color:#24262a;text-align:center;max-width:42.5rem}@media (min-width:768px) and (max-width:991px){.about-section__description{max-width:6.25%rem;text-align:justify;padding-right:0;font-size:.875rem}}@media (min-width:320px) and (max-width:767px){.about-section__description{text-align:left;max-width:100%;padding-right:0;font-size:.75rem}}.about-section__link{margin-top:1rem;text-decoration:none;display:inline-block}@media (min-width:320px) and (max-width:767px){.about-section__link{margin-top:.5rem}}.about-section__btn{color:#fff;border-radius:2.5rem;min-height:2.75rem;padding:.375rem .625rem;font-size:.875rem}@media (min-width:320px) and (max-width:767px){.about-section__btn{min-height:2.25rem;padding:.375rem .5rem;font-size:.75rem}}.about-section__images-grid{isolation:isolate;grid-template:"water water".5fr"power bess".5fr/1fr 1fr;grid-auto-rows:minmax(180px,1fr);align-items:stretch;gap:clamp(.625rem,3vw,1.25rem);min-width:0;margin-top:1rem;display:grid;position:relative}@media (min-width:768px) and (max-width:991px){.about-section__images-grid{grid-auto-rows:minmax(180px,1fr);gap:.75rem;margin-top:.75rem}}@media (min-width:320px) and (max-width:767px){.about-section__images-grid{grid-template:"water water".5fr"power bess".5fr/1fr 1fr;grid-auto-rows:minmax(80px,1fr);gap:.375rem;margin-top:.375rem}}.about-section__sector{aspect-ratio:1/.7;background-color:#106ebe;border-radius:1.25rem;flex-direction:column;justify-content:flex-end;width:100%;height:100%;min-height:180px;display:flex;position:relative;overflow:hidden}@media (min-width:768px) and (max-width:991px){.about-section__sector{min-height:140px}}@media (min-width:320px) and (max-width:767px){.about-section__sector{border-radius:.75rem;min-height:80px}}.about-section__sector--water{grid-area:water;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex;position:relative}.about-section__sector--power{grid-area:power}.about-section__sector--bess{grid-area:bess}.about-section__sector-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.about-section__sector-title{text-transform:uppercase;text-align:center;font-size:clamp(.875rem,2.4vw,1.3rem);font-family:var(--font-host-grotesk),sans-serif;color:#fff;z-index:1;pointer-events:none;background:0 0;width:90%;margin:0;padding:clamp(.625rem,2.4vw,.75rem);font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-section__sector--power .about-section__sector-title,.about-section__sector--bess .about-section__sector-title{z-index:1;background:0 0;width:100%;padding:clamp(.625rem,2.4vw,.75rem);position:absolute;top:auto;bottom:0;left:0;transform:none}.about-section__logo{aspect-ratio:1;z-index:2;pointer-events:none;background-color:#fff;border-radius:50%;place-items:center;width:clamp(5rem,12vw,10rem);height:auto;display:grid;position:absolute;top:calc(50% + .5rem);left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0000003d}@media (min-width:320px) and (max-width:767px){.about-section__logo{width:clamp(3rem,32vw,5rem);top:50%}}.about-section__logo-image{object-fit:contain;width:100%;height:auto;max-height:70%;display:block}@media (min-width:320px) and (max-width:767px){.about-section__logo-image{max-height:60%}}@media (min-width:320px) and (max-width:575px){.about-section__content{padding-inline:.25rem}.about-section__logo{width:clamp(3.75rem,38vw,11.25rem);top:50%}}@media (min-width:576px) and (max-width:767px){.about-section__row{row-gap:2.5rem}.about-section__logo{width:clamp(5rem,16vw,10rem);top:50%}}@media (min-width:768px) and (max-width:991px){.about-section__content{text-align:center;align-items:center}.about-section__description{text-align:justify}.about-section__logo{width:clamp(6.25rem,18vw,11.25rem);top:50%}}@media (min-width:992px) and (max-width:1200px){.about-section__content{text-align:center;align-items:center}.about-section__description{text-align:justify}.about-section__logo{width:clamp(7.5rem,20vw,12.5rem);top:50%}}@media (min-width:1200px) and (max-width:1550px){.about-section__content{text-align:center;align-items:center}.about-section__description{text-align:center}.about-section__logo{width:clamp(8.75rem,22vw,13.75rem);top:50%}}
.counter{color:#24262a;background:#fff url(/images/counter.png) 50%/cover no-repeat;position:relative}@media (min-width:320px) and (max-width:767px){.counter__overlay{padding:1.875rem 0}}.counter__container{max-width:120rem;margin:auto}.counter__grid{grid-template-columns:repeat(6,1fr);gap:2rem;display:grid}@media (min-width:768px) and (max-width:991px){.counter__grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media (min-width:576px) and (max-width:767px){.counter__grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (min-width:320px) and (max-width:575px){.counter__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.counter__item{text-align:center;padding:1.875rem 0;position:relative}.counter__item:after{content:"";background:linear-gradient(#fff0 0%,#106ebe 50%,#fff0 100%);width:1px;height:80%;position:absolute;top:10%;right:-1rem}.counter__item:last-child:after{display:none}.counter__icon{display:inline-block}.counter__value{font-size:2rem;font-family:var(--font-host-grotesk),sans-serif;margin-top:.625rem;margin-bottom:0;font-weight:500}.counter__label{font-size:1rem;font-family:var(--font-host-grotesk),sans-serif;opacity:.9;text-transform:uppercase;line-height:1.4}@media (min-width:320px) and (max-width:575px){.counter__label{font-size:.875rem}}
.division{color:#fff;background-color:#0b3149;background-image:url(/images/division-bg.png);background-position:100% 100%;background-repeat:no-repeat;padding:7.5rem 0;overflow:hidden}@media (min-width:320px) and (max-width:767px){.division{padding:3.75rem 0}}.division__container{width:100%;max-width:120rem;margin:0 auto;padding:0 1rem}.division__row{flex-wrap:wrap;gap:2rem;display:flex}@media (min-width:320px) and (max-width:767px){.division__row{flex-direction:column;gap:1.25rem}}.division__header{width:58%;font-size:3rem;font-family:var(--font-host-grotesk),sans-serif;font-weight:600}@media (min-width:768px) and (max-width:991px){.division__header{width:66%;margin-bottom:.75rem}}@media (min-width:320px) and (max-width:767px){.division__header{width:100%;margin-bottom:1.5rem}}.division__sub-title{font-size:.75rem;font-family:var(--font-poppins),sans-serif;text-transform:uppercase;letter-spacing:.375rem;color:#fff;font-weight:500}.division__title{font-family:var(--font-host-grotesk),sans-serif;color:#fff;margin-bottom:1.25rem;font-size:3rem}@media (min-width:320px) and (max-width:767px){.division__title{font-size:2rem}}.division__content{width:100%}.division__grid{flex-flow:row;gap:1.5rem;display:flex}@media (min-width:320px) and (max-width:767px){.division__grid{flex-direction:column;gap:1rem}}.division__item,.division__item--water{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.division__card-link{color:#fff;width:100%;text-decoration:none}.division__card img{object-fit:cover;object-position:center;border:.4rem solid;border-radius:1.25rem;width:100%;height:400px}.division__card-title{text-align:center;font-family:var(--font-host-grotesk),sans-serif;text-transform:capitalize;border-radius:.625rem;margin-top:.75rem;padding:.5rem;font-size:1.25rem;font-weight:600}.division__card-title a{color:#fff;text-decoration:none}.division__card--bess{margin-top:6.25rem}.division__card--bess img{border-color:#20af24}.division__card--bess .division__card-title{background-color:#20af24}@media (min-width:320px) and (max-width:767px){.division__card--bess{margin-top:1.25rem;margin-bottom:5rem}}.division__card--power img{border-color:#ffa600}.division__card--power .division__card-title{background-color:#ffa600}@media (min-width:320px) and (max-width:767px){.division__card--power{margin-top:0;margin-bottom:5rem}}.division__card--water{margin-top:-6.25rem}.division__card--water img{border-color:#106ebe}.division__card--water .division__card-title{background-color:#106ebe}@media (min-width:320px) and (max-width:767px){.division__card--water{margin-top:0;margin-bottom:5rem}}.division__footer{max-width:398px;font-size:1rem;font-family:var(--font-host-grotesk),sans-serif;text-align:right;margin-top:5rem;margin-left:auto;font-weight:300}@media (min-width:768px) and (max-width:991px){.division__footer{margin-top:3.125rem}}@media (min-width:576px) and (max-width:767px){.division__footer{margin-top:1.875rem}}@media (min-width:320px) and (max-width:575px){.division__footer{margin-top:1.25rem}}@media (min-width:320px) and (max-width:767px){.division__footer{margin-top:3.125rem}}
