html,body{background-color:#fff;max-width:100%;margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}
.impact-page{background:#f8f8f8;padding:2rem}.impact-heading{text-align:center;color:#000;margin-bottom:2rem;font-size:2rem;font-weight:700}.impact-list{gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.article-content img{width:300px;height:250px}.impact-item{background:#fff;border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px rgba(0,0,0,.1)}.impact-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.impact-link{text-decoration:none}.impact-link h2{color:#000;cursor:pointer;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;transition:color .3s}.impact-link h2:hover{color:orange}.impact-item p{color:#444;margin:0;font-size:1rem;line-height:1.5}.donate-cta{margin-top:10%;margin-bottom:2%;margin-left:50%}.donate-article-btn{color:#fff;cursor:pointer;background:#004aad;border-radius:8px;align-content:center;padding:2rem;font-weight:700;text-decoration:none;transition:background .3s}.donate-article-btn:hover{background:#eaa70e}
.navbar{background-color:#018846;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;position:relative}.navbar-logo{border-radius:8px;margin-right:2rem;padding:6px 10px;display:inline-block}.navbar-logo img{width:150px;height:150px}.navbar-menu{flex:1;justify-content:center;gap:1.5rem;margin:0;padding:0;list-style:none;transition:transform .3s;display:flex}.menu-toggle{cursor:pointer;z-index:1001;font-size:1.5rem;display:none}.navbar-item{cursor:pointer;position:relative}.navbar-item>a{color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .2s;display:block}.navbar-item:hover>a{color:orange;border-left:2px solid transparent;border-right:2px solid transparent;position:relative}.navbar-item:hover>a:before,.navbar-item:hover>a:after{content:"[";color:#00f;position:absolute}.navbar-item:hover>a:after{content:"]";right:.3rem}.navbar-item:hover>a:before{left:.3rem}.navbar-item.active>a{color:orange;border-left:2px solid orange;border-right:2px solid orange;padding:.5rem 1rem}.dropdown{z-index:999;background:#fff;border:1px solid #ccc;min-width:150px;margin:0;padding:.5rem 0;list-style:none;display:none;position:absolute;top:100%;left:0}.dropdown li{padding:0}.dropdown li a{color:green;padding:.5rem 1rem;text-decoration:none;display:block}.dropdown li a:hover{background:#f0f0f0}.navbar-item:hover>.dropdown{display:block}.submenu-right{position:relative}.dropdown.right{z-index:1000;margin-left:.5rem;display:none;top:0;left:100%}.submenu-right:hover>.dropdown.right{display:block}@media (max-width:768px){.navbar-menu{color:#000;z-index:1000;background:#fff;flex-direction:column;align-items:flex-start;width:250px;height:100vh;padding:2rem 1rem;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 5px rgba(0,0,0,.2)}.navbar-menu.open{transform:translate(0)}.navbar-item{width:100%}.navbar-item>a{color:#000;width:100%;padding:1rem 0;display:block}.navbar-item>a:hover{color:orange}.menu-toggle{z-index:1001;color:#000;display:block}.dropdown{box-shadow:none;background:0 0;border:none;position:static}.dropdown li a{color:green;padding-left:1.5rem}.dropdown.right{margin-left:1rem;position:static}}
.footer{color:#fff;background-color:#018846;padding:3rem 2rem 1rem;font-size:.9rem}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:2rem;display:flex}.footer-col{flex:1;min-width:220px}.footer-col img{width:100px;height:100px}.footer-col h4{border-bottom:2px solid #eaa70e;margin-bottom:1rem;padding-bottom:.3rem;font-size:1.1rem;display:inline-block}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col ul li{margin:.5rem 0}.footer-col ul li a{color:#fff;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:#eaa70e}.tagline{color:#000;margin-top:.5rem;font-style:italic}.socials{gap:1rem;margin-top:1rem;display:flex}.socials a{color:#fff;font-size:1.2rem;transition:color .2s}.socials a:hover{color:#eaa70e}.footer-bottom{text-align:center;color:#000;border-top:1px solid #444;padding-top:1rem;font-size:.8rem}