body, html {
    margin: 0;
    padding: 0;
}
:root{--header-img:url('img/admin.jpeg');--text:#fff;}
.header{position:relative;width:100%;height:420px;overflow:hidden;isolation:isolate;background:#000;}
.header::before{content:"";position:absolute;inset:0;background:var(--header-img) no-repeat center/cover;filter:blur(22px);transform:scale(1.15);opacity:.95;z-index:0;}
.header::after{content:"";position:absolute;inset:0;background:var(--header-img) no-repeat center/contain;z-index:1;}
.header .header-overlay{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.75) 100%);z-index:2;}
.header-content{position:absolute;bottom:0;right:0;left:auto;z-index:3;padding:22px 24px;max-width:min(720px,92%);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right;direction:rtl;color:var(--text);}
.header-content h1{margin:0 0 6px 0;font-weight:900;letter-spacing:.2px;line-height:1.15;font-size:2.6rem;text-shadow:0 8px 24px rgba(0,0,0,.55);}
.header-content p{margin:0;font-weight:700;line-height:1.35;font-size:1.6rem;opacity:.95;text-shadow:0 8px 24px rgba(0,0,0,.55);}
@media (max-width:768px){.header{height:320px;}.header-content{padding:16px 16px;max-width:94%;}.header-content h1{font-size:1.7rem;}.header-content p{font-size:1.1rem;}}
@media (max-width:480px){.header{height:270px;}.header-content{padding:14px 14px;max-width:96%;}.header-content h1{font-size:1.35rem;}.header-content p{font-size:1rem;}}


