@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--blue:#0849ad;--red:#f5222b;--lb:#eaf6ff;--lr:#fff1f4;--line:#bddcff;--ink:#0b4cae;--pale:#f3faff}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--blue);font-family:Inter,Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}
/* Shared Arabic header: keep the established header; only page body is restyled to match EN/FR. */
.site-header{height:78px;background:#fff;border-bottom:1px solid #edf2f7;display:flex;align-items:center;padding:0 4.2%;gap:28px;position:relative;z-index:50;direction:ltr}.brand{width:86px;flex:0 0 86px;display:flex;align-items:center}.brand img{width:76px;height:76px;object-fit:contain}.nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:auto;white-space:nowrap}.nav a{height:78px;display:flex;align-items:center;position:relative;color:var(--blue);font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:17px;font-weight:600;direction:rtl}.nav a.active{color:var(--red)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:var(--red)}.header-right{display:flex;align-items:center;gap:18px;white-space:nowrap;direction:ltr;font-size:14px}.langs{display:flex;gap:5px;align-items:center;color:var(--blue)}.langs a{font-family:Inter,Arial,sans-serif}.langs .selected{color:var(--red);font-weight:700}.support-btn{background:#fff;color:var(--red);border:1.5px solid var(--red);padding:12px 23px;border-radius:28px;font-weight:700;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif}
.site-footer-final,.footer{min-height:70px;background:#17478b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3.8%;font-family:Inter,Arial,sans-serif;direction:ltr}.footer-copy{font-size:14px;font-weight:600}.footer-socials{display:flex;align-items:center;gap:25px}.footer-socials a{width:24px;height:24px;display:grid;place-items:center;color:#fff}.footer-socials svg{width:22px;height:22px}
.ar{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;direction:rtl;text-align:right}
/* ABOUT — mirrors the approved EN/FR composition */
.about-page{background:var(--pale);padding:24px 3.2% 0}.about-hero{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:46px;align-items:start;padding:8px 0 28px}.about-copy{max-width:800px;direction:ltr;text-align:right}.about-copy .section-kicker{direction:rtl;justify-content:flex-start}.section-kicker{display:flex;align-items:center;gap:12px;color:var(--red);font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:2.5px;font-weight:800;margin:0 0 22px}.section-kicker:after{content:"";width:62px;height:1px;background:var(--red)}.about-copy h1{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;color:var(--blue);font-size:61px;line-height:1.08;letter-spacing:0;margin:0 0 20px;font-weight:700;direction:rtl;text-align:right}.about-copy h1 span{display:block;color:var(--red)}.about-copy p{color:#2855a1;font-size:16px;line-height:1.65;max-width:790px;margin:0 0 19px;direction:rtl;text-align:right}.mission-highlight{margin:20px 0 23px;padding:14px 18px 15px;max-width:780px;background:linear-gradient(90deg,rgba(223,241,255,.78),rgba(246,250,255,.45));border-right:4px solid var(--red);border-left:0;border-radius:10px 0 0 10px;direction:rtl;text-align:right}.mission-label{color:var(--red);font-size:16px;line-height:1.2;letter-spacing:1.5px;font-weight:800;margin-bottom:8px}.mission-highlight p{margin:0;font-size:16px;line-height:1.55;color:var(--blue);font-weight:600}.mission-highlight strong{font-weight:800;color:#103f91}.founder-quote{position:relative;padding:30px 48px 24px 52px;margin:30px 0 0;max-width:800px;overflow:hidden;direction:rtl;text-align:right}.founder-quote:before{content:"“";position:absolute;right:0;left:auto;top:-25px;font-family:'Playfair Display',Georgia,serif;font-size:150px;line-height:1;color:rgba(18,68,173,.09);font-weight:700;pointer-events:none}.founder-quote blockquote{position:relative;z-index:1;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;color:#17499f;font-size:22px;line-height:1.7;font-weight:600;margin:0 0 17px}.founder-quote cite{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:17px;font-weight:700;font-style:normal}.founder-quote cite:after{content:"";display:inline-block;width:30px;height:2px;background:var(--red)}.video-shell{width:330px;aspect-ratio:9/16;height:auto;justify-self:end;background:#fff;padding:8px;border-radius:14px;box-shadow:0 9px 26px rgba(18,63,168,.13);overflow:hidden;position:relative}.video-shell video{width:100%;height:100%;display:block;object-fit:contain;background:#111;border-radius:7px}.video-play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 6px 20px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0}.video-play-overlay span{display:block;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #1244ad;margin-left:5px}.video-play-overlay.is-hidden{display:none}.partners-section{max-width:1180px;margin:0 auto;border-top:1px solid #cad9ea;padding:32px 0 38px}.partners-heading{text-align:center}.partners-heading .section-kicker{justify-content:center;margin-bottom:13px}.partners-heading h2{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;color:var(--blue);font-size:52px;line-height:1.12;letter-spacing:0;margin:0 0 12px}.partners-heading h2 span{color:var(--red)}.partners-heading p{color:#4169a2;font-size:16px;line-height:1.6;max-width:900px;margin:0 auto 38px;direction:rtl}.partner-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}.partner-card{background:#fff;border-radius:22px;padding:16px 16px 24px;box-shadow:0 8px 28px rgba(18,63,168,.08);text-align:center;overflow:hidden;display:flex;flex-direction:column}.partner-card img{width:100%;height:230px;object-fit:cover;display:block;border-radius:14px}.partner-card h3{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;color:var(--blue);font-size:27px;line-height:1.25;margin:27px 0 0;font-weight:700}.partner-card h3:after{content:"";display:block;width:52px;height:3px;background:var(--red);margin:18px auto 0}.partner-card p{color:#4169a2;font-size:16px;line-height:1.65;max-width:410px;margin:20px auto 0;direction:rtl}.partner-card .latin{font-family:Inter,Arial,sans-serif;direction:ltr}
/* OUR WORK — same proportions as EN/FR */
.ow-hero{display:grid;grid-template-columns:34% 66%;min-height:395px;background:linear-gradient(115deg,#eef9ff,#f8fcff 48%,#fff)}.ow-copy{padding:42px 7%;display:flex;flex-direction:column;justify-content:center;direction:ltr;text-align:right}.ow-copy .eyebrow{color:var(--red);font-weight:700;letter-spacing:4px;font-size:14px;margin-bottom:18px;font-family:Inter,Arial,sans-serif;direction:rtl;text-align:right}.ow-copy .eyebrow:after{content:"";display:inline-block;width:75px;height:2px;background:var(--red);margin:0 0 4px 15px}.ow-copy h1{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:57px;line-height:1.12;letter-spacing:0;margin:0 0 20px;direction:rtl;text-align:right;font-weight:700}.ow-copy h1 span{color:var(--red)}.ow-copy p{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:20px;line-height:1.65;margin:0;max-width:520px;direction:rtl;text-align:right}.ow-media{padding:10px 16px 10px 0}.ow-media img{width:100%;height:375px;object-fit:cover;border-radius:0 22px 22px 0;display:block}.journey{padding:40px 2.4% 48px}.journey-head{text-align:center;margin-bottom:35px}.journey-head h2{font-family:Inter,Arial,sans-serif;font-size:31px;letter-spacing:3px;margin:0 0 10px}.journey-head h2:before,.journey-head h2:after{content:"";display:inline-block;width:85px;height:2px;background:var(--blue);vertical-align:middle;margin:0 20px}.journey-head p{margin:0;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:19px;direction:rtl}.steps{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr;align-items:start}.step{text-align:center;min-width:0}.iconwrap{position:relative;display:flex;justify-content:center}.step .icon{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;position:relative}.step .material-symbols-rounded{font-family:'Material Symbols Rounded';font-size:68px;line-height:1;color:var(--blue);direction:ltr}.step:nth-child(1) .icon,.step:nth-child(5) .icon,.step:nth-child(9) .icon{background:#ffe3e8}.step:nth-child(3) .icon,.step:nth-child(7) .icon{background:#dfefff}.step:nth-child(1) .icon .material-symbols-rounded,.step:nth-child(5) .icon .material-symbols-rounded,.step:nth-child(9) .icon .material-symbols-rounded{color:var(--red)}.num{position:absolute;top:-7px;left:calc(50% - 73px);width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:700;border:3px solid #fff;font-size:15px;direction:ltr}.step:nth-child(1) .num,.step:nth-child(5) .num,.step:nth-child(9) .num{background:var(--red)}.step:nth-child(3) .num,.step:nth-child(7) .num{background:var(--blue)}.step-arrow{width:48px;height:48px;border-radius:50%;background:#eef7ff;display:grid;place-items:center;margin:62px auto 0;font-size:30px;color:var(--blue);font-weight:500}.step h3{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:27px;line-height:1.25;margin:17px 0 7px;direction:rtl}.step:nth-child(1) h3,.step:nth-child(5) h3,.step:nth-child(9) h3{color:var(--red)}.step p{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:17px;line-height:1.65;max-width:250px;margin:auto;direction:rtl;text-align:center}
/* RAISING AWARENESS — same approved EN/FR compact banner */
.ra-hero{position:relative;min-height:0;padding:30px 4.2%;display:grid;grid-template-columns:45% 55%;align-items:center;background:linear-gradient(135deg,#f1fbff 0%,#e8f7ff 100%);overflow:hidden}.ra-hero:before{content:"";position:absolute;width:650px;height:280px;left:-190px;bottom:-165px;border:3px solid rgba(92,177,239,.23);border-radius:50%;transform:rotate(7deg)}.ra-copy{position:relative;z-index:2;padding-right:30px;direction:ltr;text-align:right}.ra-copy .eyebrow{display:flex;align-items:center;gap:17px;color:var(--red);font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:25px;font-family:Inter,Arial,sans-serif;direction:rtl;justify-content:flex-start}.ra-copy .eyebrow:after{content:"";width:70px;height:2px;background:var(--red)}.ra-copy h1{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:58px;line-height:1.16;letter-spacing:0;margin:0 0 25px;color:var(--blue);direction:rtl;text-align:right}.ra-copy h1 .red{color:var(--red)}.ra-copy p{max-width:600px;margin:0 0 12px;color:#174da8;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:19px;line-height:1.8;direction:rtl;text-align:right}.ra-collage{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;padding:10px 4%}.ra-collage img{display:block;width:min(100%,560px);height:auto;object-fit:contain;border-radius:18px}.awareness{background:#fff;padding:22px 4.2% 30px}.section-title{font-family:Inter,Arial,sans-serif;text-align:center;font-size:18px;letter-spacing:3px;font-weight:700;color:var(--blue);margin:0 0 22px}.section-title:before,.section-title:after{content:"";display:inline-block;width:55px;height:2px;background:var(--blue);vertical-align:middle;margin:0 16px}.aw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin:0 auto}.aw-card{padding:18px 42px;border-radius:22px;background:var(--lb);min-height:250px;text-align:right;direction:rtl}.aw-card:nth-child(2){background:#fff5f6}.aw-card:nth-child(3){background:#eef9f4}.aw-card .icon{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--blue)}.aw-card .icon.book{background:#ffe6e8;color:var(--red)}.aw-card .icon.play{background:#ddecff;color:var(--blue)}.aw-card .icon.people{background:#d9f8e6;color:#17804d}.aw-card .icon svg{width:58px!important;height:58px!important;display:block}.aw-card h3{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:27px;line-height:1.35;margin:0 0 10px}.aw-card p{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:18px;line-height:1.7;margin:0 0 10px}.pill{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:16px;font-weight:700}.social-strip{padding:34px 4.2% 40px;border-top:1px solid rgba(175,220,245,.55)}.social-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f8fcff;border-radius:22px;padding:28px 36px;min-height:190px;border:2px solid #fff;box-shadow:0 8px 28px rgba(40,100,160,.07)}.social-copy{max-width:650px;direction:rtl;text-align:right}.social-copy h2{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:36px;line-height:1.2;margin:0 0 10px;color:var(--red)}.social-copy p{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.7;margin:0}.social-links{display:flex;flex-direction:column;gap:16px;width:320px}.social-link{height:58px;border:2px solid var(--blue);border-radius:30px;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:17px;font-weight:700;direction:ltr}.social-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.social-icon svg{width:20px;height:20px}.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.facebook{background:#1877f2}.social-link .arrow{margin-left:auto;font-size:25px}
/* CONTACT — same approved compact hero and cards */
.contact-hero{display:grid;grid-template-columns:46% 54%;min-height:205px;overflow:hidden;background:linear-gradient(110deg,#f3fbff 0%,#e8f6ff 58%,#dff1ff 100%)}.contact-copy{padding:37px 7% 36px 6%;display:flex;flex-direction:column;justify-content:center;direction:ltr;text-align:right}.contact-copy .kicker{display:flex;align-items:center;gap:15px;color:var(--red);letter-spacing:3px;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:700;margin-bottom:18px;direction:rtl;justify-content:flex-start}.contact-copy .kicker:after{content:"";width:78px;height:2px;background:var(--red)}.contact-copy h1{margin:0;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:58px;line-height:1.12;letter-spacing:0;color:var(--blue);direction:rtl;text-align:right}.contact-copy h1 span{color:var(--red)}.contact-copy p{max-width:600px;margin:18px 0 0;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:20px;line-height:1.7;color:#1747bf;direction:rtl;text-align:right}.contact-photo{position:relative;min-height:205px;overflow:hidden}.contact-photo img{width:100%;height:100%;min-height:205px;object-fit:cover;object-position:center 68%;display:block}.contact-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:22px;padding:24px 6% 28px;background:#fff}.contact-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff 0%,#f6fbff 100%);padding:28px 34px;box-shadow:0 4px 16px rgba(45,102,160,.05);direction:rtl;text-align:right}.contact-card h2{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:39px;line-height:1.2;margin:0 0 18px;color:var(--blue)}.contact-card h2 span{color:var(--red)}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #bdd7f5;border-radius:8px;background:#fff;padding:14px 16px;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:18px;color:#173ea7;outline:none;text-align:right;direction:rtl}.contact-form textarea{min-height:104px;resize:vertical}.contact-form button{width:210px;margin-top:2px;border:0;border-radius:28px;background:var(--red);color:#fff;padding:14px 22px;font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-size:18px;font-weight:700;cursor:pointer}.contact-social-list{display:flex;flex-direction:column;gap:12px;margin-top:22px;width:100%}.contact-social-pill{width:100%;max-width:360px;min-height:58px;border:1px solid var(--line);border-radius:30px;background:#fff;display:flex;align-items:center;gap:14px;padding:0 18px;direction:ltr;font-family:Inter,Arial,sans-serif;font-size:17px;font-weight:700}.contact-social-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.contact-social-icon svg{width:20px;height:20px}.contact-social-arrow{margin-left:auto;font-size:25px;color:var(--blue)}
@media(max-width:1050px){.about-hero{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.about-copy h1{font-size:52px}.video-shell{width:300px}.ow-hero{grid-template-columns:1fr}.ow-copy{padding:35px 7%}.ow-media{padding:0 5% 25px}.ow-media img{border-radius:20px}.steps{grid-template-columns:1fr 1fr;gap:35px}.step-arrow{display:none}.ra-hero{grid-template-columns:44% 56%;padding-left:3.5%;padding-right:3.5%}.ra-copy{padding-right:0}.ra-copy h1{font-size:51px}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;gap:30px}.video-shell{justify-self:center;width:310px}.partner-cards{grid-template-columns:1fr;max-width:430px;margin:auto}.ra-hero{grid-template-columns:1fr;padding:25px}.ra-collage{padding:4px 0 0}.ra-collage img{width:min(100%,520px)}.social-box{flex-direction:column;align-items:flex-start;gap:17px}.social-links{width:100%}.social-link{min-width:0}.contact-hero{grid-template-columns:1fr}.contact-copy{padding:30px 7% 24px}.contact-photo,.contact-photo img{height:220px;min-height:220px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:650px){.ow-copy h1{font-size:45px}.journey{padding:30px 5%}.steps{grid-template-columns:1fr}.ra-copy h1{font-size:43px}.aw-grid{grid-template-columns:1fr}.social-box{padding:26px}.contact-copy h1{font-size:45px}.contact-card{padding:23px 20px}}
/* FINAL ARABIC-ONLY MICRO FIXES */
@media(min-width:901px){
  .contact-hero{height:300px;min-height:0;grid-template-rows:300px}
  .contact-copy{padding-top:24px;padding-bottom:24px}
  .contact-photo{min-height:0;height:300px}
  .contact-photo img{min-height:0;height:300px}
  .about-copy h1{line-height:1.20}
}

/* Arabic partners heading: lines on both sides */
.partners-heading .section-kicker::before{content:"";display:block;width:62px;height:1px;background:var(--red);}

/* =========================================================
   ARABIC HEADING READABILITY — FINAL
   Keep section labels clearly readable at normal viewing size.
========================================================= */
.about-copy .section-kicker,
.partners-heading .section-kicker,
.ow-copy .eyebrow,
.ra-copy .eyebrow,
.contact-copy .kicker,
.ar-support-hero .kicker {
  font-size: 24px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  font-family: 'Noto Naskh Arabic', Tahoma, Arial, sans-serif !important;
  font-weight: 700 !important;
}

.section-title {
  font-size: 24px !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;
}

.ar-support-card .card-label {
  font-family: 'Noto Naskh Arabic', Tahoma, Arial, sans-serif !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 700px) {
  .about-copy .section-kicker,
  .partners-heading .section-kicker,
  .ow-copy .eyebrow,
  .ra-copy .eyebrow,
  .contact-copy .kicker,
  .ar-support-hero .kicker,
  .section-title,
  .ar-support-card .card-label {
    font-size: 24px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }
}


/* =========================================================
   FINAL ARABIC SUPPORTING-TEXT READABILITY
   Banner headings are intentionally excluded.
   ========================================================= */
html[lang="ar"] .about-copy p,
html[lang="ar"] .mission-highlight p,
html[lang="ar"] .partners-heading p,
html[lang="ar"] .partner-card p,
html[lang="ar"] .step p,
html[lang="ar"] .journey-head p,
html[lang="ar"] .ra-copy p,
html[lang="ar"] .aw-card p,
html[lang="ar"] .pill,
html[lang="ar"] .social-copy p,
html[lang="ar"] .contact-copy p,
html[lang="ar"] .contact-form input,
html[lang="ar"] .contact-form textarea,
html[lang="ar"] .contact-form button{
  font-size:20px !important;
}
html[lang="ar"] .founder-quote cite{font-size:19px !important;}
html[lang="ar"] .mission-label{font-size:20px !important; line-height:1.35 !important;}