{"id":25951,"date":"2026-04-20T21:09:53","date_gmt":"2026-04-20T21:09:53","guid":{"rendered":"https:\/\/saadafordevelopment.org\/?page_id=25951"},"modified":"2026-04-21T10:13:58","modified_gmt":"2026-04-21T10:13:58","slug":"visit-saada-association","status":"publish","type":"page","link":"https:\/\/saadafordevelopment.org\/en\/visit-saada-association\/","title":{"rendered":"Visit Saada Association"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Visit Saada Association \u2013 Saada For Development<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap\" rel=\"stylesheet\"\/>\n\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n \/* \u2500\u2500 BRAND PALETTE (extracted from official logo)\n Teal: #14636b \u2014 outer left arc\n Orange: #e8841a \u2014 outer right arc\n Lime: #8dc63f \u2014 figure \/ leaves\n Navy: #1a2a4a \u2014 logo text\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n :root {\n --teal: #14636b;\n --teal-mid: #1a7d87;\n --teal-light: #2a9fac;\n --teal-pale: #e0f4f6;\n --orange: #e8841a;\n --orange-lt: #f5a94e;\n --orange-pale: #fff3e3;\n --lime: #8dc63f;\n --lime-lt: #aee06a;\n --lime-pale: #eef7de;\n --navy: #1a2a4a;\n --ink: #1e3540;\n --ink-mid: #3d5c64;\n --ink-soft: #7a9ea6;\n --cream: #f4f7f3;\n --white: #ffffff;\n --border: rgba(20,99,107,.1);\n --r: 16px;\n --s1: 0 2px 12px rgba(20,99,107,.08);\n --s2: 0 8px 32px rgba(20,99,107,.14);\n --s3: 0 20px 56px rgba(20,99,107,.18);\n }\n\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Nunito', sans-serif;\n background: var(--cream);\n color: var(--ink);\n -webkit-font-smoothing: antialiased;\n }\n a { text-decoration: none; }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n nav {\n position: sticky; top: 0; z-index: 200;\n background: rgba(244,247,243,.95);\n backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n box-shadow: var(--s1);\n }\n .nav-wrap {\n max-width: 1200px; margin: 0 auto;\n padding: 0 28px; height: 70px;\n display: flex; align-items: center; justify-content: space-between; gap: 16px;\n }\n .nav-logo { display: flex; align-items: center; }\n .nav-logo img { height: 52px; width: auto; object-fit: contain; display: block; }\n .nav-links { display: flex; gap: 4px; }\n .nav-links a {\n font-size: .83rem; font-weight: 600; color: var(--ink-mid);\n padding: 7px 14px; border-radius: 9px;\n transition: background .18s, color .18s;\n }\n .nav-links a:hover { background: var(--teal-pale); color: var(--teal); }\n .nav-links a.active { background: var(--teal); color: var(--white); }\n .nav-cta {\n font-size: .83rem; font-weight: 700; padding: 9px 22px;\n background: var(--orange); color: var(--white);\n border-radius: 10px; transition: background .18s, transform .14s;\n display: flex; align-items: center; gap: 7px;\n }\n .nav-cta svg { width: 15px; height: 15px; fill: currentColor; }\n .nav-cta:hover { background: var(--teal); transform: translateY(-1px); }\n @media(max-width:720px) { .nav-links { display: none; } }\n @media(max-width:460px) { .nav-cta span { display: none; } }\n\n \/* \u2500\u2500\u2500 BRAND BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .brand-bar {\n height: 4px;\n background: linear-gradient(to right,\n var(--teal) 0%, var(--teal) 33.3%,\n var(--orange) 33.3%, var(--orange) 66.6%,\n var(--lime) 66.6%, var(--lime) 100%);\n }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .hero {\n position: relative; overflow: hidden;\n background: var(--teal);\n padding: 84px 28px 72px;\n }\n .hero-arc {\n position: absolute; border-radius: 50%; pointer-events: none;\n }\n .hero-arc-1 {\n width: 700px; height: 700px; right: -220px; top: -220px;\n border: 80px solid rgba(141,198,63,.1);\n }\n .hero-arc-2 {\n width: 420px; height: 420px; right: -60px; bottom: -150px;\n border: 55px solid rgba(232,132,26,.12);\n }\n .hero-arc-3 {\n width: 200px; height: 200px; left: 60px; bottom: -60px;\n border: 30px solid rgba(255,255,255,.06);\n }\n .hero-band {\n position: absolute; right: 0; top: 0; bottom: 0; width: 38%;\n background: linear-gradient(160deg, var(--teal-mid) 0%, var(--teal-light) 100%);\n clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);\n opacity: .55;\n }\n .hero-inner {\n max-width: 1200px; margin: 0 auto;\n position: relative; z-index: 2;\n display: flex; flex-direction: column; align-items: flex-start;\n }\n .hero-pill {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22);\n color: var(--lime-lt);\n font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;\n padding: 6px 16px; border-radius: 100px; margin-bottom: 22px;\n }\n .hero-pill::before {\n content: ''; width: 7px; height: 7px; border-radius: 50%;\n background: var(--lime-lt); flex-shrink: 0;\n }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.4rem, 5.5vw, 3.8rem);\n font-weight: 700; color: var(--white);\n line-height: 1.15; margin-bottom: 18px; max-width: 600px;\n }\n .accent-orange { color: var(--orange-lt); }\n .accent-lime { color: var(--lime-lt); }\n .hero-sub {\n font-size: 1.02rem; color: rgba(255,255,255,.68);\n line-height: 1.7; max-width: 500px; margin-bottom: 36px;\n }\n .hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }\n .btn {\n display: inline-flex; align-items: center; gap: 8px;\n font-family: 'Nunito', sans-serif; font-weight: 700; font-size: .88rem;\n padding: 12px 24px; border-radius: 12px; border: none; cursor: pointer;\n transition: transform .15s, box-shadow .2s;\n }\n .btn:hover { transform: translateY(-2px); }\n .btn svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }\n .btn-orange {\n background: var(--orange); color: var(--white);\n box-shadow: 0 4px 20px rgba(232,132,26,.42);\n }\n .btn-orange:hover { box-shadow: 0 8px 28px rgba(232,132,26,.52); }\n .btn-lime {\n background: var(--lime); color: var(--white);\n box-shadow: 0 4px 20px rgba(141,198,63,.35);\n }\n .btn-lime:hover { box-shadow: 0 8px 24px rgba(141,198,63,.45); }\n .btn-ghost {\n background: rgba(255,255,255,.12);\n border: 1.5px solid rgba(255,255,255,.28);\n color: var(--white);\n }\n .btn-ghost:hover { background: rgba(255,255,255,.2); }\n .hero-stripe {\n position: absolute; bottom: 0; left: 0; right: 0; height: 5px;\n background: linear-gradient(to right,\n var(--lime) 0%, var(--lime) 33%,\n var(--orange) 33%, var(--orange) 66%,\n var(--teal-light) 66%, var(--teal-light) 100%);\n }\n @media(max-width:600px) { .hero { padding: 64px 16px 56px; } }\n @media(max-width:380px) { .hero-btns { flex-direction: column; } }\n\n \/* \u2500\u2500\u2500 MAIN GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .main-grid {\n max-width: 1200px; margin: 0 auto;\n padding: 56px 28px 80px;\n display: grid;\n grid-template-columns: 1fr 400px;\n gap: 32px;\n align-items: start;\n }\n @media(max-width:920px) {\n .main-grid { grid-template-columns: 1fr; padding: 36px 16px 64px; }\n }\n\n \/* \u2500\u2500\u2500 LEFT COLUMN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .left-col { display: flex; flex-direction: column; gap: 28px; }\n\n .col-eyebrow {\n font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase;\n color: var(--lime); display: flex; align-items: center; gap: 9px; margin-bottom: 10px;\n }\n .col-eyebrow::before {\n content: ''; display: block; width: 24px; height: 2.5px;\n background: var(--lime); border-radius: 2px;\n }\n .col-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.6rem, 3vw, 2.1rem);\n font-weight: 700; color: var(--navy); line-height: 1.2; margin-bottom: 10px;\n }\n .col-title em { font-style: italic; color: var(--teal); }\n .col-desc { font-size: .94rem; color: var(--ink-mid); line-height: 1.72; }\n\n \/* \u2500\u2500\u2500 CONTACT CARDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .contact-cards { display: flex; flex-direction: column; gap: 14px; }\n .c-card {\n background: var(--white); border-radius: var(--r);\n padding: 18px 20px; box-shadow: var(--s1);\n border: 1px solid transparent;\n display: flex; align-items: center; gap: 16px;\n transition: box-shadow .22s, transform .18s, border-color .18s;\n color: var(--ink); text-decoration: none;\n }\n .c-card:hover { box-shadow: var(--s2); transform: translateY(-3px); }\n .c-card.addr:hover { border-color: rgba(20,99,107,.18); }\n .c-card.phone:hover { border-color: rgba(232,132,26,.22); }\n .c-card.region:hover { border-color: rgba(141,198,63,.22); }\n .c-icon {\n width: 50px; height: 50px; border-radius: 14px;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .c-icon svg { width: 23px; height: 23px; }\n .ci-teal { background: var(--teal-pale); } .ci-teal svg { fill: var(--teal); }\n .ci-orange { background: var(--orange-pale); } .ci-orange svg { fill: var(--orange); }\n .ci-lime { background: var(--lime-pale); } .ci-lime svg { fill: var(--lime); }\n .c-body { flex: 1; min-width: 0; }\n .c-label {\n font-size: .68rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;\n color: var(--ink-soft); margin-bottom: 3px;\n }\n .c-value { font-size: .97rem; font-weight: 700; color: var(--navy); line-height: 1.35; }\n .c-value small { display: block; font-size: .78rem; font-weight: 500; color: var(--ink-soft); margin-top: 1px; }\n .c-arrow {\n width: 30px; height: 30px; border-radius: 9px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; transition: background .2s;\n }\n .c-arrow svg { width: 14px; height: 14px; }\n .c-card.addr .c-arrow { background: var(--teal-pale); }\n .c-card.addr .c-arrow svg { fill: var(--teal); }\n .c-card.phone .c-arrow { background: var(--orange-pale); }\n .c-card.phone .c-arrow svg { fill: var(--orange); }\n .c-card.addr:hover .c-arrow { background: var(--teal); }\n .c-card.addr:hover .c-arrow svg { fill: var(--white); }\n .c-card.phone:hover .c-arrow { background: var(--orange); }\n .c-card.phone:hover .c-arrow svg { fill: var(--white); }\n\n \/* \u2500\u2500\u2500 HOURS CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .hours-card {\n background: var(--white); border-radius: var(--r);\n padding: 24px 22px; box-shadow: var(--s1);\n border: 1px solid var(--border);\n }\n .hours-head {\n display: flex; align-items: center; justify-content: space-between;\n margin-bottom: 20px; flex-wrap: wrap; gap: 8px;\n }\n .hours-title {\n display: flex; align-items: center; gap: 10px;\n font-family: 'Playfair Display', serif;\n font-size: 1rem; font-weight: 600; color: var(--navy);\n }\n .hours-title-icon {\n width: 36px; height: 36px; border-radius: 10px;\n background: var(--teal-pale);\n display: flex; align-items: center; justify-content: center;\n }\n .hours-title-icon svg { width: 18px; height: 18px; fill: var(--teal); }\n .status-pill {\n display: inline-flex; align-items: center; gap: 5px;\n font-size: .72rem; font-weight: 700; padding: 5px 11px; border-radius: 100px;\n }\n .status-pill::before {\n content: ''; width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;\n }\n .pill-open { background: var(--lime-pale); color: #3a7a10; }\n .pill-open::before { background: #3a7a10; }\n .pill-closed { background: #fdecea; color: #b84040; }\n .pill-closed::before { background: #b84040; }\n .hours-row {\n display: flex; justify-content: space-between; align-items: center;\n padding: 11px 0; border-bottom: 1px dashed rgba(20,99,107,.09);\n font-size: .88rem;\n }\n .hours-row:last-child { border-bottom: none; }\n .hours-day { font-weight: 600; color: var(--ink-mid); }\n .hours-time { font-weight: 700; color: var(--teal); }\n .hours-closed { font-style: italic; color: var(--ink-soft); font-weight: 500; }\n .dot {\n width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-right: 8px;\n }\n .dot-teal { background: var(--teal); }\n .dot-orange { background: var(--orange); }\n .dot-closed { background: #ddd; }\n .day-group { display: flex; align-items: center; }\n\n \/* \u2500\u2500\u2500 DIRECTIONS BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .dir-banner {\n background: linear-gradient(135deg, var(--teal) 0%, var(--teal-mid) 55%, var(--teal-light) 100%);\n border-radius: var(--r); padding: 26px;\n display: flex; align-items: center; justify-content: space-between; gap: 16px;\n flex-wrap: wrap; position: relative; overflow: hidden;\n }\n .dir-banner::before {\n content: ''; position: absolute; right: -40px; top: -40px;\n width: 180px; height: 180px; border-radius: 50%;\n border: 28px solid rgba(141,198,63,.18); pointer-events: none;\n }\n .dir-banner::after {\n content: ''; position: absolute; right: 60px; bottom: -30px;\n width: 100px; height: 100px; border-radius: 50%;\n border: 18px solid rgba(232,132,26,.15); pointer-events: none;\n }\n .dir-text { position: relative; z-index: 1; }\n .dir-text h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem; color: var(--white); margin-bottom: 5px;\n }\n .dir-text p { font-size: .82rem; color: rgba(255,255,255,.68); }\n .btn-dir {\n background: var(--white); color: var(--teal);\n position: relative; z-index: 1; white-space: nowrap; flex-shrink: 0;\n }\n .btn-dir svg { fill: var(--teal); }\n .btn-dir:hover { background: var(--lime-pale); }\n\n \/* \u2500\u2500\u2500 SOCIAL STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .social-strip {\n background: var(--white); border-radius: var(--r);\n padding: 20px 22px; box-shadow: var(--s1);\n border: 1px solid var(--border);\n }\n .social-strip h4 {\n font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;\n color: var(--ink-soft); margin-bottom: 14px;\n }\n .social-links { display: flex; gap: 10px; flex-wrap: wrap; }\n .soc-btn {\n display: flex; align-items: center; gap: 7px;\n font-size: .78rem; font-weight: 700;\n padding: 8px 14px; border-radius: 10px; border: 1.5px solid var(--border);\n color: var(--ink-mid); background: var(--cream); transition: all .18s;\n }\n .soc-btn svg { width: 16px; height: 16px; flex-shrink: 0; }\n .soc-btn.fb svg { fill: #1877f2; }\n .soc-btn.fb:hover { background: #1877f2; color: var(--white); border-color: #1877f2; }\n .soc-btn.fb:hover svg { fill: var(--white); }\n .soc-btn.wa svg { fill: #25d366; }\n .soc-btn.wa:hover { background: #25d366; color: var(--white); border-color: #25d366; }\n .soc-btn.wa:hover svg { fill: var(--white); }\n .soc-btn.li svg { fill: #0a66c2; }\n .soc-btn.li:hover { background: #0a66c2; color: var(--white); border-color: #0a66c2; }\n .soc-btn.li:hover svg { fill: var(--white); }\n .soc-btn.yt svg { fill: #ff0000; }\n .soc-btn.yt:hover { background: #ff0000; color: var(--white); border-color: #ff0000; }\n .soc-btn.yt:hover svg { fill: var(--white); }\n\n \/* \u2500\u2500\u2500 MAP CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .map-card {\n background: var(--white); border-radius: var(--r);\n box-shadow: var(--s2); overflow: hidden;\n position: sticky; top: 82px;\n border: 1px solid var(--border);\n }\n .map-card-header {\n padding: 18px 22px 16px;\n border-bottom: 1px solid var(--teal-pale);\n display: flex; align-items: center; gap: 12px;\n }\n .map-header-icon {\n width: 42px; height: 42px; border-radius: 12px;\n background: linear-gradient(135deg, var(--teal), var(--teal-light));\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .map-header-icon svg { width: 20px; height: 20px; fill: var(--white); }\n .map-header-text h3 {\n font-family: 'Playfair Display', serif;\n font-size: .98rem; font-weight: 600; color: var(--navy);\n }\n .map-header-text p { font-size: .75rem; color: var(--ink-soft); margin-top: 2px; }\n .map-wrap { position: relative; }\n .map-wrap iframe { width: 100%; height: 320px; border: none; display: block; }\n .map-open-btn {\n position: absolute; bottom: 12px; right: 12px;\n background: var(--white); border: none; border-radius: 10px;\n box-shadow: var(--s2); padding: 8px 14px;\n display: flex; align-items: center; gap: 6px;\n font-family: 'Nunito', sans-serif; font-size: .78rem; font-weight: 700;\n color: var(--teal); cursor: pointer; transition: background .18s;\n text-decoration: none;\n }\n .map-open-btn:hover { background: var(--teal-pale); }\n .map-open-btn svg { width: 15px; height: 15px; fill: var(--teal); }\n .map-tabs {\n display: flex; border-top: 1px solid var(--teal-pale);\n }\n .map-tab {\n flex: 1; padding: 13px 10px; text-align: center;\n font-size: .78rem; font-weight: 700;\n display: flex; flex-direction: column; align-items: center; gap: 5px;\n cursor: pointer; transition: background .18s;\n text-decoration: none; color: var(--ink-mid);\n border-right: 1px solid var(--teal-pale);\n }\n .map-tab:last-child { border-right: none; }\n .map-tab:hover { background: var(--cream); }\n .map-tab svg { width: 18px; height: 18px; }\n .tab-addr svg { fill: var(--teal); }\n .tab-phone svg { fill: var(--orange); }\n .tab-info svg { fill: var(--lime); }\n .map-tab span { font-size: .68rem; font-weight: 600; letter-spacing: .04em; }\n .map-addr-strip {\n padding: 14px 20px;\n display: flex; align-items: center; gap: 10px;\n border-top: 1px solid var(--teal-pale);\n font-size: .8rem; color: var(--ink-soft);\n }\n .map-addr-strip svg { width: 15px; height: 15px; fill: var(--teal-light); flex-shrink: 0; }\n @media(max-width:920px) { .map-card { position: static; } }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n footer { background: var(--navy); padding: 32px 28px; }\n .footer-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; align-items: center; justify-content: space-between;\n flex-wrap: wrap; gap: 20px;\n }\n .footer-logo { display: flex; align-items: center; gap: 12px; }\n .footer-logo img {\n height: 44px; width: auto; object-fit: contain;\n filter: brightness(0) invert(1); opacity: .85;\n }\n .footer-brand {\n font-family: 'Playfair Display', serif;\n font-size: .95rem; font-weight: 700; color: var(--white);\n }\n .footer-brand small {\n display: block; font-family: 'Nunito', sans-serif;\n font-size: .65rem; font-weight: 500; color: rgba(255,255,255,.4);\n letter-spacing: .07em; text-transform: uppercase;\n }\n .footer-info {\n text-align: center; font-size: .8rem;\n color: rgba(255,255,255,.45); line-height: 1.7;\n }\n .footer-info a { color: rgba(141,198,63,.8); }\n .footer-info a:hover { color: var(--lime-lt); }\n .footer-soc { display: flex; gap: 8px; }\n .footer-soc a {\n width: 36px; height: 36px; border-radius: 9px;\n background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1);\n display: flex; align-items: center; justify-content: center;\n transition: background .18s, transform .14s;\n }\n .footer-soc a:hover { background: var(--orange); transform: translateY(-2px); }\n .footer-soc a svg { width: 15px; height: 15px; fill: rgba(255,255,255,.7); }\n @media(max-width:640px) {\n .footer-inner { flex-direction: column; text-align: center; }\n .footer-soc { justify-content: center; }\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(22px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .hero-pill { animation: fadeUp .45s ease both; }\n .hero h1 { animation: fadeUp .5s .08s ease both; }\n .hero-sub { animation: fadeUp .5s .18s ease both; }\n .hero-btns { animation: fadeUp .5s .28s ease both; }\n\n .reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s ease, transform .55s ease; }\n .reveal.in { opacity: 1; transform: translateY(0); }\n <\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<nav>\n <div class=\"nav-wrap\">\n <a href=\"https:\/\/saadafordevelopment.org\/en\/\" class=\"nav-logo\">\n <img decoding=\"async\"\n src=\"https:\/\/saadafordevelopment.org\/wp-content\/uploads\/2026\/04\/cropped-LOGO-SAADA.png\"\n alt=\"Saada For Development\"\n onerror=\"this.style.display='none'\"\n \/>\n <\/a>\n <div class=\"nav-links\">\n <a href=\"https:\/\/saadafordevelopment.org\/en\/\">Home<\/a>\n <a href=\"https:\/\/saadafordevelopment.org\/en\/about-us\/\">About<\/a>\n <a href=\"https:\/\/saadafordevelopment.org\/en\/our-team\/\">Team<\/a>\n <a href=\"https:\/\/saadafordevelopment.org\/en\/blog\/\">Blog<\/a>\n <a href=\"#\" class=\"active\">Location<\/a>\n <\/div>\n <a href=\"https:\/\/saadafordevelopment.org\/become-a-volunteer\/\" class=\"nav-cta\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n <span>Volunteer<\/span>\n <\/a>\n <\/div>\n<\/nav>\n<div class=\"brand-bar\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n <div class=\"hero-band\"><\/div>\n <div class=\"hero-arc hero-arc-1\"><\/div>\n <div class=\"hero-arc hero-arc-2\"><\/div>\n <div class=\"hero-arc hero-arc-3\"><\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-pill\">Find Us \u00b7 Khouribga, Morocco<\/div>\n <h1>\n Visit<br>\n <span class=\"accent-lime\">Saada<\/span>\n <span class=\"accent-orange\"> Association<\/span>\n <\/h1>\n <p class=\"hero-sub\">\n We are located in the heart of Khouribga. Our doors are always open\n to the community \u2014 come meet us, join a program, or simply say hello.\n <\/p>\n <div class=\"hero-btns\">\n <a href=\"https:\/\/share.google\/c7lFuOFDSuzBjdmW8\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-orange\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z\"\/><\/svg>\n Get Directions\n <\/a>\n <a href=\"tel:+212673426181\" class=\"btn btn-lime\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>\n Call Us Now\n <\/a>\n <a href=\"https:\/\/saadafordevelopment.org\/en\/about-us\/\" class=\"btn btn-ghost\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\n Learn More\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hero-stripe\"><\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550 MAIN GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"main-grid\">\n\n <!-- LEFT COLUMN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"left-col\">\n\n <!-- Header -->\n <div class=\"reveal\">\n <div class=\"col-eyebrow\">Our Location<\/div>\n <h2 class=\"col-title\">How to Find<br><em>Our Association<\/em><\/h2>\n <p class=\"col-desc\">\n Saada Association for Development is located in Quartier SAADA 1, Khouribga.\n Whether you are visiting in person, calling ahead, or navigating via the map \u2014\n we are easy to reach and always happy to welcome you.\n <\/p>\n <\/div>\n\n <!-- Contact cards -->\n <div class=\"contact-cards reveal\">\n\n <a href=\"https:\/\/share.google\/c7lFuOFDSuzBjdmW8\" target=\"_blank\" rel=\"noopener\" class=\"c-card addr\">\n <div class=\"c-icon ci-teal\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n <\/div>\n <div class=\"c-body\">\n <div class=\"c-label\">Address<\/div>\n <div class=\"c-value\">\n N\u00b020, Quartier SAADA 1\n <small>Khouribga, Morocco<\/small>\n <\/div>\n <\/div>\n <div class=\"c-arrow\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n <\/div>\n <\/a>\n\n <a href=\"tel:+212673426181\" class=\"c-card phone\">\n <div class=\"c-icon ci-orange\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>\n <\/div>\n <div class=\"c-body\">\n <div class=\"c-label\">Phone<\/div>\n <div class=\"c-value\">\n (+212) 06-73-42-61-81\n <small>Tap to call directly<\/small>\n <\/div>\n <\/div>\n <div class=\"c-arrow\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n <\/div>\n <\/a>\n\n <div class=\"c-card region\" style=\"cursor:default;\">\n <div class=\"c-icon ci-lime\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15v-4H7l5-8v4h4l-5 8z\"\/><\/svg>\n <\/div>\n <div class=\"c-body\">\n <div class=\"c-label\">Region<\/div>\n <div class=\"c-value\">\n B\u00e9ni Mellal-Kh\u00e9nifra\n <small>Khouribga Province, Morocco<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Opening hours -->\n <div class=\"hours-card reveal\">\n <div class=\"hours-head\">\n <div class=\"hours-title\">\n <div class=\"hours-title-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"\/><\/svg>\n <\/div>\n Opening Hours\n <\/div>\n <span class=\"status-pill pill-open\" id=\"statusPill\">Open Now<\/span>\n <\/div>\n <div class=\"hours-row\">\n <div class=\"day-group\"><span class=\"dot dot-teal\"><\/span><span class=\"hours-day\">Monday \u2013 Friday<\/span><\/div>\n <span class=\"hours-time\">08:30 \u2013 17:00<\/span>\n <\/div>\n <div class=\"hours-row\">\n <div class=\"day-group\"><span class=\"dot dot-orange\"><\/span><span class=\"hours-day\">Saturday<\/span><\/div>\n <span class=\"hours-time\">09:00 \u2013 13:00<\/span>\n <\/div>\n <div class=\"hours-row\">\n <div class=\"day-group\"><span class=\"dot dot-closed\"><\/span><span class=\"hours-day\">Sunday<\/span><\/div>\n <span class=\"hours-closed\">Closed<\/span>\n <\/div>\n <\/div>\n\n <!-- Directions banner -->\n <div class=\"dir-banner reveal\">\n <div class=\"dir-text\">\n <h3>Ready to visit us?<\/h3>\n <p>Tap below to open turn-by-turn directions in Google Maps.<\/p>\n <\/div>\n <a href=\"https:\/\/share.google\/c7lFuOFDSuzBjdmW8\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-dir\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z\"\/><\/svg>\n Open in Google Maps\n <\/a>\n <\/div>\n\n <!-- Social strip -->\n <div class=\"social-strip reveal\">\n <h4>Follow Us<\/h4>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/association.saada.for.developement\" target=\"_blank\" rel=\"noopener\" class=\"soc-btn fb\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\n Facebook\n <\/a>\n <a href=\"https:\/\/wa.me\/+212673426181\" target=\"_blank\" rel=\"noopener\" class=\"soc-btn wa\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n WhatsApp\n <\/a>\n <a href=\"https:\/\/ma.linkedin.com\/company\/saada-association-for-development\" target=\"_blank\" rel=\"noopener\" class=\"soc-btn li\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n LinkedIn\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@associationsaadapourledeve6228\/videos\" target=\"_blank\" rel=\"noopener\" class=\"soc-btn yt\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 00-1.95 1.96A29 29 0 001 12a29 29 0 00.46 5.58A2.78 2.78 0 003.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 001.95-1.95A29 29 0 0023 12a29 29 0 00-.46-5.58z\"\/><polygon points=\"9.75,15.02 15.5,12 9.75,8.98 9.75,15.02\" fill=\"white\"\/><\/svg>\n YouTube\n <\/a>\n <\/div>\n <\/div>\n\n <\/div><!-- \/left-col -->\n\n <!-- RIGHT: MAP CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n <div class=\"map-card reveal\">\n <div class=\"map-card-header\">\n <div class=\"map-header-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z\"\/><\/svg>\n <\/div>\n <div class=\"map-header-text\">\n <h3>Interactive Map<\/h3>\n <p>Saada Association \u00b7 Khouribga, Morocco<\/p>\n <\/div>\n <\/div>\n <div class=\"map-wrap\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3323.5!2d-6.9086!3d32.8808!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzLCsDUyJzUwLjkiTiA2wrA1NCczMS4wIlc!5e0!3m2!1sen!2sma!4v1713600000000!5m2!1sen!2sma&q=N%C2%B020+Quartier+SAADA+1+Khouribga+Morocco\"\n allowfullscreen=\"\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"Saada Association location map\"\n ><\/iframe>\n <a href=\"https:\/\/share.google\/c7lFuOFDSuzBjdmW8\" target=\"_blank\" rel=\"noopener\" class=\"map-open-btn\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"\/><\/svg>\n Open full map\n <\/a>\n <\/div>\n <div class=\"map-tabs\">\n <a href=\"https:\/\/share.google\/c7lFuOFDSuzBjdmW8\" target=\"_blank\" rel=\"noopener\" class=\"map-tab tab-addr\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n <span>Directions<\/span>\n <\/a>\n <a href=\"tel:+212673426181\" class=\"map-tab tab-phone\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>\n <span>Call<\/span>\n <\/a>\n <a href=\"https:\/\/saadafordevelopment.org\/en\/about-us\/\" class=\"map-tab tab-info\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\n <span>About Us<\/span>\n <\/a>\n <\/div>\n <div class=\"map-addr-strip\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n N\u00b020, Quartier SAADA 1, Khouribga, Morocco\n <\/div>\n <\/div>\n\n<\/div><!-- \/main-grid -->\n\n<!-- \u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-logo\">\n <img decoding=\"async\"\n src=\"https:\/\/saadafordevelopment.org\/wp-content\/uploads\/2026\/04\/cropped-LOGO-SAADA.png\"\n alt=\"Saada For Development\"\n onerror=\"this.style.display='none'\"\n \/>\n <div class=\"footer-brand\">\n Saada For Development\n <small>Association \u2014 Khouribga, Morocco<\/small>\n <\/div>\n <\/div>\n <div class=\"footer-info\">\n N\u00b020, Quartier SAADA 1, Khouribga  \u00b7 \n <a href=\"tel:+212673426181\">(+212) 06-73-42-61-81<\/a><br>\n <span style=\"font-size:.72rem;\">\u00a9 2026 Saada For Development \u00b7 All rights reserved<\/span>\n <\/div>\n <div class=\"footer-soc\">\n <a href=\"https:\/\/www.facebook.com\/association.saada.for.developement\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/+212673426181\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/ma.linkedin.com\/company\/saada-association-for-development\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@associationsaadapourledeve6228\/videos\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 00-1.95 1.96A29 29 0 001 12a29 29 0 00.46 5.58A2.78 2.78 0 003.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.4a2.78 2.78 0 001.95-1.95A29 29 0 0023 12a29 29 0 00-.46-5.58z\"\/><polygon points=\"9.75,15.02 15.5,12 9.75,8.98 9.75,15.02\" fill=\"rgba(10,20,40,0.9)\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/* Scroll reveal *\/\n const revEls = document.querySelectorAll('.reveal');\n const obs = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n e.target.style.transitionDelay = (i * 0.07) + 's';\n e.target.classList.add('in');\n obs.unobserve(e.target);\n }\n });\n }, { threshold: 0.08 });\n revEls.forEach(el => obs.observe(el));\n\n \/* Live open\/closed status \u2014 Morocco UTC+1 *\/\n (function () {\n const now = new Date();\n const mar = new Date(now.getTime() + now.getTimezoneOffset() * 60000 + 3600000);\n const d = mar.getDay();\n const h = mar.getHours() + mar.getMinutes() \/ 60;\n let open = false;\n if (d >= 1 && d <= 5 && h >= 8.5 && h < 17) open = true;\n if (d === 6 && h >= 9 && h < 13) open = true;\n const pill = document.getElementById('statusPill');\n if (!open) {\n pill.className = 'status-pill pill-closed';\n pill.textContent = 'Closed Now';\n }\n })();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Visit Saada Association \u2013 Saada For Development Home About Team Blog Location Volunteer Find Us \u00b7 Khouribga, Morocco Visit Saada Association We are located in the heart of Khouribga. Our […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"class_list":["post-25951","page","type-page","status-publish","hentry","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visit Saada Association - Saada For Development<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visit Saada Association - Saada For Development\" \/>\n<meta property=\"og:description\" content=\"Visit Saada Association \u2013 Saada For Development Home About Team Blog Location Volunteer Find Us \u00b7 Khouribga, Morocco Visit Saada Association We are located in the heart of Khouribga. Our […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saadafordevelopment.org\/en\/visit-saada-association\/\" \/>\n<meta property=\"og:site_name\" content=\"Saada For Development\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T10:13:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/saadafordevelopment.org\/visit-saada-association\/\",\"url\":\"https:\/\/saadafordevelopment.org\/visit-saada-association\/\",\"name\":\"Visit Saada Association - Saada For Development\",\"isPartOf\":{\"@id\":\"https:\/\/saadafordevelopment.org\/#website\"},\"datePublished\":\"2026-04-20T21:09:53+00:00\",\"dateModified\":\"2026-04-21T10:13:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/saadafordevelopment.org\/visit-saada-association\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/saadafordevelopment.org\/visit-saada-association\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/saadafordevelopment.org\/visit-saada-association\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/saadafordevelopment.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visit Saada Association\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/saadafordevelopment.org\/#website\",\"url\":\"https:\/\/saadafordevelopment.org\/\",\"name\":\"Saada For Development\",\"description\":\"Association Saada Pour Le developpement\",\"publisher\":{\"@id\":\"https:\/\/saadafordevelopment.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/saadafordevelopment.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/saadafordevelopment.org\/#organization\",\"name\":\"Saada For Development\",\"url\":\"https:\/\/saadafordevelopment.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/saadafordevelopment.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/saadafordevelopment.org\/wp-content\/uploads\/2026\/04\/cropped-cropped-LOGO-SAADA-1.png\",\"contentUrl\":\"https:\/\/saadafordevelopment.org\/wp-content\/uploads\/2026\/04\/cropped-cropped-LOGO-SAADA-1.png\",\"width\":226,\"height\":65,\"caption\":\"Saada For Development\"},\"image\":{\"@id\":\"https:\/\/saadafordevelopment.org\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visit Saada Association - Saada For Development","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Visit Saada Association - Saada For Development","og_description":"Visit Saada Association \u2013 Saada For Development Home About Team Blog Location Volunteer Find Us \u00b7 Khouribga, Morocco Visit Saada Association We are located in the heart of Khouribga. Our […]","og_url":"https:\/\/saadafordevelopment.org\/en\/visit-saada-association\/","og_site_name":"Saada For Development","article_modified_time":"2026-04-21T10:13:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/saadafordevelopment.org\/visit-saada-association\/","url":"https:\/\/saadafordevelopment.org\/visit-saada-association\/","name":"Visit Saada Association - Saada For Development","isPartOf":{"@id":"https:\/\/saadafordevelopment.org\/#website"},"datePublished":"2026-04-20T21:09:53+00:00","dateModified":"2026-04-21T10:13:58+00:00","breadcrumb":{"@id":"https:\/\/saadafordevelopment.org\/visit-saada-association\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saadafordevelopment.org\/visit-saada-association\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/saadafordevelopment.org\/visit-saada-association\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/saadafordevelopment.org\/"},{"@type":"ListItem","position":2,"name":"Visit Saada Association"}]},{"@type":"WebSite","@id":"https:\/\/saadafordevelopment.org\/#website","url":"https:\/\/saadafordevelopment.org\/","name":"Saada For Development","description":"Association Saada Pour Le developpement","publisher":{"@id":"https:\/\/saadafordevelopment.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saadafordevelopment.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/saadafordevelopment.org\/#organization","name":"Saada For Development","url":"https:\/\/saadafordevelopment.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/saadafordevelopment.org\/#\/schema\/logo\/image\/","url":"https:\/\/saadafordevelopment.org\/wp-content\/uploads\/2026\/04\/cropped-cropped-LOGO-SAADA-1.png","contentUrl":"https:\/\/saadafordevelopment.org\/wp-content\/uploads\/2026\/04\/cropped-cropped-LOGO-SAADA-1.png","width":226,"height":65,"caption":"Saada For Development"},"image":{"@id":"https:\/\/saadafordevelopment.org\/#\/schema\/logo\/image\/"}}]}},"campaignId":"","_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/pages\/25951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/comments?post=25951"}],"version-history":[{"count":13,"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/pages\/25951\/revisions"}],"predecessor-version":[{"id":25984,"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/pages\/25951\/revisions\/25984"}],"wp:attachment":[{"href":"https:\/\/saadafordevelopment.org\/en\/wp-json\/wp\/v2\/media?parent=25951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}