{"id":967,"date":"2022-08-31T07:14:53","date_gmt":"2022-08-31T07:14:53","guid":{"rendered":"https:\/\/demo.creativethemes.com\/elementor\/charity\/?page_id=967"},"modified":"2026-07-19T13:27:35","modified_gmt":"2026-07-19T13:27:35","slug":"projects","status":"publish","type":"page","link":"https:\/\/salsabeelcharity.org\/ar\/projects\/","title":{"rendered":"\u0645\u0634\u0631\u0648\u0639\u0627\u062a\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"967\" class=\"elementor elementor-967\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ec1d15 e-flex e-con-boxed e-con e-parent\" data-id=\"8ec1d15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f26216f elementor-widget elementor-widget-html\" data-id=\"f26216f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  SALSABEEL CHARITY \u2014 PROJECTS DIRECTORY\r\n  Paste this entire block into a WordPress Custom HTML block on the Projects page.\r\n-->\r\n\r\n<style>\r\n  .sp-directory,\r\n  .sp-directory * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sp-directory {\r\n    --sp-forest: #0d513f;\r\n    --sp-forest-deep: #083c30;\r\n    --sp-green: #0f936b;\r\n    --sp-green-light: #e7f4ef;\r\n    --sp-cream: #f7f2e8;\r\n    --sp-gold: #e1ae4e;\r\n    --sp-ink: #17221e;\r\n    --sp-muted: #5d6b65;\r\n    --sp-line: #dce6e1;\r\n    --sp-white: #ffffff;\r\n    color: var(--sp-ink);\r\n    font-family: inherit;\r\n    line-height: 1.65;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sp-directory a {\r\n    color: inherit;\r\n  }\r\n\r\n  .sp-directory img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .sp-container {\r\n    width: min(1180px, calc(100% - 40px));\r\n    margin-inline: auto;\r\n  }\r\n\r\n  .sp-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 0 0 14px;\r\n    color: var(--sp-green);\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.13em;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-kicker::before {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--sp-gold);\r\n    content: \"\";\r\n  }\r\n\r\n  .sp-section-heading {\r\n    max-width: 760px;\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .sp-section-heading h2 {\r\n    margin: 0 0 14px;\r\n    color: var(--sp-forest);\r\n    font-size: clamp(2rem, 4vw, 3.25rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .sp-section-heading p {\r\n    margin: 0;\r\n    color: var(--sp-muted);\r\n    font-size: 1.05rem;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .sp-button {\r\n    display: inline-flex;\r\n    min-height: 50px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 12px 22px;\r\n    border: 2px solid transparent;\r\n    border-radius: 10px;\r\n    font-size: 0.96rem;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    text-decoration: none !important;\r\n    transition: transform 180ms ease, background-color 180ms ease,\r\n      border-color 180ms ease, color 180ms ease;\r\n  }\r\n\r\n  .sp-button:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .sp-button--gold {\r\n    background: var(--sp-gold);\r\n    color: var(--sp-forest-deep) !important;\r\n  }\r\n\r\n  .sp-button--gold:hover {\r\n    background: #efbf61;\r\n  }\r\n\r\n  .sp-button--outline-light {\r\n    border-color: rgba(255, 255, 255, 0.7);\r\n    color: var(--sp-white) !important;\r\n  }\r\n\r\n  .sp-button--outline-light:hover {\r\n    border-color: var(--sp-white);\r\n    background: rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .sp-button--green {\r\n    background: var(--sp-green);\r\n    color: var(--sp-white) !important;\r\n  }\r\n\r\n  .sp-button--green:hover {\r\n    background: var(--sp-forest);\r\n  }\r\n\r\n  .sp-button svg,\r\n  .sp-text-link svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex: 0 0 auto;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-width: 2;\r\n  }\r\n\r\n  .sp-directory a:focus-visible {\r\n    outline: 3px solid var(--sp-gold);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  \/* Hero *\/\r\n  .sp-hero {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    padding: clamp(92px, 10vw, 128px) 0 76px !important;\r\n    background:\r\n      radial-gradient(circle at 85% 15%, rgba(44, 164, 121, 0.35), transparent 32%),\r\n      linear-gradient(135deg, var(--sp-forest-deep), var(--sp-forest));\r\n    color: var(--sp-white);\r\n  }\r\n\r\n  .sp-hero::after {\r\n    position: absolute;\r\n    z-index: -1;\r\n    right: -90px;\r\n    bottom: -180px;\r\n    width: 480px;\r\n    height: 480px;\r\n    border: 70px solid rgba(255, 255, 255, 0.035);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n  }\r\n\r\n  .sp-hero-grid {\r\n    display: grid;\r\n    align-items: center;\r\n    gap: clamp(38px, 7vw, 84px);\r\n    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);\r\n  }\r\n\r\n  .sp-hero .sp-kicker {\r\n    color: #a9e5cf;\r\n  }\r\n\r\n  .sp-hero h1 {\r\n    max-width: 760px;\r\n    margin: 0 0 24px;\r\n    color: var(--sp-white);\r\n    font-size: clamp(3rem, 6vw, 5.7rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.055em;\r\n    line-height: 0.95;\r\n  }\r\n\r\n  .sp-hero-copy > p:not(.sp-kicker) {\r\n    max-width: 690px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.84);\r\n    font-size: clamp(1.05rem, 1.7vw, 1.25rem);\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .sp-hero-copy {\r\n    padding-top: 4px;\r\n  }\r\n\r\n  .sp-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .sp-model-card {\r\n    padding: clamp(26px, 4vw, 38px);\r\n    border: 1px solid rgba(255, 255, 255, 0.18);\r\n    border-radius: 24px;\r\n    background: rgba(255, 255, 255, 0.09);\r\n    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.14);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .sp-model-card h2 {\r\n    margin: 0 0 22px;\r\n    color: var(--sp-white);\r\n    font-size: clamp(1.4rem, 2.4vw, 1.9rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.025em;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .sp-model-list {\r\n    display: grid;\r\n    gap: 18px;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .sp-model-list li {\r\n    display: grid;\r\n    align-items: start;\r\n    gap: 12px;\r\n    color: rgba(255, 255, 255, 0.88);\r\n    grid-template-columns: 26px 1fr;\r\n  }\r\n\r\n  .sp-check {\r\n    display: inline-grid;\r\n    width: 25px;\r\n    height: 25px;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    background: var(--sp-gold);\r\n    color: var(--sp-forest-deep);\r\n    font-size: 0.86rem;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* Impact *\/\r\n  .sp-impact {\r\n    background: var(--sp-cream);\r\n    border-bottom: 1px solid #e6dece;\r\n  }\r\n\r\n  .sp-impact-grid {\r\n    display: grid;\r\n    margin: 0;\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  .sp-impact-item {\r\n    min-width: 0;\r\n    padding: 30px 22px;\r\n    text-align: center;\r\n  }\r\n\r\n  .sp-impact-item + .sp-impact-item {\r\n    border-left: 1px solid #ddd4c2;\r\n  }\r\n\r\n  .sp-impact-item dt {\r\n    margin-top: 5px;\r\n    color: #53625c;\r\n    font-size: 0.82rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.045em;\r\n    line-height: 1.35;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-impact-item dd {\r\n    margin: 0;\r\n    color: var(--sp-forest);\r\n    font-size: clamp(1.9rem, 3vw, 2.65rem);\r\n    font-weight: 900;\r\n    letter-spacing: -0.04em;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* Active programs *\/\r\n  .sp-programs {\r\n    padding: clamp(76px, 9vw, 120px) 0;\r\n    background: var(--sp-white);\r\n  }\r\n\r\n  .sp-program-grid {\r\n    display: grid;\r\n    gap: 26px;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .sp-program-card {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid var(--sp-line);\r\n    border-radius: 24px;\r\n    background: var(--sp-white);\r\n    box-shadow: 0 18px 55px rgba(24, 70, 54, 0.08);\r\n    transition: transform 200ms ease, box-shadow 200ms ease;\r\n  }\r\n\r\n  .sp-program-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 24px 70px rgba(24, 70, 54, 0.13);\r\n  }\r\n\r\n  .sp-program-media {\r\n    position: relative;\r\n    overflow: hidden;\r\n    aspect-ratio: 16 \/ 9;\r\n    background: var(--sp-green-light);\r\n  }\r\n\r\n  .sp-program-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 500ms ease;\r\n  }\r\n\r\n  .sp-program-card:hover .sp-program-media img {\r\n    transform: scale(1.025);\r\n  }\r\n\r\n  .sp-badge {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 18px;\r\n    padding: 7px 11px;\r\n    border-radius: 999px;\r\n    background: rgba(7, 55, 43, 0.92);\r\n    color: var(--sp-white);\r\n    font-size: 0.72rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.06em;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-program-body {\r\n    display: flex;\r\n    height: 100%;\r\n    flex-direction: column;\r\n    padding: clamp(24px, 3vw, 34px);\r\n  }\r\n\r\n  .sp-program-body h3 {\r\n    margin: 0 0 12px;\r\n    color: var(--sp-forest);\r\n    font-size: clamp(1.55rem, 2.7vw, 2.15rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.03em;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .sp-program-body > p {\r\n    margin: 0;\r\n    color: var(--sp-muted);\r\n  }\r\n\r\n  .sp-program-points {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin: 22px 0 26px;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .sp-program-points li {\r\n    position: relative;\r\n    padding-left: 20px;\r\n    color: #35463f;\r\n  }\r\n\r\n  .sp-program-points li::before {\r\n    position: absolute;\r\n    top: 0.72em;\r\n    left: 0;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--sp-gold);\r\n    content: \"\";\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .sp-text-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    align-self: flex-start;\r\n    gap: 8px;\r\n    margin-top: auto;\r\n    color: var(--sp-green) !important;\r\n    font-weight: 800;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .sp-text-link:hover {\r\n    color: var(--sp-forest) !important;\r\n  }\r\n\r\n  .sp-medical {\r\n    display: grid;\r\n    overflow: hidden;\r\n    margin-top: 26px;\r\n    border: 1px solid var(--sp-line);\r\n    border-radius: 24px;\r\n    background: var(--sp-green-light);\r\n    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);\r\n  }\r\n\r\n  .sp-medical-image {\r\n    width: 100%;\r\n    min-height: 0;\r\n    align-self: center;\r\n    aspect-ratio: 720 \/ 433;\r\n    background: #d8c2ca;\r\n  }\r\n\r\n  .sp-medical-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n\r\n  .sp-medical-copy {\r\n    align-self: center;\r\n    padding: clamp(30px, 4.5vw, 52px);\r\n  }\r\n\r\n  .sp-medical-copy h3 {\r\n    margin: 0 0 16px;\r\n    color: var(--sp-forest);\r\n    font-size: clamp(1.8rem, 2.7vw, 2.5rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.035em;\r\n    line-height: 1.08;\r\n  }\r\n\r\n  .sp-medical-copy p {\r\n    margin: 0 0 24px;\r\n    color: #43564e;\r\n  }\r\n\r\n  \/* Method *\/\r\n  .sp-method {\r\n    padding: clamp(76px, 9vw, 112px) 0;\r\n    background: var(--sp-forest);\r\n    color: var(--sp-white);\r\n  }\r\n\r\n  .sp-method .sp-section-heading h2,\r\n  .sp-method .sp-section-heading p {\r\n    color: var(--sp-white);\r\n  }\r\n\r\n  .sp-method .sp-section-heading p {\r\n    color: rgba(255, 255, 255, 0.76);\r\n  }\r\n\r\n  .sp-method-grid {\r\n    display: grid;\r\n    gap: 18px;\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .sp-method-card {\r\n    padding: 30px;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.07);\r\n  }\r\n\r\n  .sp-method-number {\r\n    display: block;\r\n    margin-bottom: 24px;\r\n    color: var(--sp-gold);\r\n    font-size: 0.82rem;\r\n    font-weight: 900;\r\n    letter-spacing: 0.14em;\r\n  }\r\n\r\n  .sp-method-card h3 {\r\n    margin: 0 0 10px;\r\n    color: var(--sp-white);\r\n    font-size: 1.35rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .sp-method-card p {\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.74);\r\n  }\r\n\r\n  \/* Locations *\/\r\n  .sp-locations {\r\n    padding: clamp(76px, 9vw, 112px) 0;\r\n    background: var(--sp-cream);\r\n  }\r\n\r\n  .sp-location-grid {\r\n    display: grid;\r\n    gap: 18px;\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .sp-location-card {\r\n    padding: 28px;\r\n    border: 1px solid #ded6c7;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.66);\r\n  }\r\n\r\n  .sp-location-label {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    color: var(--sp-green);\r\n    font-size: 0.72rem;\r\n    font-weight: 900;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-location-card h3 {\r\n    margin: 0 0 9px;\r\n    color: var(--sp-forest);\r\n    font-size: 1.5rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .sp-location-card p {\r\n    margin: 0 0 18px;\r\n    color: var(--sp-muted);\r\n  }\r\n\r\n  \/* Events *\/\r\n  .sp-events {\r\n    padding: clamp(76px, 9vw, 112px) 0;\r\n    background: var(--sp-white);\r\n  }\r\n\r\n  .sp-event-grid {\r\n    display: grid;\r\n    gap: 20px;\r\n    grid-template-columns: 1.25fr 1fr 1fr;\r\n  }\r\n\r\n  .sp-event-card {\r\n    display: flex;\r\n    min-height: 330px;\r\n    flex-direction: column;\r\n    padding: 30px;\r\n    border: 1px solid var(--sp-line);\r\n    border-radius: 22px;\r\n    background: #fbfdfc;\r\n  }\r\n\r\n  .sp-event-card--featured {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-color: transparent;\r\n    background:\r\n      radial-gradient(circle at 90% 10%, rgba(255,255,255,0.16), transparent 30%),\r\n      linear-gradient(145deg, var(--sp-green), var(--sp-forest));\r\n    color: var(--sp-white);\r\n  }\r\n\r\n  .sp-event-card--featured::after {\r\n    position: absolute;\r\n    right: -55px;\r\n    bottom: -75px;\r\n    width: 220px;\r\n    height: 220px;\r\n    border: 35px solid rgba(255,255,255,0.06);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n  }\r\n\r\n  .sp-event-date {\r\n    display: inline-block;\r\n    align-self: flex-start;\r\n    margin-bottom: 48px;\r\n    padding: 7px 11px;\r\n    border-radius: 999px;\r\n    background: var(--sp-green-light);\r\n    color: var(--sp-forest);\r\n    font-size: 0.72rem;\r\n    font-weight: 900;\r\n    letter-spacing: 0.075em;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-event-card--featured .sp-event-date {\r\n    background: var(--sp-gold);\r\n    color: var(--sp-forest-deep);\r\n  }\r\n\r\n  .sp-event-card h3 {\r\n    margin: 0 0 12px;\r\n    color: var(--sp-forest);\r\n    font-size: clamp(1.45rem, 2.4vw, 2rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.03em;\r\n    line-height: 1.12;\r\n  }\r\n\r\n  .sp-event-card--featured h3 {\r\n    color: var(--sp-white);\r\n  }\r\n\r\n  .sp-event-card p {\r\n    margin: 0 0 24px;\r\n    color: var(--sp-muted);\r\n  }\r\n\r\n  .sp-event-card--featured p {\r\n    color: rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  .sp-event-card .sp-text-link {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .sp-event-card--featured .sp-text-link {\r\n    color: var(--sp-white) !important;\r\n  }\r\n\r\n  \/* Closing CTA *\/\r\n  .sp-closing {\r\n    padding: 0 0 clamp(76px, 9vw, 112px);\r\n    background: var(--sp-white);\r\n  }\r\n\r\n  .sp-closing-card {\r\n    display: grid;\r\n    align-items: center;\r\n    gap: 28px;\r\n    padding: clamp(34px, 6vw, 64px);\r\n    border-radius: 26px;\r\n    background: var(--sp-cream);\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n  }\r\n\r\n  .sp-closing-card h2 {\r\n    max-width: 720px;\r\n    margin: 0 0 12px;\r\n    color: var(--sp-forest);\r\n    font-size: clamp(2rem, 4vw, 3.25rem);\r\n    font-weight: 800;\r\n    letter-spacing: -0.04em;\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .sp-closing-card p {\r\n    max-width: 730px;\r\n    margin: 0;\r\n    color: var(--sp-muted);\r\n  }\r\n\r\n  @media (max-width: 940px) {\r\n    .sp-hero-grid,\r\n    .sp-medical,\r\n    .sp-closing-card {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sp-model-card {\r\n      max-width: 680px;\r\n    }\r\n\r\n    .sp-impact-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .sp-impact-item:nth-child(3) {\r\n      border-left: 0;\r\n    }\r\n\r\n    .sp-impact-item:nth-child(n + 3) {\r\n      border-top: 1px solid #ddd4c2;\r\n    }\r\n\r\n    .sp-method-grid,\r\n    .sp-location-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sp-event-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .sp-event-card--featured {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .sp-closing-card .sp-button {\r\n      justify-self: start;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .sp-container {\r\n      width: min(100% - 28px, 1180px);\r\n    }\r\n\r\n    .sp-hero {\r\n      padding-top: 84px !important;\r\n    }\r\n\r\n    .sp-hero-grid,\r\n    .sp-program-grid,\r\n    .sp-event-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sp-hero h1 {\r\n      font-size: clamp(2.75rem, 13vw, 4.25rem);\r\n    }\r\n\r\n    .sp-hero-actions,\r\n    .sp-hero-actions .sp-button {\r\n      width: 100%;\r\n    }\r\n\r\n    .sp-impact-item {\r\n      padding: 24px 12px;\r\n    }\r\n\r\n    .sp-program-card,\r\n    .sp-medical,\r\n    .sp-model-card,\r\n    .sp-closing-card {\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .sp-medical-image {\r\n      min-height: 0;\r\n    }\r\n\r\n    .sp-event-card--featured {\r\n      grid-column: auto;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sp-directory *,\r\n    .sp-directory *::before,\r\n    .sp-directory *::after {\r\n      scroll-behavior: auto !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"sp-directory\">\r\n  <section class=\"sp-hero\" aria-labelledby=\"sp-page-title\">\r\n    <div class=\"sp-container sp-hero-grid\">\r\n      <div class=\"sp-hero-copy\">\r\n        <p class=\"sp-kicker\">Direct action in Egypt<\/p>\r\n        <h1 id=\"sp-page-title\">Programs built around real needs.<\/h1>\r\n        <p>\r\n          Salsabeel provides direct food, education and medical assistance through\r\n          trusted relationships in the communities we serve. Our founders cover\r\n          administrative expenses so donations can be directed to people in need.\r\n        <\/p>\r\n        <div class=\"sp-hero-actions\">\r\n          <a class=\"sp-button sp-button--gold\" href=\"#sp-programs\">\r\n            Explore our programs\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg>\r\n          <\/a>\r\n          <a class=\"sp-button sp-button--outline-light\" href=\"\/donate\/\">Donate now<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"sp-model-card\" aria-labelledby=\"sp-model-title\">\r\n        <h2 id=\"sp-model-title\">The Salsabeel model<\/h2>\r\n        <ul class=\"sp-model-list\">\r\n          <li><span class=\"sp-check\" aria-hidden=\"true\">\u2713<\/span><span>100% volunteer-run in Canada and Egypt.<\/span><\/li>\r\n          <li><span class=\"sp-check\" aria-hidden=\"true\">\u2713<\/span><span>Local volunteers help identify genuine needs.<\/span><\/li>\r\n          <li><span class=\"sp-check\" aria-hidden=\"true\">\u2713<\/span><span>Founders personally cover administrative expenses.<\/span><\/li>\r\n          <li><span class=\"sp-check\" aria-hidden=\"true\">\u2713<\/span><span>Support is delivered directly and with dignity.<\/span><\/li>\r\n        <\/ul>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sp-impact\" aria-label=\"Current reported impact\">\r\n    <div class=\"sp-container\">\r\n      <dl class=\"sp-impact-grid\">\r\n        <div class=\"sp-impact-item\">\r\n          <dd>$37,012<\/dd>\r\n          <dt>CAD distributed<\/dt>\r\n        <\/div>\r\n        <div class=\"sp-impact-item\">\r\n          <dd>387<\/dd>\r\n          <dt>People assisted<\/dt>\r\n        <\/div>\r\n        <div class=\"sp-impact-item\">\r\n          <dd>45<\/dd>\r\n          <dt>Families supported monthly<\/dt>\r\n        <\/div>\r\n        <div class=\"sp-impact-item\">\r\n          <dd>100%<\/dd>\r\n          <dt>Donation model<\/dt>\r\n        <\/div>\r\n      <\/dl>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sp-programs\" id=\"sp-programs\" aria-labelledby=\"sp-programs-title\">\r\n    <div class=\"sp-container\">\r\n      <header class=\"sp-section-heading\">\r\n        <p class=\"sp-kicker\">Our active programs<\/p>\r\n        <h2 id=\"sp-programs-title\">Practical help today. Opportunity for tomorrow.<\/h2>\r\n        <p>\r\n          Our programs respond to immediate needs while helping people build greater\r\n          security through education, reliable food assistance and essential care.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"sp-program-grid\">\r\n        <article class=\"sp-program-card\">\r\n          <div class=\"sp-program-media\">\r\n            <img loading=\"lazy\"\r\n              src=\"https:\/\/salsabeelcharity.org\/wp-content\/uploads\/2026\/01\/591523722_17886825669408979_3002054186123548988_n-1.jpg\"\r\n              alt=\"Shimaa, Salsabeel Charity's first bursary recipient\"\r\n              width=\"1080\"\r\n              height=\"1350\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n            <span class=\"sp-badge\">Education<\/span>\r\n          <\/div>\r\n          <div class=\"sp-program-body\">\r\n            <h3>Education support<\/h3>\r\n            <p>\r\n              We remove financial barriers that can prevent capable students from\r\n              finishing school or pursuing higher education.\r\n            <\/p>\r\n            <ul class=\"sp-program-points\">\r\n              <li>Multi-year university bursaries and living-cost support<\/li>\r\n              <li>School fees for students approaching graduation<\/li>\r\n              <li>Twenty Siwa students supported to complete their final year<\/li>\r\n            <\/ul>\r\n            <a class=\"sp-text-link\" href=\"\/projects\/education\/\">\r\n              Explore education programs\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"sp-program-card\">\r\n          <div class=\"sp-program-media\">\r\n            <img loading=\"lazy\"\r\n              src=\"https:\/\/salsabeelcharity.org\/wp-content\/uploads\/2026\/01\/583049614_17883843294408979_1282010186673574617_n.jpg\"\r\n              alt=\"Food packages prepared for Salsabeel Charity's monthly distribution\"\r\n              width=\"1080\"\r\n              height=\"1440\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n            <span class=\"sp-badge\">Food security<\/span>\r\n          <\/div>\r\n          <div class=\"sp-program-body\">\r\n            <h3>Food assistance<\/h3>\r\n            <p>\r\n              Reliable food support helps families meet essential needs during periods\r\n              of high prices, unstable income and seasonal pressure.\r\n            <\/p>\r\n            <ul class=\"sp-program-points\">\r\n              <li>Monthly groceries for 45 families: 35 in Siwa and 10 in Borg El Arab<\/li>\r\n              <li>More than 100 people supported every month<\/li>\r\n              <li>Additional Ramadan and Eid food distributions<\/li>\r\n            <\/ul>\r\n            <a class=\"sp-text-link\" href=\"\/projects\/food-distribution\/\">\r\n              Explore food programs\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <article class=\"sp-medical\">\r\n        <div class=\"sp-medical-image\">\r\n          <img loading=\"lazy\"\r\n            src=\"https:\/\/salsabeelcharity.org\/wp-content\/uploads\/2025\/01\/050cb514-1a64-4e28-9547-bad1ab198f39-1-1.webp\"\r\n            alt=\"Salsabeel Charity co-founder Nehal visiting a person receiving medical support\"\r\n            width=\"720\"\r\n            height=\"433\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n        <div class=\"sp-medical-copy\">\r\n          <p class=\"sp-kicker\">Essential medical care<\/p>\r\n          <h3>Helping people receive treatment when cost stands in the way.<\/h3>\r\n          <p>\r\n            Salsabeel funds essential medicine, medical testing, treatment and\r\n            life-changing surgeries. Support is assessed individually so assistance\r\n            can respond to each person's circumstances and most urgent needs.\r\n          <\/p>\r\n          <a class=\"sp-button sp-button--green\" href=\"\/donate\/\">Support medical assistance<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sp-method\" aria-labelledby=\"sp-method-title\">\r\n    <div class=\"sp-container\">\r\n      <header class=\"sp-section-heading\">\r\n        <p class=\"sp-kicker\">How assistance is delivered<\/p>\r\n        <h2 id=\"sp-method-title\">Local knowledge guides every step.<\/h2>\r\n        <p>\r\n          Our small scale allows us to respond personally, reduce barriers and maintain\r\n          a direct connection between donor support and community impact.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"sp-method-grid\">\r\n        <article class=\"sp-method-card\">\r\n          <span class=\"sp-method-number\">01 \u00b7 LISTEN<\/span>\r\n          <h3>Understand the need<\/h3>\r\n          <p>Trusted volunteers and community contacts identify families and individuals facing genuine hardship.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-method-card\">\r\n          <span class=\"sp-method-number\">02 \u00b7 RESPOND<\/span>\r\n          <h3>Choose practical support<\/h3>\r\n          <p>We consider the circumstances and provide the form of assistance that can make the clearest difference.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-method-card\">\r\n          <span class=\"sp-method-number\">03 \u00b7 DELIVER<\/span>\r\n          <h3>Provide help directly<\/h3>\r\n          <p>Local volunteers coordinate purchases and distributions while treating recipients with care and dignity.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sp-locations\" aria-labelledby=\"sp-locations-title\">\r\n    <div class=\"sp-container\">\r\n      <header class=\"sp-section-heading\">\r\n        <p class=\"sp-kicker\">Where we work<\/p>\r\n        <h2 id=\"sp-locations-title\">Built on lasting community relationships.<\/h2>\r\n        <p>\r\n          Salsabeel works where our volunteers and founders have the local knowledge and\r\n          relationships needed to provide assistance responsibly.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"sp-location-grid\">\r\n        <article class=\"sp-location-card\">\r\n          <span class=\"sp-location-label\">Western Desert<\/span>\r\n          <h3>Siwa Oasis<\/h3>\r\n          <p>Home to our education initiatives and one of the communities served by the Mobile Food Bank.<\/p>\r\n          <a class=\"sp-text-link\" href=\"\/about\/about-siwa\/\">Learn about Siwa <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg><\/a>\r\n        <\/article>\r\n        <article class=\"sp-location-card\">\r\n          <span class=\"sp-location-label\">Alexandria area<\/span>\r\n          <h3>Borg El Arab<\/h3>\r\n          <p>A second community reached through monthly food assistance and locally led distribution.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-location-card\">\r\n          <span class=\"sp-location-label\">Cairo<\/span>\r\n          <h3>Al Manial<\/h3>\r\n          <p>The founders' family roots and longstanding relationships connect Salsabeel to this historic community.<\/p>\r\n          <a class=\"sp-text-link\" href=\"\/about\/al-manial\/\">Learn about Al Manial <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg><\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sp-events\" aria-labelledby=\"sp-events-title\">\r\n    <div class=\"sp-container\">\r\n      <header class=\"sp-section-heading\">\r\n        <p class=\"sp-kicker\">Community events in Canada<\/p>\r\n        <h2 id=\"sp-events-title\">Bringing people together in Abbotsford.<\/h2>\r\n        <p>\r\n          Our community events support local entrepreneurs, introduce new supporters to\r\n          Salsabeel and raise funds for direct assistance in Egypt.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"sp-event-grid\">\r\n        <article class=\"sp-event-card sp-event-card--featured\">\r\n          <span class=\"sp-event-date\">Upcoming \u00b7 August 29, 2026<\/span>\r\n          <h3>Salsabeel Egyptian Market<\/h3>\r\n          <p>Egyptian goods, food, creativity and community at OPEX Abbotsford from 4:00\u20138:00 p.m.<\/p>\r\n          <a class=\"sp-text-link\" href=\"\/about\/2026-egyptian-market\/\">\r\n            View event details\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"sp-event-card\">\r\n          <span class=\"sp-event-date\">January 31, 2026<\/span>\r\n          <h3>2026 Ramadan Bazaar<\/h3>\r\n          <p>Our second annual bazaar welcomed 150 people and raised $1,180 for urgent food assistance.<\/p>\r\n          <a class=\"sp-text-link\" href=\"\/about\/2026-ramadan-bazaar\/\">\r\n            Read the event recap\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"sp-event-card\">\r\n          <span class=\"sp-event-date\">February 1, 2025<\/span>\r\n          <h3>2025 Ramadan Bazaar<\/h3>\r\n          <p>Our first bazaar brought together approximately 200 community members and generated $3,000 in vendor sales.<\/p>\r\n          <a class=\"sp-text-link\" href=\"\/about\/2025-ramadan-bazaar\/\">\r\n            Read the event recap\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sp-closing\" aria-labelledby=\"sp-closing-title\">\r\n    <div class=\"sp-container\">\r\n      <div class=\"sp-closing-card\">\r\n        <div>\r\n          <h2 id=\"sp-closing-title\">Help turn generosity into direct action.<\/h2>\r\n          <p>\r\n            Your donation can provide reliable food, keep a student in school or help\r\n            someone receive essential medical care.\r\n          <\/p>\r\n        <\/div>\r\n        <a class=\"sp-button sp-button--green\" href=\"\/donate\/\">\r\n          See ways to donate\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" \/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"CollectionPage\",\r\n  \"name\": \"Salsabeel Charity Programs\",\r\n  \"url\": \"https:\/\/salsabeelcharity.org\/projects\/\",\r\n  \"description\": \"Salsabeel Charity's food, education and medical assistance programs serving communities in Egypt.\",\r\n  \"isPartOf\": {\r\n    \"@type\": \"WebSite\",\r\n    \"name\": \"Salsabeel Charity\",\r\n    \"url\": \"https:\/\/salsabeelcharity.org\/\"\r\n  },\r\n  \"mainEntity\": {\r\n    \"@type\": \"ItemList\",\r\n    \"itemListElement\": [\r\n      {\r\n        \"@type\": \"ListItem\",\r\n        \"position\": 1,\r\n        \"name\": \"Education Support\",\r\n        \"url\": \"https:\/\/salsabeelcharity.org\/projects\/education\/\"\r\n      },\r\n      {\r\n        \"@type\": \"ListItem\",\r\n        \"position\": 2,\r\n        \"name\": \"Food Assistance\",\r\n        \"url\": \"https:\/\/salsabeelcharity.org\/projects\/food-distribution\/\"\r\n      },\r\n      {\r\n        \"@type\": \"ListItem\",\r\n        \"position\": 3,\r\n        \"name\": \"Medical Assistance\",\r\n        \"url\": \"https:\/\/salsabeelcharity.org\/donate\/\"\r\n      }\r\n    ]\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Direct action in Egypt Programs built around real needs. Salsabeel provides direct food, education and medical assistance through trusted relationships in the communities we serve. Our founders cover administrative expenses so donations can be directed to people in need. Explore our programs Donate now The Salsabeel model \u2713100% volunteer-run in Canada and Egypt. \u2713Local volunteers [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-967","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/pages\/967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/comments?post=967"}],"version-history":[{"count":27,"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/pages\/967\/revisions"}],"predecessor-version":[{"id":2889,"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/pages\/967\/revisions\/2889"}],"wp:attachment":[{"href":"https:\/\/salsabeelcharity.org\/ar\/wp-json\/wp\/v2\/media?parent=967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}