:root{--ecoinfaq-primary:#87cf2d;--ecoinfaq-accent:#a45e05;--eco-green:#154b38;--eco-dark:#0d382a;--eco-text:#193b30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--eco-text);font:16px/1.65 Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.eco-top{height:38px;padding:0 6%;display:flex;align-items:center;gap:30px;background:var(--eco-dark);color:#d7e6df;font-size:12px}.eco-top span:last-child{margin-left:auto}.eco-header{height:86px;padding:0 6%;display:flex;align-items:center;gap:28px;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 15px #173d2c13}.eco-logo{margin-right:auto}.eco-logo img,.custom-logo{display:block;width:175px;height:auto}.eco-header ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.eco-header a{font-size:14px;font-weight:750}.eco-phone{border-left:1px solid #dae5dc;padding-left:20px;display:grid}.eco-phone small{font-size:10px}.eco-donate,.eco-btn{padding:14px 20px;background:var(--ecoinfaq-primary);font-size:12px;font-weight:900}.eco-menu{display:none;border:0;background:none;font-size:25px}.eco-hero{height:660px;position:relative;background:var(--eco-dark);overflow:hidden}.eco-slides,.eco-slide{position:absolute;inset:0}.eco-slide{opacity:0;transition:opacity .8s;background:linear-gradient(90deg,#082f23e8,#0b3b2990,#0001),var(--hero) center/cover}.eco-slide.active{opacity:1}.eco-slide>div{position:absolute;left:9%;top:50%;transform:translateY(-50%);max-width:750px;color:#fff}.eco-slide span,.eco-kicker{font-size:12px;letter-spacing:2px;font-weight:900;color:#9edb52}.eco-slide h1{font:700 clamp(47px,5.5vw,76px)/1.04 Georgia,serif;margin:15px 0;letter-spacing:-2px}.eco-slide h1 em,.eco-about h2 em,.eco-invest h2 em{font-weight:400;color:#b4e978}.eco-slide p{max-width:590px;color:#e1ebe6}.eco-slide a{display:inline-block;margin-top:16px;background:var(--ecoinfaq-primary);color:#123b28;padding:15px 22px;font-size:12px;font-weight:900}.eco-prev,.eco-next{position:absolute;z-index:3;top:48%;width:45px;height:45px;background:#123d30aa;color:#fff;border:1px solid #fff6;font-size:29px}.eco-prev{left:2%}.eco-next{right:2%}.eco-benefits{max-width:1180px;margin:-30px auto 0;position:relative;z-index:5;background:#fff;box-shadow:0 14px 42px #173a2924;display:grid;grid-template-columns:repeat(4,1fr)}.eco-benefits article{padding:27px 20px;display:flex;gap:15px;border-right:1px solid #e1eae3}.eco-benefits b{font-size:30px;color:#74af2e}.eco-benefits strong,.eco-benefits small{display:block}.eco-benefits small{font-size:11px;color:#74867e}.eco-about{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.eco-about-art{height:470px;background:linear-gradient(#0c3a2a44,#0c3a2a44),url('https://static.republika.co.id/uploads/images/inpicture_slide/relawan-dompet-dhuafa-menanam-pohon-di-desa-linduk-kecamatan-_171210220915-166.jpg') center/cover;border:12px solid #eef6e8}.eco-about h2,.eco-heading h2,.eco-invest h2{font:700 45px/1.1 Georgia,serif;margin:12px 0 22px}.eco-about p{color:#687e75;margin-bottom:30px}.eco-section{padding:95px 7%}.eco-program-section{background:#f5f8f1}.eco-heading{position:relative;margin-bottom:35px}.eco-heading>a{position:absolute;right:0;bottom:0;font-weight:800;color:#548522}.eco-invest{padding:90px 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;background:var(--eco-dark);color:#fff}.eco-invest-copy p{color:#bed1c9}.eco-gold{background:var(--ecoinfaq-accent);display:inline-block;margin-top:16px}.eco-builder-content,.eco-content,.eco-campaign-template{max-width:1180px;margin:auto;padding:70px 6%}.eco-footer{background:#0e3327;color:#c1d3cb}.eco-footer-grid{padding:70px 7%;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.eco-footer-grid img{width:180px}.eco-footer-grid a{display:block;margin:8px 0;font-size:13px}.eco-footer-grid p{font-size:13px}.eco-footer h4{color:#fff;font-size:12px}.eco-copy{background:#09281f;padding:18px 7%;display:flex;justify-content:space-between;font-size:11px}@media(max-width:950px){.eco-top,.eco-phone,.eco-donate,.eco-header nav{display:none}.eco-menu{display:block}.eco-header nav.open{display:block;position:absolute;top:86px;left:0;right:0;background:#fff;padding:25px}.eco-header nav.open ul{display:grid}.eco-benefits{margin:0;grid-template-columns:1fr 1fr}.eco-about,.eco-invest{grid-template-columns:1fr}.eco-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.eco-header{height:70px}.eco-hero{height:590px}.eco-slide>div{left:7%;right:7%}.eco-slide h1{font-size:43px}.eco-prev,.eco-next{display:none}.eco-benefits{grid-template-columns:1fr}.eco-about,.eco-section,.eco-invest{padding:70px 6%}.eco-about-art{height:370px}.eco-about h2,.eco-heading h2,.eco-invest h2{font-size:36px}.eco-heading>a{position:static}.eco-footer-grid{grid-template-columns:1fr}.eco-copy{display:grid;gap:6px}}
