html{box-sizing:border-box;font-family:Inter}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}* a{text-decoration:none}@font-face{font-family:Inter;src:url(/Fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}body{width:100%;height:100%;display:flex;flex-direction:column}#support-btn{background:#ffa726;color:#fff;padding:10px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}#support-btn:hover{background:#fb8c00}#app{display:flex;flex-direction:column;min-height:100vh}#main-content{flex:1}#navbar{display:grid;grid-template-columns:10% 90%;align-items:center;justify-items:flex-end;padding:.5% 1%;margin-bottom:10px;box-shadow:0 2px 2px #00000050;position:sticky;top:0;left:0;z-index:1;background-color:#fff;width:100%;min-height:60px}#brand{display:flex;align-items:center;gap:1px;font-weight:700;font-size:1.2rem;justify-self:start}#brand-name{color:#000}#brand img{width:40px;height:40px;border-radius:50%}.nav-links{display:flex;column-gap:25px;font-size:1rem}.nav-links a{color:#222;font-weight:500;transition:color .2s}.nav-links a:hover{color:#4cd137}#menu{width:30px;height:30px;display:none}@media (max-width:1050px){.nav-links{font-size:.9rem}}@media (max-width: 1024px){#navbar{padding:0 2%}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;right:0%;background-color:#ffffffec;min-width:200px;padding:3% 10%;gap:10px;margin:10px;border-radius:12px}#menu{display:block}.nav-links.show{display:flex}}#footer{background-color:#0e1a24;color:#f2f2f2;font-family:Segoe UI,sans-serif;padding:3rem 4rem;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;column-gap:3rem;row-gap:2rem}#left{display:flex;flex-direction:column;gap:2rem;grid-column:1;grid-row:1}#footer-contact{display:flex;flex-direction:column;gap:1rem;grid-column:2;grid-row:1}#footer-info{grid-column:1 / span 2;border-top:1px solid #1c2c3a;padding-top:1.5rem;font-size:.9rem;color:#aaa;text-align:center}#logo{display:flex;align-items:center;gap:.8rem}#logo img{width:48px;height:48px;border-radius:50%}#footer-brand h1{font-size:1.6rem;margin:0}#footer-brand p{margin-top:.4rem;font-size:1rem;color:#ccc}#links h2{font-size:1.2rem;margin-bottom:.5rem}#links ul{list-style:none;padding:0;margin:0}#links li{margin-bottom:.4rem}#links a{color:#f2f2f2;text-decoration:none}#links a:hover{color:#32cd32}#contact-title{font-size:1.2rem;margin-bottom:.7rem}.contacts{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.contacts a{color:#fff;text-decoration:underline}.icon{width:20px;height:20px}@media screen and (max-width: 768px){#footer{display:flex;flex-direction:column;padding:2rem 1.5rem;gap:2rem}#left,#footer-contact{max-width:100%}#footer-info{border-top:1px solid #1c2c3a;margin-top:1rem;padding-top:1.2rem;text-align:center}#logo{justify-content:flex-start}.contacts{flex-wrap:wrap;font-size:.9rem}}#home p{line-height:1.5}#purpose{background-color:#80808018;padding:2%;margin:10px auto;width:70%;border-radius:12px;display:flex;flex-direction:column;gap:10px}#purpose h2{color:#44bd32;align-self:center;font-size:1.2rem}.purpose-card{display:flex;flex-direction:column;gap:10px}.purpose-header{display:flex;align-items:center;gap:10px;font-size:1rem}.purpose-header img{width:30px;height:30px}#purpose h3{color:#44bd32}#purpose-action{text-align:center}.title{font-size:1.1rem;color:#44bd32}#impact-areas{margin:4% 2%;display:flex;flex-direction:column;gap:10px;align-items:center}#impact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:10px}.impact-card{display:flex;flex-direction:column;box-shadow:2px 2px 5px #0000005a;border-radius:12px;padding:6%;align-items:center;justify-content:space-between;gap:5px}.impact-card img{max-width:150px;border-radius:12px}#maternal-img{background-color:#3caeff}#water-img{background-color:#fed16a;padding:4%}#mental-img{background-color:#a0c878;padding:3%}#community-img{background-color:#41b218;padding:2%}#impact-areas button{width:fit-content;background:#4cd137;color:#fff;padding:12px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;display:inline-block;margin-top:10px}#impact-areas button:hover{background:#44bd32}#community-impact{background-color:#e1dede76;width:95%;margin:0 auto 3%;padding:2% 3%;display:flex;flex-direction:column;align-items:center;gap:10px}#partners{display:flex;flex-direction:column;align-items:center;gap:10px;margin:2% auto;background-color:#e1dede76;padding:2% 3%;width:95%}#get-involved{display:flex;flex-direction:column;gap:10px;align-items:center;background-color:#e1dede76;width:95%;margin:0 auto;padding:2% 3%}@media (max-width:480px){#purpose{width:90%}}@media (max-width:760px){#get-involved{padding-left:5%}#community-impact{width:100%}}#hero{padding:0 2%;display:grid;grid-template-columns:45% 55%;justify-content:space-between;column-gap:20px}#hero-content{padding:10% 5%}#hero-content h1{font-size:2rem;font-weight:700;margin-bottom:12px}#hero-content #subtitle{font-size:1.1rem;margin-bottom:24px;color:#222}#btn-green{width:fit-content;background:#4cd137;color:#fff;padding:12px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;display:inline-block}#btn-green:hover{background:#44bd32}#hero-image{width:100%}#hero-image img{width:100%;max-height:450px;border-radius:12px;object-fit:cover;box-shadow:0 4px 24px #00000014}@media (max-width: 768px){#hero{display:flex;flex-direction:column;position:relative}#hero-content{position:absolute;top:10%;left:0%;color:#fff;background-color:#00000036;width:90%;margin:0 5%}#hero-content h1{font-size:1.6rem}#hero-content #subtitle{color:#fff}#btn-green{font-size:.7rem}}#future-plans{display:flex;flex-direction:column;align-items:center;gap:10px;background-color:#e1dede55;width:95%;margin:0 auto;border-radius:12px;padding:2%}#future-plans h3{font-size:1.05rem;font-weight:100}#future-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:2%}.future-card{max-width:300px;display:flex;flex-direction:column;gap:10px;align-items:center;box-shadow:2px 2px 5px #00000050;padding:1%;border-radius:12px}.future-icon{max-width:100px}.title.sub{font-size:1.05rem;font-style:italic}@media (max-width: 768px){#future-plans{width:95%;border-radius:0}.future-card{padding:3%}}.chat-toggle-button{position:fixed;bottom:24px;right:24px;z-index:9999;background-color:transparent;border:none;cursor:pointer;padding:0;width:56px;height:56px}.chat-icon{width:100%;height:100%;object-fit:contain;border-radius:50%;box-shadow:2px 2px 5px #0000004a}.chatbot-iframe-container{position:fixed;bottom:90px;right:24px;width:360px;height:500px;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000004d;z-index:9999}@media screen and (max-width: 480px){.chatbot-iframe-container{width:90vw;height:70vh;right:5vw;bottom:100px;border-radius:12px}}#about{display:flex;flex-direction:column;width:90%;margin:auto;gap:20px}#about .title{font-size:1.15rem}#about .card{display:grid;grid-template-columns:1fr 3fr;grid-template-areas:"img content";align-items:center;border-radius:12px;box-shadow:2px 2px 5px #a7a6a661;padding:2% 3%;gap:1rem}#about .card.reverse{grid-template-columns:3fr 1fr;grid-template-areas:"content img"}#objectives{display:flex;flex-direction:column;align-items:center;gap:20px;border-radius:12px;box-shadow:2px 2px 5px #a7a6a642;padding:2% 4%}#about .card-content{grid-area:content;display:flex;flex-direction:column;gap:10px}#about .illustration{grid-area:img;max-width:200px;border-radius:20px;justify-self:start}#about .illustration img{width:100%;height:auto;object-fit:cover}.list{display:flex;flex-direction:column;gap:10px;font-size:1.05rem;padding-left:4%}#about p{font-size:1.05rem;line-height:25px}@media (max-width: 768px){#about .card{display:flex;flex-direction:column;padding-bottom:4%}#about .card.reverse{grid-template-areas:"img" "content";grid-template-rows:1fr 2fr;grid-template-columns:1fr}.illustration{order:-1}}#team{width:90%;margin:auto}#intro-card{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;padding:0 2%}#card-img{max-width:250px}#card-img img{width:100%}#intro-info{display:flex;flex-direction:column;align-items:center}#governance-structure{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#b0aeae1d;border-radius:12px;padding:2%;margin-bottom:20px;gap:20px}.content{width:100%}.content ul{width:90%;margin-left:20px}#team p{line-height:25px;font-size:1.05rem}#team .title{font-size:1.2rem}#team .subtitle{font-size:1.1rem}#leadership-commitment{background-color:#b0aeae1d;padding:2%;border-radius:12px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){#team{width:100%;padding:0 2%}#governance-structure,#leadership-commitment{border-radius:0}}#intro{display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto}#programs{display:flex;flex-direction:column;width:90%;margin:20px auto}.subtitle{align-self:center}#card-list{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:20px;margin:20px 0}#card-list .card{display:flex;flex-direction:column;width:32%;min-width:300px;align-items:center;border-radius:12px;box-shadow:2px 2px 5px #0000004a;padding:2%;gap:10px}#work .card-img{width:30%}.card-img img{width:100%}#work .card-content{display:flex;flex-direction:column;align-items:center;gap:10px}.key-activities span{font-weight:600}@media (max-width:768px){#intro{width:90%}#work ul{margin-left:5%}}#blog #hero{display:flex;flex-direction:column;position:relative}#blog #hero img{max-height:250px;object-fit:cover;object-position:0 70%;opacity:50%}#blog #text{width:96%;margin:0 2%;position:absolute;top:50%;left:0;padding:0 2%}#blog #nav{display:flex;flex-wrap:wrap;gap:20px;justify-content:start;padding:1%;border-bottom:2px solid rgba(0,0,0,.233);margin:0 auto 10px;width:96%}#blog #nav li{list-style-type:none}#all-btn{background-color:#45bd32bb;color:#fff}#all-btn:hover{background-color:#45bd32}#blog .btn{color:#000;transition:all .3s ease}#blog .btn:hover,.active{background-color:orange;color:#fff}#blog .btn:active{background-color:#ffa6009e}#blog #nav li button{border:1px solid rgba(0,0,0,.097);padding:4px;border-radius:5px;font-size:1rem;cursor:pointer}#blog #text{text-align:center}#blog #content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem;width:98%;margin:0 auto;place-items:center}#blog .topic{background-color:orange;color:#fff;padding:1%;border-radius:5px;width:fit-content}#blog .read-more{color:#0e735f}#blog .card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;max-width:400px;height:100%}#blog .card img{width:100%;height:200px;border-radius:8px 8px 0 0;object-fit:cover}#blog .content{padding:.5rem;display:flex;flex-direction:column;row-gap:10px}#support-container{background-color:#e6f9f3;padding:3%;display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:10px}#loading{text-align:center}@media (max-width: 600px){#blog #nav{gap:15px;padding:4% 2%}#blog #text{width:96%;margin:0 2%;position:absolute;top:30%;left:0;padding:0 2%}#support-container{flex-direction:column;padding:3% 1%}#blog #content{width:100%}}#support-page{font-family:Arial,sans-serif;color:#222;line-height:1.6}#support-hero{background:url(/hero2.jpg) center/cover no-repeat;min-height:60vh;display:flex;align-items:center;justify-content:center;position:relative}#support-hero-overlay{background:#00000080;color:#fff;text-align:center;padding:2rem}#support-hero h1{font-size:2.5rem;margin-bottom:1rem}#support-hero p{margin-bottom:1.5rem}#support-hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}#support-hero-buttons button,.support-btn-orange,.support-btn-green{padding:.5rem 1rem;font-size:1rem;cursor:pointer;border-radius:12px}.support-btn-orange{background:#f7931e;color:#fff;border:none}#support-btn-outline{background:transparent;color:#fff;border:2px solid white}.support-btn-green{background:#007f5f;color:#fff;border:none}.support-btn-orange:hover,.support-btn-green:hover,#support-btn-outline:hover{opacity:.85}#why-support{padding:3rem 2rem;text-align:center}#stats{display:flex;justify-content:center;flex-wrap:wrap;margin-top:2rem}#stats div{margin:1rem;text-align:center}#stats h3{font-size:2rem;color:#007f5f}#ways-help{background:#f9f9f9;padding:3rem 2rem;text-align:center}#help-cards{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.support-card{background:#fff;padding:2rem;border-radius:8px;width:300px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.support-card h3{margin:1rem 0}.support-card p{font-size:.95rem;margin-bottom:1rem}.support-icon{width:50px;height:50px;align-self:center;padding:10px;border-radius:50%}.support-icon img{width:100%}.support-icon.heart{background-color:#f7931e}.support-icon.volunteer{background-color:#007f5f}.support-icon.partner{background-color:#f7931e}#cta{background:#e6fff3;padding:2.5rem 2rem;text-align:center}#cta h2{margin-bottom:.5rem}@media (max-width: 768px){#support-hero{width:95%;margin:0 auto;border-radius:12px}#support-hero h1{font-size:1.8rem;margin-bottom:1rem}#support-hero p{margin-bottom:1.5rem}}#container{margin:5% 0;display:flex;flex-direction:column;align-items:center;gap:10px}#image{width:fit-content}#image img{width:100%;max-width:200px}#container p{font-size:1.1rem}@media (max-width:768px){#container p{padding:0 3%}}#contact-hero{position:relative}#contact #hero{width:100%;max-height:200px;object-fit:cover;object-position:0 20%;filter:blur(5px)}#contact #text{color:#fff;text-align:center;position:absolute;top:40%;left:20%}#form-container{padding:2%;display:flex;flex-direction:column;gap:15px}#contact h3{color:#44bd32}#contact form{display:flex;flex-direction:column;gap:20px}#contact form label{display:flex;flex-direction:column;width:100%;gap:10px}#contact form label input{width:100%;max-width:400px;height:30px;padding:1%;font-size:1.03rem;outline:none;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 3px #0000001a}form select{width:100%;max-width:300px;padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:8px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:12px;outline:none;box-shadow:0 1px 3px #0000001a}textarea{width:100%;max-width:600px;padding:12px;font-size:16px;line-height:1.6;border:1px solid #ccc;border-radius:8px;resize:vertical;box-shadow:0 1px 3px #0000001a;outline:none}#contact #form-container button[type=submit]{max-width:400px;font-size:1.1rem;padding:.5% 0;border-radius:8px;border:none;box-shadow:2px 2px 5px #00000031;background-color:#45bd32c0;color:#fff;cursor:pointer}#contact #form-container button[type=submit]:hover{background-color:#45bd32}#contact-info{display:flex;flex-direction:column;gap:20px;padding:0 2%}#contact-info .contact{display:flex;gap:10px;align-items:center}#contact-info .contact .description{display:flex;flex-direction:column;font-size:.95rem}#contact-info img{width:30px}.error{color:red;font-size:.85rem;margin-top:.2rem}.success{color:green;font-size:.9rem;margin-bottom:1rem}.other-emails{margin-top:1rem}.other-emails h3{margin-bottom:.6rem;font-size:1rem;color:#333}.other-emails ul{list-style:disc inside;padding-left:1rem;margin:0}.other-emails li{font-size:.95rem;color:#000;margin-bottom:.3rem}.spinner{display:inline-block;font-weight:700;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width: 768px){#contact #text{font-size:1rem;color:#fff;text-align:center;position:absolute;top:30%;left:0%}}#not-found{height:100%;display:flex;flex-direction:column;align-items:center;margin-top:10%}#blogDetail #hero{max-height:250px;width:100%;object-fit:cover;object-position:0 70%}#content-container{background-color:#00ffff0b;padding:2% 0}#content{width:70%;margin:10px auto;line-height:1.7}#content h2{font-size:1.2rem;color:#44bd32}#content h3{font-size:1.1rem;margin-top:10px}#feature-img{padding:2% 0;display:flex;justify-content:center}#feature-img img{max-width:300px}@media (max-width:768px){#content{width:90%}}#wellness-page{max-width:1100px;margin:0 auto;padding:40px 20px}#wellness-page h1{font-size:2rem;text-align:center;margin-bottom:10px}#wellness-page .subtitle{text-align:center;font-size:1rem;color:#0b0b0b;margin-bottom:30px}.search-filter{display:flex;justify-content:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.search-filter input{flex:1;padding:10px;border:1px solid #ccc;border-radius:8px;outline:none;max-width:300px}.filters{display:flex;gap:30px}.filters select{width:fit-content;max-width:300px;padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:8px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:12px;outline:none;box-shadow:0 1px 3px #0000001a}.filter-btn{padding:10px 15px;border-radius:8px;border:1px solid #ccc;background-color:#fff;cursor:pointer;width:fit-content}.filter-btn{background-color:#16a34a;color:#fff;border:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));justify-items:center;gap:20px}#wellness-page .card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 0 10px #0000000d;display:flex;flex-direction:column;gap:10px;transition:.3s ease;cursor:pointer;height:100%;max-width:330px}#wellness-page .card:hover{transform:translateY(-5px)}.card .club-image{max-height:150px}.club-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.card p{margin-bottom:auto}.card .info{font-size:.9rem;color:#666;display:flex;justify-content:space-between}.card button{padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer}button.join{background-color:#16a34a;color:#fff}button.join:hover{background-color:#03d650}button.join:active{background-color:#02702cb9}@media (max-width: 768px){.filters{justify-content:center;gap:30px}}#donate-page{font-family:Arial,sans-serif;color:#333}#donate-hero{background:url(/donate-hero.jpg) center/cover no-repeat;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}#donate-overlay{background:#0006;padding:30px;border-radius:8px;color:#fff}.btn-orange{background:#fbbc04;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-weight:700;cursor:pointer;margin-top:15px}.btn-orange:hover{background:#e6a500}#payment-methods{padding:50px 20px;text-align:center}#methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}.method-card{border:1px solid #eee;border-radius:8px;padding:20px;background:#fff;line-height:1.5}.donate-icon img{width:40px}#donation-supports{padding:50px 20px;background:#fafafa;text-align:center}#supports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}#supports-grid .donate-icon{font-size:30px;color:#009688;margin-bottom:10px}#donation-cta{padding:50px 20px;text-align:center;background:#e0f7f5}@media (max-width: 768px){#donate-hero{width:95%;margin:0 auto;border-radius:12px}}#impact-page{margin:0 auto 20px;width:95%}.impact-header{text-align:center;margin-bottom:10px}.impact-header h1{font-size:1.6rem;font-weight:700;margin-bottom:10px;color:#4cd137}.impact-header p{font-size:1.1rem;color:#666}#events{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;justify-items:center;margin-top:20px}.event{box-shadow:2px 2px 5px #ddd9d9ec;border-radius:8px;display:flex;flex-direction:column;max-width:400px}.event img{width:100%;max-height:200px;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.event-about{margin:10px 0;display:flex;flex-direction:column;gap:10px;padding:0 15px}.event-title{font-weight:400}.event-date{font-weight:300;font-size:.9rem;display:flex;gap:10px;align-items:center;background-color:#80808014;padding:2px;width:fit-content}.event-date img{width:20px}.event-overview{font-weight:300;font-size:.95rem}.event button{background-color:#1b9508c6;margin:auto 15px 15px;border:none;font-size:1.05rem;padding:3px 0;border-radius:8px;cursor:pointer;color:#fff;font-weight:500}.event button:hover{background-color:#31df17d1}#event-hero{position:relative;width:100%;height:40vh;max-height:300px}#event-title{position:absolute;top:60%;left:5%;font-size:1.4rem;font-weight:600;color:#fff;background-color:#00000048;padding:10px}#event-hero img{width:100%;height:100%;object-fit:cover}#event-content{width:95%;margin:10px auto}#event-about{line-height:1.6}#event-about h2{font-size:1.2rem;color:#4cd137;margin:10px 0}#event-about h3{font-size:1.15rem;color:#4cd137;margin:10px 0}#event-about ul{padding:0 30px;display:flex;flex-direction:column;gap:3px;margin:2px 0}#event-gallery{width:95%;margin:20px auto}#event-gallery h3{font-size:1.15rem;text-align:center;color:#4cd137;margin-bottom:10px}#events-images{display:flex;gap:10px;overflow:scroll}.event-image{min-width:250px}.event-image img{width:100%}@media (max-width:480px){#event-title{font-size:1.15rem}}.slider{position:relative;max-width:900px;margin:0 auto;overflow:hidden;border-radius:2px;box-shadow:0 4px 20px #0003}.slider-container{position:relative;height:400px}.slide-image{position:absolute;width:100%;height:100%;object-fit:contain;border-radius:2px}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0006;border:none;color:#fff;padding:10px;border-radius:50%;cursor:pointer;transition:background .3s}.arrow:hover{background:#0009}.arrow-left{left:15px}.arrow-right{right:15px}.dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:#fff9;border:none;cursor:pointer;transition:background .3s}.dot.active{background:#fff}