/* قسم من نحن */
:root{--brand:#92c341;--brand-dark:#678a30;--ink:#05333c;--muted:#54626a;--bg:#f7fafb;--card:#ffffff;--line:rgba(5,51,60,.10);--shadow:0 12px 30px rgba(0,0,0,.08);--shadow2:0 16px 40px rgba(0,0,0,.12);--r:18px;}
.about-section{padding:72px 0;background:radial-gradient(900px 420px at 85% -10%,rgba(146,195,65,.14),transparent 60%),linear-gradient(180deg,#fff,rgba(247,250,251,.85));color:var(--ink);direction:rtl;}
.about-head{max-width:980px;margin:0 auto 26px auto;text-align:center;padding:0 14px;}
.about-head h2{margin:0 0 10px 0;font-size:1.6rem;font-weight:1000;color:var(--brand);letter-spacing:.2px;}
.about-lead{margin:0 auto;max-width:980px;font-size:1rem;line-height:2;color:var(--muted);text-align:right;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px;box-shadow:0 10px 24px rgba(0,0,0,.04);}
.about-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;align-items:stretch;}
.about-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 16px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;}
.about-card::before{content:"";position:absolute;inset:-1px auto auto -1px;width:140px;height:140px;background:radial-gradient(circle at 30% 30%,rgba(146,195,65,.22),transparent 60%);pointer-events:none;}
.about-card:hover{transform:translateY(-6px);box-shadow:var(--shadow2);border-color:rgba(146,195,65,.35);}
.about-icon{width:72px;height:72px;border-radius:16px;background:rgba(146,195,65,.12);display:flex;align-items:center;justify-content:center;border:1px solid rgba(146,195,65,.22);margin:0 0 12px 0;}
.about-icon img{width:54px;height:54px;object-fit:contain;display:block;border-radius:16px;}
.about-card h3{margin:0 0 10px 0;font-size:1.15rem;font-weight:900;color:var(--ink);}
.about-card p{margin:0 0 14px 0;font-size:.95rem;line-height:1.9;color:var(--muted);text-align:right;}
.about-link{margin-top:auto;align-self:flex-start;text-decoration:none;color:var(--brand);font-weight:900;display:inline-flex;gap:8px;align-items:center;transition:color .2s ease,transform .2s ease;}
.about-link::after{content:"←";font-weight:900;transform:translateY(-1px);}
.about-link:hover{color:var(--brand-dark);transform:translateX(-2px);}
@media (max-width:992px){.about-section{padding:54px 0;}.about-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.about-head h2{font-size:1.45rem;}.about-lead{font-size:.95rem;}}
@media (max-width:768px){.about-cards{grid-template-columns:1fr;gap:14px;}.about-lead{padding:14px 14px;}.about-card{padding:16px 14px;}}


        

/* قسم أخر المشاريع */
:root{--p:#92c341;--p2:#678a30;--txt:#1f2937;--muted:#6b7280;--card:#fff;--bd:rgba(17,24,39,.10);--sh:0 10px 30px rgba(17,24,39,.08);--sh2:0 18px 45px rgba(17,24,39,.14)}
.projects-section{margin:28px auto;padding:0 110px;text-align:center}
.projects-section h2{margin:0 0 18px;color:var(--p);font-size:1.6rem;font-weight:800;letter-spacing:.2px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.project-card{background:var(--card);border:1px solid var(--bd);border-radius:18px;overflow:hidden;box-shadow:var(--sh);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-align:start}
.project-card:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:rgba(146,195,65,.35)}
.project-media{display:block;position:relative;isolation:isolate}
.project-card img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block;transform:scale(1);transition:transform .35s ease}
.project-card:hover img{transform:scale(1.03)}
.project-content{padding:14px 14px 16px}
.project-card h3{margin:0 0 8px;color:var(--txt);font-size:1.05rem;font-weight:800;line-height:1.35}
.project-card p{margin:0 0 12px;color:var(--muted);font-size:.9rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.btn-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:var(--p);color:#fff;text-decoration:none;border-radius:12px;font-size:.9rem;font-weight:800;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px rgba(146,195,65,.25)}
.btn-more:hover{background:var(--p2);transform:translateY(-1px)}
.btn-more:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(146,195,65,.25),0 8px 18px rgba(146,195,65,.25)}
.projects-empty{margin:10px 0 0;color:var(--muted);font-size:.95rem}
@media (max-width:992px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:576px){.projects-section{margin:22px auto;padding:0 12px}.projects-section h2{font-size:1.35rem}.projects-grid{grid-template-columns:1fr;gap:12px}.project-content{padding:12px}.project-card h3{font-size:1rem}.project-card p{font-size:.88rem}.btn-more{width:100%}}






.donation-section{background:radial-gradient(900px 420px at 85% -10%,rgba(146,195,65,.18),transparent 60%),linear-gradient(180deg,#05333c,#042a31);padding:64px 0;text-align:center;direction:rtl}
.donation-head{max-width:900px;margin:0 auto 18px}
.donation-section h2{color:#fff;margin:0 0 10px;font-size:1.65rem;font-weight:900;letter-spacing:.2px}
.donation-sub{color:rgba(255,255,255,.82);margin:0 auto;max-width:760px;line-height:1.9;font-size:.98rem}
.donation-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:18px}
.donation-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 14px 34px rgba(0,0,0,.18);display:flex;align-items:center;gap:14px;text-align:right;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.donation-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.24);border-color:rgba(146,195,65,.45);background:rgba(255,255,255,.10)}
.donation-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(146,195,65,.18);border:1px solid rgba(146,195,65,.35);flex:0 0 auto}
.donation-icon i{font-size:26px;color:#fff}
.donation-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.donation-info h3{margin:0;color:#fff;font-size:1.05rem;font-weight:900}
.donation-info p{margin:0;color:rgba(255,255,255,.78);font-size:.92rem;line-height:1.7}
.donation-actions{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.Donate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;padding:12px 22px;border-radius:14px;text-decoration:none;font-weight:900;color:#05333c;border:1px solid rgba(255,255,255,.85);transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.Donate-btn:hover{background:#92c341;color:#fff;transform:translateY(-1px);box-shadow:0 12px 26px rgba(146,195,65,.25)}
.Donate-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.Donate-btn.secondary:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-1px);box-shadow:none}
@media (max-width:768px){.donation-section{padding:54px 0}.donation-section h2{font-size:1.45rem}.donation-methods{grid-template-columns:1fr}.donation-card{padding:16px 14px}.donation-icon{width:54px;height:54px}.donation-icon i{font-size:24px}}
@media (max-width:480px){.donation-section{padding:46px 0}.donation-sub{font-size:.92rem}.donation-actions{gap:8px}.Donate-btn{width:100%}}



.services-section{background:radial-gradient(900px 420px at 85% -10%,rgba(146,195,65,.14),transparent 60%),linear-gradient(180deg,#fff,#f7fafb);padding:64px 0;direction:rtl}
.services-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}
.services-list{background:#fff;border:1px solid rgba(5,51,60,.10);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.08);padding:18px 16px}
.services-list h2{margin:0 0 12px;color:#92c341;font-size:1.55rem;font-weight:1000;letter-spacing:.2px;text-align:right}
.services-ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.services-ul li{display:flex;align-items:center;gap:10px;background:rgba(146,195,65,.08);border:1px solid rgba(146,195,65,.18);border-radius:14px;padding:12px 12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.services-ul li:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.10);background:rgba(146,195,65,.10);border-color:rgba(146,195,65,.32)}
.svc-icn{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#92c341;color:#fff;flex:0 0 auto;box-shadow:0 10px 18px rgba(146,195,65,.25)}
.svc-icn i{font-size:14px}
.svc-txt{color:#05333c;font-size:1rem;font-weight:800;line-height:1.6}
.services-image{border-radius:18px;overflow:hidden;border:1px solid rgba(5,51,60,.10);box-shadow:0 12px 30px rgba(0,0,0,.08);background:#fff;display:flex;align-items:center;justify-content:center;padding:14px}
.services-image img{width:100%;height:auto;max-height:360px;object-fit:contain;display:block}
@media (max-width:992px){.services-wrap{grid-template-columns:1fr;gap:14px}.services-image img{max-height:300px}}
@media (max-width:576px){.services-section{padding:52px 0}.services-list{padding:16px 14px}.services-list h2{font-size:1.35rem}.svc-txt{font-size:.95rem}.services-ul li{padding:11px 11px}}






.latest-news{padding:64px 0;background:radial-gradient(900px 420px at 85% -10%,rgba(146,195,65,.14),transparent 60%),linear-gradient(180deg,#fff,#f7fafb);direction:rtl}
.news-head{max-width:900px;margin:0 auto 18px;text-align:center}
.section-title{margin:0 0 10px;color:#05333c;font-size:1.6rem;font-weight:1000;letter-spacing:.2px}
.news-sub{margin:0 auto;max-width:780px;color:#54626a;font-size:.98rem;line-height:1.9}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.news-card{background:#fff;border:1px solid rgba(5,51,60,.10);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.12);border-color:rgba(146,195,65,.35)}
.news-media{display:block;position:relative;isolation:isolate;overflow:hidden}
.news-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.22) 100%);opacity:.9;pointer-events:none}
.news-image{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block;transform:scale(1);transition:transform .35s ease}
.news-card:hover .news-image{transform:scale(1.04)}
.news-body{padding:14px 14px 16px;text-align:right}
.news-title{margin:0 0 8px;color:#1f2937;font-size:1.05rem;font-weight:1000;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.details-title{margin:0 0 12px;color:#6b7280;font-size:.92rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.btn-details{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:#92c341;color:#fff;padding:10px 14px;border-radius:12px;font-size:.9rem;font-weight:900;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px rgba(146,195,65,.22)}
.btn-details:hover{background:#678a30;transform:translateY(-1px)}
.btn-details:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(146,195,65,.25),0 8px 18px rgba(146,195,65,.22)}
.news-empty{margin:10px 0 0;color:#54626a;text-align:center;font-size:.98rem}
@media (max-width:992px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:576px){.latest-news{padding:52px 0}.section-title{font-size:1.35rem}.news-sub{font-size:.92rem}.news-grid{grid-template-columns:1fr;gap:12px}.news-body{padding:12px}.news-title{font-size:1rem}.details-title{font-size:.9rem}.btn-details{width:100%}}