{"id":3693,"date":"2026-04-05T02:24:43","date_gmt":"2026-04-04T23:24:43","guid":{"rendered":"https:\/\/ssr.org.sa\/?page_id=3693"},"modified":"2026-04-05T03:05:15","modified_gmt":"2026-04-05T00:05:15","slug":"%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy","status":"publish","type":"page","link":"https:\/\/ssr.org.sa\/en\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy)"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630<\/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=Tajawal:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n\/* =====================================================\n DESIGN TOKENS\n===================================================== *\/\n:root {\n --green-darkest: #1E2E16;\n --green-dark: #2E3D27;\n --green-primary: #3B5F2A;\n --green-medium: #4A7A38;\n --green-light: #6B8E23;\n --green-soft: #8BC34A;\n --green-pale: #D8EFD8;\n --green-whisper: #F0F8F0;\n\n --gold-deep: #B8860B;\n --gold: #DAA520;\n --gold-bright: #FFD700;\n --gold-pale: #FFF8DC;\n\n --surface-bg: #F5F3E8;\n --surface-card: #FEFEFE;\n --surface-muted: #F0EDE0;\n\n --text-dark: #1A2614;\n --text-mid: #3B4A30;\n --text-muted: #5A6B4A;\n --text-faint: #8A9A7A;\n\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 20px;\n --radius-xl: 30px;\n\n --shadow-sm: 0 2px 8px rgba(30,46,22,0.08);\n --shadow-md: 0 6px 20px rgba(30,46,22,0.12);\n --shadow-lg: 0 15px 40px rgba(30,46,22,0.18);\n --shadow-xl: 0 25px 60px rgba(30,46,22,0.22);\n\n --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* =====================================================\n BASE RESET\n===================================================== *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }\nbody {\n font-family: 'Tajawal', sans-serif;\n background-color: var(--surface-bg);\n color: var(--text-dark);\n line-height: 1.7;\n overflow-x: hidden;\n}\nimg { display: block; max-width: 100%; }\na { text-decoration: none; color: inherit; }\n\n\/* =====================================================\n ORNAMENTAL SVG PATTERNS \u2014 reusable\n===================================================== *\/\n\n\/* Geometric star pattern (Islamic 8-point star tile) *\/\n.ornament-star-bg::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%233B5F2A' stroke-width='0.6' opacity='0.12'%3E%3Cpolygon points='40,8 46,30 68,24 52,40 68,56 46,50 40,72 34,50 12,56 28,40 12,24 34,30'\/%3E%3Crect x='28' y='28' width='24' height='24' transform='rotate(45 40 40)'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n pointer-events: none;\n z-index: 0;\n}\n\n\/* Arabesque vine border element *\/\n.ornament-corner {\n position: absolute;\n width: 120px;\n height: 120px;\n pointer-events: none;\n opacity: 0.18;\n}\n.ornament-corner.top-right { top: 0; right: 0; }\n.ornament-corner.top-left { top: 0; left: 0; transform: scaleX(-1); }\n.ornament-corner.bot-right { bottom: 0; right: 0; transform: scaleY(-1); }\n.ornament-corner.bot-left { bottom: 0; left: 0; transform: scale(-1); }\n\n\/* Divider ornament \u2014 centered star-line *\/\n.ornament-divider {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: center;\n margin: 1.5rem auto;\n}\n.ornament-divider::before,\n.ornament-divider::after {\n content: '';\n flex: 1;\n max-width: 120px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n}\n.ornament-divider-star {\n width: 28px;\n height: 28px;\n flex-shrink: 0;\n}\n\n\/* Section heading decoration *\/\n.section-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: linear-gradient(135deg, var(--gold-deep), var(--gold));\n color: var(--green-darkest);\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 1.5px;\n padding: 0.35rem 1.1rem;\n border-radius: 30px;\n margin-bottom: 0.9rem;\n text-transform: uppercase;\n}\n\n\/* =====================================================\n SCROLL REVEAL\n===================================================== *\/\n.scroll-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),\n transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.scroll-reveal.revealed { opacity: 1; transform: translateY(0); }\n\n\/* =====================================================\n TOP NAVIGATION BAR\n===================================================== *\/\n.navbar {\n position: sticky;\n top: 0;\n z-index: 100;\n background: rgba(30, 46, 22, 0.97);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(218, 165, 32, 0.25);\n padding: 0 2rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n}\n.navbar-brand {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n}\n.navbar-brand svg {\n width: 36px;\n height: 36px;\n}\n.navbar-brand-name {\n color: white;\n font-size: 1.05rem;\n font-weight: 700;\n line-height: 1.2;\n}\n.navbar-brand-sub {\n color: var(--gold);\n font-size: 0.72rem;\n font-weight: 400;\n}\n.navbar-links {\n display: flex;\n gap: 1.8rem;\n list-style: none;\n}\n.navbar-links a {\n color: rgba(255,255,255,0.8);\n font-size: 0.9rem;\n font-weight: 500;\n transition: color var(--transition);\n position: relative;\n}\n.navbar-links a::after {\n content: '';\n position: absolute;\n bottom: -3px;\n right: 0;\n width: 0;\n height: 2px;\n background: var(--gold);\n transition: width var(--transition);\n}\n.navbar-links a:hover { color: var(--gold); }\n.navbar-links a:hover::after { width: 100%; }\n.navbar-cta {\n background: linear-gradient(135deg, var(--gold-deep), var(--gold));\n color: var(--green-darkest) !important;\n padding: 0.45rem 1.2rem;\n border-radius: 30px;\n font-weight: 700;\n font-size: 0.85rem;\n transition: box-shadow var(--transition), transform var(--transition) !important;\n}\n.navbar-cta:hover {\n box-shadow: 0 4px 16px rgba(218,165,32,0.5);\n transform: translateY(-1px);\n}\n.navbar-cta::after { display: none !important; }\n\n\/* =====================================================\n HERO \/ TOP BANNER\n===================================================== *\/\n.top-banner {\n position: relative;\n overflow: hidden;\n background: linear-gradient(160deg, #1E3A12 0%, #2C5020 45%, #3B6B2A 100%);\n padding: 5rem 2rem 4rem;\n min-height: 540px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n\/* Large decorative geometric background \u2014 Islamic star lattice *\/\n.top-banner::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.07'%3E%3Cpolygon points='50,10 57.5,37.5 85,30 65,50 85,70 57.5,62.5 50,90 42.5,62.5 15,70 35,50 15,30 42.5,37.5'\/%3E%3Crect x='35' y='35' width='30' height='30' transform='rotate(45 50 50)'\/%3E%3Ccircle cx='50' cy='50' r='18' stroke-dasharray='3 5'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 100px 100px;\n}\n\n\/* Radial glow spots *\/\n.top-banner::after {\n content: '';\n position: absolute;\n top: -20%;\n left: 20%;\n width: 600px;\n height: 600px;\n background: radial-gradient(ellipse, rgba(218,165,32,0.12) 0%, transparent 65%);\n pointer-events: none;\n}\n\n\/* Gold ornamental arch at top of banner *\/\n.banner-arch {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 320px;\n height: 60px;\n pointer-events: none;\n}\n\n\/* Decorative corner rosettes *\/\n.banner-rosette {\n position: absolute;\n opacity: 0.2;\n pointer-events: none;\n}\n.banner-rosette.tr { top: 20px; left: 30px; width: 90px; }\n.banner-rosette.bl { bottom: 20px; right: 30px; width: 70px; transform: rotate(30deg); }\n\n.top-banner-inner {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n max-width: 1200px;\n width: 100%;\n gap: 3rem;\n flex-wrap: wrap;\n flex-direction: row-reverse;\n}\n\n.banner-text-content {\n flex: 1;\n min-width: 280px;\n text-align: right;\n}\n\n\/* Logo *\/\n.banner-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n justify-content: flex-end;\n margin-bottom: 1.2rem;\n}\n.banner-logo-text {\n color: rgba(255,255,255,0.9);\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.5px;\n}\n.logo-emblem {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--gold-deep), var(--gold));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(218,165,32,0.4);\n}\n\n\/* Gold thin ornamental line above heading *\/\n.banner-ornament-line {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n justify-content: flex-end;\n margin-bottom: 0.8rem;\n opacity: 0.7;\n}\n.banner-ornament-line span {\n height: 1px;\n width: 50px;\n background: linear-gradient(90deg, var(--gold), transparent);\n}\n\n.banner-text-content h1 {\n font-size: clamp(2.4rem, 5vw, 3.8rem);\n font-weight: 800;\n color: #fff;\n line-height: 1.15;\n margin-bottom: 1rem;\n}\n.banner-text-content h1 span {\n background: linear-gradient(135deg, var(--gold), var(--gold-bright));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.banner-text-content p {\n font-size: 1.1rem;\n color: rgba(255,255,255,0.82);\n margin-bottom: 2.2rem;\n max-width: 460px;\n margin-right: 0;\n margin-left: auto;\n line-height: 1.8;\n}\n\n.banner-buttons {\n display: flex;\n gap: 1rem;\n justify-content: flex-end;\n flex-wrap: wrap;\n}\n\n.banner-btn {\n padding: 0.9rem 2rem;\n border: none;\n border-radius: var(--radius-xl);\n font-size: 1rem;\n font-weight: 700;\n cursor: pointer;\n transition: all var(--transition);\n text-decoration: none;\n display: inline-block;\n text-align: center;\n font-family: 'Tajawal', sans-serif;\n}\n.banner-btn.volunteer {\n background: linear-gradient(135deg, var(--gold-deep), var(--gold));\n color: var(--green-darkest);\n box-shadow: 0 4px 20px rgba(218,165,32,0.4);\n}\n.banner-btn.volunteer:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 28px rgba(218,165,32,0.55);\n}\n.banner-btn.contact {\n background: rgba(255,255,255,0.1);\n color: white;\n border: 1.5px solid rgba(255,255,255,0.35);\n backdrop-filter: blur(6px);\n}\n.banner-btn.contact:hover {\n background: rgba(255,255,255,0.2);\n transform: translateY(-3px);\n}\n\n\/* Hero image \/ carousel side *\/\n.banner-image {\n flex: 1;\n min-width: 280px;\n position: relative;\n}\n\n\/* Decorative ring behind carousel *\/\n.carousel-ring {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 320px;\n height: 320px;\n border-radius: 50%;\n border: 1px solid rgba(218,165,32,0.25);\n pointer-events: none;\n z-index: 0;\n}\n.carousel-ring::before {\n content: '';\n position: absolute;\n inset: 12px;\n border-radius: 50%;\n border: 1px dashed rgba(218,165,32,0.15);\n}\n\n.carousel-container {\n position: relative;\n z-index: 1;\n width: 100%;\n height: 300px;\n overflow: hidden;\n border-radius: 16px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n border: 2px solid rgba(218,165,32,0.3);\n}\n.carousel-image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0;\n transition: opacity 1.2s ease-in-out;\n}\n.carousel-image.active { opacity: 1; }\n\n\/* =====================================================\n SECTION WRAPPER UTILITY\n===================================================== *\/\n.section-wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 5rem 2rem;\n}\n.section-header {\n text-align: center;\n margin-bottom: 3.5rem;\n}\n.section-header h2 {\n font-size: clamp(1.9rem, 3.5vw, 2.8rem);\n font-weight: 700;\n color: var(--green-primary);\n line-height: 1.25;\n margin-bottom: 0.6rem;\n}\n.section-header p {\n color: var(--text-muted);\n font-size: 1.05rem;\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.8;\n}\n\n\/* =====================================================\n ABOUT SECTION\n===================================================== *\/\n.about-section {\n position: relative;\n background: var(--surface-card);\n overflow: hidden;\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n border: 1px solid rgba(59,95,42,0.08);\n}\n\n\/* Tiled geometric pattern background *\/\n.about-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%233B5F2A' stroke-width='0.5' opacity='0.08'%3E%3Cpolygon points='40,8 46,30 68,24 52,40 68,56 46,50 40,72 34,50 12,56 28,40 12,24 34,30'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n pointer-events: none;\n z-index: 0;\n}\n\n.about-section .section-wrap { position: relative; z-index: 1; }\n\n.about-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n}\n\n.about-text h2 {\n font-size: clamp(1.8rem, 3vw, 2.5rem);\n font-weight: 700;\n color: var(--green-primary);\n margin-bottom: 1.2rem;\n line-height: 1.3;\n}\n.about-text p {\n color: var(--text-muted);\n line-height: 1.9;\n font-size: 1.05rem;\n margin-bottom: 1.5rem;\n}\n.about-highlight {\n background: linear-gradient(135deg, rgba(59,95,42,0.06), rgba(107,142,35,0.04));\n border-right: 3px solid var(--gold);\n border-radius: 0 var(--radius-md) var(--radius-md) 0;\n padding: 1rem 1.4rem;\n margin-top: 1rem;\n font-style: italic;\n color: var(--green-dark);\n font-weight: 600;\n}\n\n.about-visual {\n display: flex;\n flex-direction: column;\n gap: 1.2rem;\n align-items: flex-end;\n}\n.about-badge-row {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: flex-end;\n}\n.about-badge {\n background: var(--surface-muted);\n border: 1px solid rgba(59,95,42,0.15);\n border-radius: var(--radius-lg);\n padding: 0.9rem 1.4rem;\n text-align: center;\n flex: 1;\n min-width: 100px;\n transition: all var(--transition);\n}\n.about-badge:hover {\n background: white;\n box-shadow: var(--shadow-sm);\n transform: translateY(-2px);\n}\n.about-badge .badge-num {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--green-primary);\n display: block;\n}\n.about-badge .badge-label {\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-top: 0.1rem;\n}\n\n\/* Founded year badge *\/\n.about-founded {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--green-primary), var(--green-medium));\n color: white;\n border-radius: var(--radius-lg);\n padding: 1rem 1.6rem;\n width: 100%;\n justify-content: flex-end;\n}\n.about-founded .year { font-size: 2rem; font-weight: 800; }\n.about-founded .label { font-size: 0.9rem; opacity: 0.85; }\n\n\/* =====================================================\n ACHIEVEMENTS \/ STATS\n===================================================== *\/\n.achievements-section {\n background: linear-gradient(160deg, var(--green-darkest) 0%, var(--green-dark) 50%, #243D1A 100%);\n position: relative;\n overflow: hidden;\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n}\n\n\/* Dense Islamic star pattern *\/\n.achievements-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.07'%3E%3Cpolygon points='30,6 34.5,22.5 51,18 39,30 51,42 34.5,37.5 30,54 25.5,37.5 9,42 21,30 9,18 25.5,22.5'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n}\n\n.achievements-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(218,165,32,0.08) 0%, transparent 65%);\n}\n\n.achievements-section .section-wrap {\n position: relative;\n z-index: 1;\n}\n\n.achievements-section .section-header h2 {\n color: #fff;\n}\n.achievements-section .section-header p {\n color: rgba(255,255,255,0.65);\n}\n\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.stat-card {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(218,165,32,0.2);\n border-radius: var(--radius-lg);\n padding: 2.5rem 1.5rem;\n text-align: center;\n transition: all var(--transition);\n cursor: default;\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(8px);\n}\n\n\/* Inner star rosette decoration *\/\n.stat-card::before {\n content: '';\n position: absolute;\n bottom: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 70px;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 60 60'%3E%3Cpolygon points='30,6 34.5,22.5 51,18 39,30 51,42 34.5,37.5 30,54 25.5,37.5 9,42 21,30 9,18 25.5,22.5' fill='none' stroke='%23DAA520' stroke-width='1' opacity='0.2'\/%3E%3C\/svg%3E\");\n background-size: contain;\n background-repeat: no-repeat;\n pointer-events: none;\n}\n\n.stat-card:hover {\n background: rgba(255,255,255,0.1);\n border-color: rgba(218,165,32,0.5);\n transform: translateY(-6px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.35);\n}\n\n.stat-number {\n font-size: clamp(2.2rem, 4vw, 3.2rem);\n font-weight: 800;\n background: linear-gradient(135deg, var(--gold), var(--gold-bright));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.6rem;\n display: block;\n line-height: 1.1;\n}\n\n.stat-label {\n font-size: 0.95rem;\n color: rgba(255,255,255,0.78);\n font-weight: 500;\n line-height: 1.4;\n}\n\n\/* =====================================================\n SERVICES\n===================================================== *\/\n.services-section {\n position: relative;\n background: var(--surface-card);\n overflow: hidden;\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n}\n\n\/* Subtle geometry *\/\n.services-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%236B8E23' stroke-width='0.4' opacity='0.06'%3E%3Crect x='30' y='30' width='60' height='60' transform='rotate(15 60 60)'\/%3E%3Crect x='30' y='30' width='60' height='60' transform='rotate(30 60 60)'\/%3E%3Ccircle cx='60' cy='60' r='40' stroke-dasharray='4 8'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 120px 120px;\n pointer-events: none;\n}\n\n.services-section .section-wrap { position: relative; z-index: 1; }\n\n.services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n}\n\n.service-card {\n background: var(--surface-bg);\n border-radius: var(--radius-md);\n padding: 2rem 1.6rem;\n border: 1px solid rgba(59,95,42,0.1);\n transition: all var(--transition);\n text-align: center;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n\/* Top ornamental border line on hover *\/\n.service-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n transform: scaleX(0);\n transition: transform var(--transition);\n}\n.service-card:hover::before { transform: scaleX(1); }\n\n.service-card:hover {\n background: white;\n box-shadow: var(--shadow-lg);\n transform: translateY(-6px);\n border-color: rgba(107,142,35,0.25);\n}\n\n\/* Icon container with star-frame *\/\n.service-icon-wrap {\n width: 72px;\n height: 72px;\n position: relative;\n margin-bottom: 1.2rem;\n}\n.service-icon-wrap::before {\n content: '';\n position: absolute;\n inset: -8px;\n \n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n pointer-events: none;\n transition: opacity var(--transition);\n}\n.service-card:hover .service-icon-wrap::before { opacity: 1; }\n\n.service-icon-wrap img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.service-title {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--green-dark);\n margin-bottom: 0.6rem;\n}\n.service-description {\n font-size: 0.92rem;\n color: var(--text-muted);\n line-height: 1.7;\n}\n\n\/* =====================================================\n VIDEO SECTION\n===================================================== *\/\n.video-section {\n position: relative;\n background: linear-gradient(135deg, #f8f6ee 0%, #eef6e8 100%);\n overflow: hidden;\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n border: 1px solid rgba(59,95,42,0.08);\n}\n\n.video-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%233B5F2A' stroke-width='0.5' opacity='0.07'%3E%3Cpath d='M10,50 Q25,10 50,50 Q75,90 90,50'\/%3E%3Cpath d='M50,10 Q90,25 50,50 Q10,75 50,90'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 100px 100px;\n pointer-events: none;\n}\n\n.video-section .section-wrap {\n position: relative;\n z-index: 1;\n max-width: 860px;\n}\n\n.video-header h2 {\n font-size: clamp(1.5rem, 2.5vw, 2.2rem);\n font-weight: 700;\n color: var(--green-primary);\n text-align: center;\n}\n.video-header .subtitle {\n color: var(--gold-deep);\n font-weight: 700;\n font-size: 1.1rem;\n text-align: center;\n margin-top: 0.3rem;\n}\n\n.video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n border-radius: var(--radius-md);\n box-shadow: 0 12px 40px rgba(0,0,0,0.2);\n margin-top: 2rem;\n border: 2px solid rgba(59,95,42,0.15);\n}\n.video-container iframe {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n border: none;\n}\n\n\/* =====================================================\n LEADERSHIP CAROUSEL\n===================================================== *\/\n.leadership-section {\n position: relative;\n background: linear-gradient(135deg, #fefefe 0%, #f0f8f0 100%);\n overflow: hidden;\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n border: 1px solid rgba(59,95,42,0.08);\n}\n.leadership-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%233B5F2A' stroke-width='0.4' opacity='0.07'%3E%3Crect x='10' y='10' width='40' height='40' transform='rotate(45 30 30)'\/%3E%3Ccircle cx='30' cy='30' r='20'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n pointer-events: none;\n}\n\n.leadership-section .section-wrap { position: relative; z-index: 1; max-width: 860px; }\n\n.leadership-carousel-wrapper {\n position: relative;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 3rem;\n}\n.leadership-carousel {\n display: flex;\n gap: 1.5rem;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n -ms-overflow-style: none;\n padding: 0.5rem 0.25rem 1rem;\n}\n.leadership-carousel::-webkit-scrollbar { display: none; }\n\n.carousel-item {\n flex-shrink: 0;\n width: 180px;\n height: 180px;\n border-radius: var(--radius-md);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n border: 2px solid rgba(107,142,35,0.25);\n scroll-snap-align: center;\n transition: all var(--transition);\n position: relative;\n}\n.carousel-item::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: var(--radius-md);\n border: 2px solid transparent;\n transition: border-color var(--transition);\n}\n.carousel-item:hover {\n transform: scale(1.06) translateY(-4px);\n box-shadow: var(--shadow-md);\n}\n.carousel-item:hover::after {\n border-color: var(--gold);\n}\n.carousel-item img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n.carousel-nav {\n background: linear-gradient(135deg, var(--green-primary), var(--green-medium));\n color: white;\n border: none;\n border-radius: 50%;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n box-shadow: var(--shadow-sm);\n transition: all var(--transition);\n font-family: inherit;\n}\n.carousel-nav.prev-btn { right: 0; }\n.carousel-nav.next-btn { left: 0; }\n.carousel-nav:hover:not(:disabled) {\n background: linear-gradient(135deg, var(--gold-deep), var(--gold));\n color: var(--green-darkest);\n transform: translateY(-50%) scale(1.1);\n}\n.carousel-nav:disabled { background: #ccc; cursor: not-allowed; opacity: 0.5; }\n.carousel-nav svg { width: 55%; height: 55%; }\n\n.carousel-dots {\n display: flex;\n justify-content: center;\n margin-top: 1.5rem;\n gap: 0.6rem;\n}\n.carousel-dot {\n width: 8px;\n height: 8px;\n background: rgba(59,95,42,0.2);\n border-radius: 50%;\n cursor: pointer;\n transition: all var(--transition);\n}\n.carousel-dot.active {\n background: var(--green-primary);\n width: 24px;\n border-radius: 4px;\n}\n.carousel-dot:hover { background: var(--green-medium); }\n\n\/* =====================================================\n SUPPORT US \/ DONATE\n===================================================== *\/\n.support-section {\n position: relative;\n background: linear-gradient(135deg, #fdfdf8 0%, #eef7ee 100%);\n overflow: hidden;\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n border: 1px solid rgba(59,95,42,0.08);\n}\n.support-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%233B5F2A' stroke-width='0.5' opacity='0.06'%3E%3Cpolygon points='45,9 52,33 76.5,27 58.5,45 76.5,63 52,57 45,81 38,57 13.5,63 31.5,45 13.5,27 38,33'\/%3E%3Crect x='33' y='33' width='24' height='24' transform='rotate(45 45 45)'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 90px 90px;\n pointer-events: none;\n}\n.support-section .section-wrap { position: relative; z-index: 1; max-width: 1000px; }\n\n.support-content-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n justify-content: center;\n}\n\n.support-card {\n flex: 1;\n min-width: 280px;\n max-width: 460px;\n background: white;\n border-radius: var(--radius-md);\n padding: 2rem;\n box-shadow: var(--shadow-sm);\n border: 1px solid rgba(59,95,42,0.1);\n position: relative;\n overflow: hidden;\n transition: all var(--transition);\n text-align: right;\n}\n.support-card:hover {\n box-shadow: var(--shadow-lg);\n transform: translateY(-4px);\n}\n\/* Gold top border accent *\/\n.support-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n}\n.support-card h3 {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--green-dark);\n margin-bottom: 1.4rem;\n}\n\n.account-list { display: flex; flex-direction: column; gap: 1.2rem; }\n\n.account-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: #F8FBF8;\n border-radius: var(--radius-sm);\n padding: 0.9rem 1.2rem;\n border: 1px solid rgba(59,95,42,0.07);\n}\n.bank-logo img {\n width: 80px;\n height: 60px;\n object-fit: contain;\n border-radius: var(--radius-sm);\n background: white;\n padding: 5px;\n}\n.account-details { flex: 1; text-align: right; }\n.bank-name {\n font-weight: 700;\n color: var(--green-primary);\n font-size: 1rem;\n margin-bottom: 0.25rem;\n display: block;\n}\n.account-details p {\n margin: 0;\n font-size: 0.9rem;\n color: var(--text-muted);\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.copyable-text {\n direction: ltr;\n unicode-bidi: embed;\n font-weight: 500;\n color: var(--text-dark);\n}\n.copy-btn {\n background: var(--green-light);\n color: white;\n border: none;\n border-radius: 4px;\n padding: 0.3rem 0.7rem;\n font-size: 0.8rem;\n cursor: pointer;\n transition: all var(--transition);\n font-family: 'Tajawal', sans-serif;\n flex-shrink: 0;\n}\n.copy-btn:hover { background: var(--green-medium); transform: translateY(-1px); }\n\n.license-card {\n background: #F8FBF8;\n border-radius: var(--radius-sm);\n padding: 1.4rem;\n text-align: center;\n border: 1px solid rgba(59,95,42,0.07);\n margin-top: 0.5rem;\n}\n.license-card p { color: var(--text-muted); font-size: 1rem; line-height: 1.7; }\n.license-number {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--green-primary);\n margin-top: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n}\n\n\/* =====================================================\n PARTNERS\n===================================================== *\/\n.partners-section {\n position: relative;\n background: var(--surface-card);\n overflow: hidden;\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n border: 1px solid rgba(59,95,42,0.08);\n}\n.partners-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg fill='none' stroke='%233B5F2A' stroke-width='0.4' opacity='0.06'%3E%3Ccircle cx='35' cy='35' r='28'\/%3E%3Ccircle cx='35' cy='35' r='18'\/%3E%3Ccircle cx='35' cy='35' r='8'\/%3E%3Cline x1='7' y1='35' x2='63' y2='35'\/%3E%3Cline x1='35' y1='7' x2='35' y2='63'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 70px 70px;\n pointer-events: none;\n}\n.partners-section .section-wrap { position: relative; z-index: 1; }\n\n.partners-inner {\n display: flex;\n flex-wrap: wrap;\n gap: 3rem;\n align-items: center;\n justify-content: space-between;\n}\n.partners-text { flex: 1; min-width: 200px; text-align: right; }\n.partners-text h2 {\n font-size: 2.2rem;\n font-weight: 700;\n color: var(--green-primary);\n}\n.partners-text h3 {\n font-size: 1.1rem;\n font-weight: 500;\n color: var(--text-muted);\n margin-top: 0.3rem;\n}\n.partners-logos {\n flex: 2;\n display: flex;\n flex-wrap: wrap;\n gap: 1.2rem;\n justify-content: flex-start;\n align-items: center;\n}\n.partner-logo-wrap {\n width: 90px;\n height: 90px;\n background: white;\n border-radius: var(--radius-md);\n padding: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-sm);\n border: 1px solid rgba(59,95,42,0.1);\n transition: all var(--transition);\n}\n.partner-logo-wrap:hover {\n transform: translateY(-4px) scale(1.05);\n box-shadow: var(--shadow-md);\n border-color: rgba(107,142,35,0.35);\n}\n.partner-logo-wrap img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n\/* =====================================================\n CTA SECTION\n===================================================== *\/\n.cta-section {\n position: relative;\n overflow: hidden;\n background: linear-gradient(160deg, var(--gold-deep) 0%, #c8960a 40%, var(--gold) 100%);\n margin: 0 1rem;\n border-radius: var(--radius-lg);\n}\n.cta-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%231E3A12' stroke-width='0.7' opacity='0.1'%3E%3Cpolygon points='40,8 46,30 68,24 52,40 68,56 46,50 40,72 34,50 12,56 28,40 12,24 34,30'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n}\n.cta-section::after {\n content: '';\n position: absolute;\n top: -80px;\n left: -80px;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n}\n.cta-section .section-wrap {\n position: relative;\n z-index: 1;\n max-width: 640px;\n text-align: center;\n}\n.cta-section h2 {\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n font-weight: 800;\n color: var(--green-darkest);\n margin-bottom: 1rem;\n}\n.cta-section p {\n font-size: 1.1rem;\n color: rgba(30,46,22,0.8);\n margin-bottom: 2.5rem;\n line-height: 1.8;\n}\n.cta-buttons {\n display: flex;\n gap: 1.2rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n.cta-btn {\n padding: 1rem 2.2rem;\n border-radius: var(--radius-xl);\n font-size: 1rem;\n font-weight: 700;\n cursor: pointer;\n transition: all var(--transition);\n text-decoration: none;\n display: inline-block;\n font-family: 'Tajawal', sans-serif;\n border: none;\n}\n.cta-btn.primary {\n background: var(--green-darkest);\n color: var(--gold);\n box-shadow: 0 4px 20px rgba(0,0,0,0.25);\n}\n.cta-btn.primary:hover {\n background: var(--green-dark);\n transform: translateY(-3px);\n box-shadow: 0 8px 28px rgba(0,0,0,0.35);\n}\n.cta-btn.secondary {\n background: rgba(30,46,22,0.12);\n color: var(--green-darkest);\n border: 2px solid rgba(30,46,22,0.3);\n}\n.cta-btn.secondary:hover {\n background: rgba(30,46,22,0.2);\n transform: translateY(-3px);\n}\n\n\/* =====================================================\n FOOTER\n===================================================== *\/\nfooter {\n background: var(--green-darkest);\n color: white;\n position: relative;\n overflow: hidden;\n}\nfooter::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.4' opacity='0.05'%3E%3Cpolygon points='40,8 46,30 68,24 52,40 68,56 46,50 40,72 34,50 12,56 28,40 12,24 34,30'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-size: 80px 80px;\n}\n.footer-inner {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto;\n padding: 3.5rem 2rem 1.5rem;\n}\n\n\/* Ornamental top bar *\/\n.footer-top-ornament {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2.5rem;\n}\n.footer-top-ornament .ornament-rule {\n flex: 1;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(218,165,32,0.5), transparent);\n}\n\n.footer-brand {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n margin-bottom: 1rem;\n justify-content: flex-end;\n}\n.footer-brand-name {\n font-size: 1.1rem;\n font-weight: 700;\n color: white;\n}\n.footer-tagline {\n color: rgba(255,255,255,0.55);\n font-size: 0.88rem;\n margin-bottom: 2rem;\n text-align: right;\n}\n\n.footer-links-row {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 2rem;\n margin-bottom: 2.5rem;\n}\n.footer-col { text-align: right; }\n.footer-col h4 {\n font-size: 0.85rem;\n font-weight: 700;\n color: var(--gold);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 1rem;\n}\n.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }\n.footer-col ul a {\n color: rgba(255,255,255,0.65);\n font-size: 0.9rem;\n transition: color var(--transition);\n}\n.footer-col ul a:hover { color: var(--gold); }\n\n.footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.1);\n padding-top: 1.2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem;\n}\n.footer-bottom p { color: rgba(255,255,255,0.45); font-size: 0.82rem; }\n\n\/* =====================================================\n SECTION SPACING BETWEEN\n===================================================== *\/\n.section-gap { height: 1.5rem; }\n\n\/* =====================================================\n RESPONSIVE\n===================================================== *\/\n@media (max-width: 1024px) {\n .stats-grid { grid-template-columns: repeat(2, 1fr); max-width: 600px; }\n .services-grid { grid-template-columns: repeat(2, 1fr); }\n .about-inner { grid-template-columns: 1fr; gap: 2rem; }\n}\n@media (max-width: 768px) {\n .navbar-links { display: none; }\n .top-banner { padding: 4rem 1.5rem 3rem; }\n .top-banner-inner { flex-direction: column; text-align: center; }\n .banner-text-content { text-align: center; }\n .banner-buttons { justify-content: center; }\n .banner-ornament-line { justify-content: center; }\n .banner-text-content p { margin: 0 auto 2rem; }\n .banner-logo { justify-content: center; }\n .stats-grid { grid-template-columns: repeat(2, 1fr); max-width: 100%; }\n .services-grid { grid-template-columns: 1fr; }\n .about-inner { grid-template-columns: 1fr; }\n .about-visual { align-items: stretch; }\n .section-wrap { padding: 3.5rem 1.5rem; }\n .partners-inner { flex-direction: column; }\n .partners-logos { justify-content: center; }\n .partners-text { text-align: center; }\n .carousel-container { height: 220px; }\n .carousel-item { width: 140px; height: 140px; }\n .footer-links-row { flex-direction: column; }\n .footer-col { text-align: center; }\n .footer-col ul { align-items: center; }\n .footer-brand { justify-content: center; }\n .footer-tagline { text-align: center; }\n .footer-bottom { justify-content: center; text-align: center; }\n .support-card { min-width: unset; max-width: 100%; }\n .account-item { flex-direction: column; text-align: center; }\n .account-details { text-align: center; }\n .account-details p { justify-content: center; }\n .about-badge-row { justify-content: center; }\n .about-founded { justify-content: center; }\n}\n@media (max-width: 480px) {\n .stats-grid { grid-template-columns: 1fr; }\n .stat-card { padding: 2rem 1.2rem; }\n}\n <\/style>\n<\/head>\n<body>\n\n<!-- ================================================\n NAVBAR\n================================================= -->\n\n\n<!-- ================================================\n HERO BANNER\n================================================= -->\n<section class=\"top-banner\">\n <!-- Decorative SVG rosette \u2014 top-left -->\n <svg class=\"banner-rosette tr\" viewBox=\"0 0 90 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <polygon points=\"45,5 52,32 79,25 60,45 79,65 52,58 45,85 38,58 11,65 30,45 11,25 38,32\"\n fill=\"none\" stroke=\"#DAA520\" stroke-width=\"1.5\"\/>\n <circle cx=\"45\" cy=\"45\" r=\"18\" fill=\"none\" stroke=\"#DAA520\" stroke-width=\"0.8\" stroke-dasharray=\"3 5\"\/>\n <circle cx=\"45\" cy=\"45\" r=\"8\" fill=\"#DAA520\" opacity=\"0.4\"\/>\n <\/svg>\n <svg class=\"banner-rosette bl\" viewBox=\"0 0 70 70\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <polygon points=\"35,4 40,24 60,18 46,35 60,52 40,46 35,66 30,46 10,52 24,35 10,18 30,24\"\n fill=\"none\" stroke=\"#DAA520\" stroke-width=\"1.2\"\/>\n <circle cx=\"35\" cy=\"35\" r=\"12\" fill=\"none\" stroke=\"#DAA520\" stroke-width=\"0.7\" stroke-dasharray=\"2 4\"\/>\n <\/svg>\n\n <div class=\"top-banner-inner\">\n <div class=\"banner-image\">\n <div class=\"carousel-ring\"><\/div>\n <div class=\"carousel-container\" aria-label=\"\u0645\u0639\u0631\u0636 \u0635\u0648\u0631 \u0627\u0644\u062c\u0645\u0639\u064a\u0629\">\n <!-- Images injected via JS -->\n <\/div>\n <\/div>\n\n <div class=\"banner-text-content\">\n <div class=\"banner-logo\">\n\n <div class=\"logo-emblem\" aria-hidden=\"true\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n \n \n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"banner-ornament-line\" aria-hidden=\"true\">\n <svg width=\"20\" height=\"12\" viewBox=\"0 0 20 12\"><path d=\"M0,6 Q5,0 10,6 Q15,12 20,6\" fill=\"none\" stroke=\"#DAA520\" stroke-width=\"1.2\"\/><\/svg>\n <span><\/span>\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><polygon points=\"7,1 8.5,5.5 13,4 10,7 13,10 8.5,8.5 7,13 5.5,8.5 1,10 4,7 1,4 5.5,5.5\" fill=\"#DAA520\" opacity=\"0.8\"\/><\/svg>\n <span><\/span>\n <svg width=\"20\" height=\"12\" viewBox=\"0 0 20 12\"><path d=\"M0,6 Q5,12 10,6 Q15,0 20,6\" fill=\"none\" stroke=\"#DAA520\" stroke-width=\"1.2\"\/><\/svg>\n <\/div>\n\n <h1>\u0643\u0646 \u0627\u0644\u064a\u062f<br><span>\u0627\u0644\u064e\u0651\u062a\u0650\u064a \u062a\u064f\u0633\u0627\u0639\u062f<\/span><\/h1>\n <p>\u0646\u062c\u062a\u0645\u0639 \u0639\u0644\u0649 \u0646\u064a\u0629 \u0627\u0644\u062e\u064a\u0631\u060c \u0648\u0646\u0632\u0631\u0639 \u0627\u0644\u0623\u062b\u0631 \u0641\u064a \u0643\u0644 \u0645\u0643\u0627\u0646\u060c \u0644\u0639\u0644 \u0627\u0644\u0644\u0647 \u064a\u062c\u0639\u0644\u0646\u0627 \u0633\u0628\u0628\u064b\u0627 \u0641\u064a \u0633\u0639\u0627\u062f\u0629 \u0623\u062d\u062f\u0647\u0645.<\/p>\n <div class=\"banner-buttons\">\n <a href=\"https:\/\/hub.ssr.org.sa\/\" class=\"banner-btn volunteer\" target=\"_blank\" rel=\"noopener\">\u062a\u0637\u0648\u0639 \u0645\u0639\u0646\u0627<\/a>\n <a href=\"https:\/\/ssr.org.sa\/contact-us-2\" class=\"banner-btn contact\" target=\"_blank\" rel=\"noopener\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n ABOUT US\n================================================= -->\n<section id=\"about\" class=\"about-section scroll-reveal\">\n <div class=\"section-wrap\">\n <div class=\"about-inner\">\n <div class=\"about-text\">\n <h2>\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630<\/h2>\n\n <!-- Ornamental divider -->\n <div class=\"ornament-divider\" aria-hidden=\"true\">\n <svg class=\"ornament-divider-star\" viewBox=\"0 0 28 28\" fill=\"none\">\n <polygon points=\"14,2 16,9.5 23.5,7.5 18,14 23.5,20.5 16,18.5 14,26 12,18.5 4.5,20.5 10,14 4.5,7.5 12,9.5\" fill=\"#DAA520\" opacity=\"0.7\"\/>\n <\/svg>\n <\/div>\n\n <p>\u0628\u062f\u0623\u0646\u0627 \u0639\u0627\u0645 \u0662\u0660\u0661\u0666 \u0645\u0646 \u0645\u062f\u064a\u0646\u0629 \u062c\u062f\u0629\u060c \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0645\u0646 \u0627\u0644\u0634\u0628\u0627\u0628 \u0646\u0630\u0631\u0648\u0627 \u0623\u0646\u0641\u0633\u0647\u0645 \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0646\u0627\u0633 \u0648\u0634\u0643\u0644\u0648\u0627 \u0641\u0631\u064a\u0642\u064b\u0627 \u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a\u0647 \u0644\u0643\u0627\u0641\u0629 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u062a\u062d\u062a \u0645\u0638\u0644\u0629 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a.<\/p>\n <p>\u0625\u0634\u0631\u0627\u0641 \u0645\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0639\u062f\u0629 \u0645\u062c\u0627\u0644\u0627\u062a \u0643\u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u063a\u0648\u0635 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0628\u0631\u064a \u0648\u0627\u0644\u062c\u0648\u064a\u060c \u0644\u0646\u0643\u0648\u0646 \u0633\u0646\u062f\u064b\u0627 \u062d\u0642\u064a\u0642\u064a\u064b\u0627 \u0641\u064a \u0623\u0634\u062f \u0627\u0644\u0644\u062d\u0638\u0627\u062a \u062d\u0627\u062c\u0629\u064b.<\/p>\n <\/div>\n \n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n ACHIEVEMENTS \/ STATS\n================================================= -->\n<section id=\"achievements\" class=\"achievements-section scroll-reveal\">\n <div class=\"section-wrap\">\n <div class=\"section-header\">\n <h2>\u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627<\/h2>\n <div class=\"ornament-divider\" style=\"margin:1rem auto;\" aria-hidden=\"true\">\n <svg class=\"ornament-divider-star\" viewBox=\"0 0 28 28\" fill=\"none\">\n <polygon points=\"14,2 16,9.5 23.5,7.5 18,14 23.5,20.5 16,18.5 14,26 12,18.5 4.5,20.5 10,14 4.5,7.5 12,9.5\" fill=\"#DAA520\" opacity=\"0.6\"\/>\n <\/svg>\n <\/div>\n <p style=\"color:rgba(255,255,255,0.65);\">\u0646\u0641\u062e\u0631 \u0628\u0645\u0627 \u062d\u0642\u0642\u0646\u0627\u0647 \u0645\u0646 \u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0641\u064a \u062e\u062f\u0645\u0629 \u0648\u0637\u0646\u0646\u0627 \u0648\u0645\u062c\u062a\u0645\u0639\u0646\u0627<\/p>\n <\/div>\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <span class=\"stat-number\" data-target=\"6135\" dir=\"ltr\"><\/span>\n <span class=\"stat-label\">\u0645\u062a\u0637\u0648\u0639 \u0645\u0624\u0647\u0644<\/span>\n <\/div>\n <div class=\"stat-card\">\n <span class=\"stat-number\" data-target=\"11603\" dir=\"ltr\"><\/span>\n <span class=\"stat-label\">\u0639\u0645\u0644\u064a\u0629 \u0625\u0646\u0642\u0627\u0630 \u0645\u0643\u062a\u0645\u0644\u0629<\/span>\n <\/div>\n <div class=\"stat-card\">\n <span class=\"stat-number\" data-target=\"60\" dir=\"ltr\"><\/span>\n <span class=\"stat-label\">\u0645\u062f\u064a\u0646\u0629 \u0645\u063a\u0637\u0627\u0629<\/span>\n <\/div>\n <div class=\"stat-card\">\n <span class=\"stat-number\" data-target=\"13\" dir=\"ltr\"><\/span>\n <span class=\"stat-label\">\u0645\u0646\u0637\u0642\u0629 \u0625\u062f\u0627\u0631\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n SERVICES\n================================================= -->\n<section id=\"services\" class=\"services-section scroll-reveal\">\n <div class=\"section-wrap\">\n <div class=\"section-header\">\n\n <h2>\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629<\/h2>\n <div class=\"ornament-divider\" aria-hidden=\"true\">\n <svg class=\"ornament-divider-star\" viewBox=\"0 0 28 28\" fill=\"none\">\n <polygon points=\"14,2 16,9.5 23.5,7.5 18,14 23.5,20.5 16,18.5 14,26 12,18.5 4.5,20.5 10,14 4.5,7.5 12,9.5\" fill=\"#DAA520\" opacity=\"0.7\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon-wrap\">\n <img decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/dronerescueicon.webp\" alt=\"\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u062c\u0648\u064a\" loading=\"lazy\">\n <\/div>\n <div class=\"service-title\">\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u062c\u0648\u064a<\/div>\n <div class=\"service-description\">\u0641\u0631\u0642 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0628\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0648\u062d\u064a\u0629 \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0631\u0629<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon-wrap\">\n <img decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/searescueicon.webp\" alt=\"\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0628\u062d\u0631\u064a\" loading=\"lazy\">\n <\/div>\n <div class=\"service-title\">\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0628\u062d\u0631\u064a<\/div>\n <div class=\"service-description\">\u062e\u0628\u0631\u0627\u0621 \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0628\u062d\u0631\u064a \u0648\u0627\u0644\u063a\u0648\u0635 \u0648\u0627\u0644\u0628\u062d\u062b \u062a\u062d\u062a \u0627\u0644\u0645\u0627\u0621<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon-wrap\">\n <img decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/airrescueicon-1.webp\" alt=\"\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0628\u0631\u064a\" loading=\"lazy\">\n <\/div>\n <div class=\"service-title\">\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0628\u0631\u064a<\/div>\n <div class=\"service-description\">\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u0639\u0627\u0644\u0642\u064a\u0646 \u0648\u0627\u0644\u0645\u0641\u0642\u0648\u062f\u064a\u0646 \u0641\u064a \u0627\u0644\u0628\u0631 \u0648\u0627\u0644\u0631\u0645\u0627\u0644<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon-wrap\">\n <img decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/firstaidicon.webp\" alt=\"\u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629\" loading=\"lazy\">\n <\/div>\n <div class=\"service-title\">\u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/div>\n <div class=\"service-description\">\u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646 \u0639\u0644\u0649 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon-wrap\">\n <img decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/trainingicon.webp\" alt=\"\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644\" loading=\"lazy\">\n <\/div>\n <div class=\"service-title\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644<\/div>\n <div class=\"service-description\">\u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646<\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon-wrap\">\n <img decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/partnershipicon.webp\" alt=\"\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629\" loading=\"lazy\">\n <\/div>\n <div class=\"service-title\">\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629<\/div>\n <div class=\"service-description\">\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0662\u0660\u0663\u0660<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n VIDEO SECTION\n================================================= -->\n<section class=\"video-section scroll-reveal\">\n <div class=\"section-wrap\">\n <div class=\"video-header\">\n <h2>\u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u0627\u0644\u0628\u0627\u0631\u0642\u064a\u060c \u0645\u0624\u0633\u0633 \u0648\u0642\u0627\u0626\u062f \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/h2>\n <p class=\"subtitle\">\u0627\u0633\u062a\u0636\u0627\u0641\u0629 MBC1 \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0645\u0639\u0627\u0644\u064a \u0627\u0644\u0645\u0648\u0627\u0637\u0646<\/p>\n <div class=\"ornament-divider\" aria-hidden=\"true\">\n <svg class=\"ornament-divider-star\" viewBox=\"0 0 28 28\" fill=\"none\">\n <polygon points=\"14,2 16,9.5 23.5,7.5 18,14 23.5,20.5 16,18.5 14,26 12,18.5 4.5,20.5 10,14 4.5,7.5 12,9.5\" fill=\"#DAA520\" opacity=\"0.7\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"video-container\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/pIZQto-c4e4?si=4n0TXWZbM5hrFbb-\"\n title=\"\u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u0627\u0644\u0628\u0627\u0631\u0642\u064a \u0645\u0624\u0633\u0633 \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0645\u0639\u0627\u0644\u064a \u0627\u0644\u0645\u0648\u0627\u0637\u0646\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n LEADERSHIP CAROUSEL\n================================================= -->\n<section class=\"leadership-section scroll-reveal\">\n <div class=\"section-wrap\">\n <div class=\"section-header\">\n\n <h2>\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/h2>\n <p>\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0642\u0627\u062f\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u064a\u0646<\/p>\n <\/div>\n <div class=\"leadership-carousel-wrapper\">\n <button class=\"carousel-nav prev-btn\" aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15,18 9,12 15,6\"\/><\/svg>\n <\/button>\n <div class=\"leadership-carousel\">\n <!-- Items added via JS -->\n <\/div>\n <button class=\"carousel-nav next-btn\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9,18 15,12 9,6\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"carousel-dots\"><\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n PARTNERS\n================================================= -->\n<section id=\"partners\" class=\"partners-section scroll-reveal\">\n <div class=\"section-wrap\">\n <div class=\"partners-inner\">\n <div class=\"partners-text\">\n\n <h2>\u0627\u0644\u0634\u0631\u0643\u0627\u0621<\/h2>\n <h3>\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062e\u064a\u0631\u064a\u0629 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/h3>\n <div class=\"ornament-divider\" style=\"justify-content:flex-end;margin-top:1rem;\" aria-hidden=\"true\">\n <svg class=\"ornament-divider-star\" viewBox=\"0 0 28 28\" fill=\"none\">\n <polygon points=\"14,2 16,9.5 23.5,7.5 18,14 23.5,20.5 16,18.5 14,26 12,18.5 4.5,20.5 10,14 4.5,7.5 12,9.5\" fill=\"#DAA520\" opacity=\"0.7\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"partners-logos\">\n <div class=\"partner-logo-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/02\/ministry-of-interior.jpg\" alt=\"\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\" loading=\"lazy\" width=\"70\" height=\"70\">\n <\/div>\n <div class=\"partner-logo-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/02\/civil-defense.jpg\" alt=\"\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a\" loading=\"lazy\" width=\"70\" height=\"70\">\n <\/div>\n <div class=\"partner-logo-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/02\/police.jpg\" alt=\"\u0627\u0644\u0634\u0631\u0637\u0629\" loading=\"lazy\" width=\"70\" height=\"70\">\n <\/div>\n <div class=\"partner-logo-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/02\/saudi-red-crescent-authority.jpg\" alt=\"\u0647\u064a\u0626\u0629 \u0627\u0644\u0647\u0644\u0627\u0644 \u0627\u0644\u0623\u062d\u0645\u0631 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\" loading=\"lazy\" width=\"70\" height=\"70\">\n <\/div>\n <div class=\"partner-logo-wrap\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/02\/national-platform-for-volunteer-work.jpg\" alt=\"\u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0644\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\" loading=\"lazy\" width=\"70\" height=\"70\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n CTA SECTION\n================================================= -->\n<section class=\"cta-section scroll-reveal\">\n <div class=\"section-wrap\">\n <!-- Gold ornamental star above heading -->\n <div style=\"display:flex;justify-content:center;margin-bottom:1.2rem;\" aria-hidden=\"true\">\n\n <\/div>\n <h2>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646<\/h2>\n <p>\u0645\u0639\u064b\u0627 \u0646\u0633\u062a\u0637\u064a\u0639 \u0625\u062d\u062f\u0627\u062b \u0627\u0644\u0641\u0631\u0642 \u2014 \u0643\u0646 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0648\u062f\u0648\u0631\u0647\u0627 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a \u0627\u0644\u0643\u0628\u064a\u0631 \u0641\u064a \u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/hub.ssr.org.sa\/\" class=\"cta-btn primary\" target=\"_blank\" rel=\"noopener\">\u062a\u0637\u0648\u0639 \u0627\u0644\u0622\u0646<\/a>\n <a href=\"https:\/\/ssr.org.sa\/contact-us-2\" class=\"cta-btn secondary\" target=\"_blank\" rel=\"noopener\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-gap\"><\/div>\n\n<!-- ================================================\n FOOTER\n================================================= -->\n\n\n<!-- ================================================\n JAVASCRIPT\n================================================= -->\n<script>\n\/* ---- Scroll Reveal ---- *\/\n(function() {\n function revealOnScroll() {\n document.querySelectorAll('.scroll-reveal').forEach(el => {\n if (el.getBoundingClientRect().top < window.innerHeight - 100) {\n el.classList.add('revealed');\n }\n });\n }\n window.addEventListener('scroll', revealOnScroll, { passive: true });\n window.addEventListener('load', revealOnScroll);\n})();\n\n\/* ---- Counter Animation ---- *\/\nfunction animateCounters() {\n const counters = document.querySelectorAll('.stat-number');\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.dataset.animated) {\n const target = parseInt(entry.target.dataset.target, 10);\n if (isNaN(target)) return;\n let start = 0;\n const duration = 2200;\n let startTime = null;\n entry.target.style.visibility = 'visible';\n function step(ts) {\n if (!startTime) startTime = ts;\n const p = Math.min((ts - startTime) \/ duration, 1);\n const ease = 1 - Math.pow(1 - p, 3);\n entry.target.textContent = '+' + Math.ceil(ease * target).toLocaleString('ar-SA');\n if (p < 1) requestAnimationFrame(step);\n else entry.target.dataset.animated = 'true';\n }\n requestAnimationFrame(step);\n }\n });\n }, { threshold: 0.3 });\n counters.forEach(c => { c.style.visibility = 'hidden'; observer.observe(c); });\n}\nwindow.addEventListener('load', animateCounters);\n\n\/* ---- Hero Carousel ---- *\/\n(function() {\n const urls = [\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/the-holy-mosque-in-mecca.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/first-aid-in-mecca.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/field-team.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/field-documentation-of-rescue-operations.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/documenting-the-efforts-of-volunteers.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/coordination-of-saed-research-teams.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/saed-for-search-and-rescue-equipment-and-tools.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/follow-the-mission.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/volunteer-efforts-in-search-and-rescue.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/documenting-the-association-activities.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/humanitarian-work-in-the-holy-sanctuary.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/rapid-response-to-emergencies.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/volunteer-mission.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/images-documenting-field-readiness.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/cooperation-between-rescue-teams.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/volunteers-while-performing-their-duty.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/field-documentation-of-the-saed-associationy.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/saed-team-assisted-during-the-field-scan.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/coordination-of-the-saed-teams-in-mecca.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/volunteer-participation-in-tasks.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/saed-team-to-serve-the-guests-of-allah.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/teamwork-of-the-saed-teams.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/guiding-the-groups-within-the-makkah-holy-mosque.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/readiness-of-the-saed-search-teams.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/equipment-for-the-saed-teams-at-the-grand-mosque.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/humanitarian-operations-in-the-holy-sanctuary.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/saed-volunteer-teams.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/association-volunteers-at-the-haram.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/saed-with-field-tasks.jpg\",\n ];\n const container = document.querySelector('.carousel-container');\n let idx = 0;\n const imgs = urls.map(u => {\n const img = new Image();\n img.src = u;\n img.alt = '\u0635\u0648\u0631\u0629 \u0645\u0646 \u0623\u0646\u0634\u0637\u0629 \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f';\n img.className = 'carousel-image';\n img.loading = 'lazy';\n container.appendChild(img);\n return img;\n });\n function show(i) { imgs.forEach((im, j) => im.classList.toggle('active', j === i)); }\n if (imgs.length) show(0);\n setInterval(() => { idx = (idx + 1) % imgs.length; show(idx); }, 3500);\n})();\n\n\/* ---- Leadership Carousel ---- *\/\n(function() {\n const leaderUrls = [\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/the-holy-mosque-in-mecca.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/field-team.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/first-aid-in-mecca.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/field-documentation-of-rescue-operations.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/cooperation-between-rescue-teams.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/volunteers-while-performing-their-duty.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/volunteer-mission.jpg\",\n \"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/06\/saed-team-to-serve-the-guests-of-allah.jpg\",\n ];\n const carousel = document.querySelector('.leadership-carousel');\n const dotsContainer = document.querySelector('.carousel-dots');\n const prevBtn = document.querySelector('.carousel-nav.prev-btn');\n const nextBtn = document.querySelector('.carousel-nav.next-btn');\n\n leaderUrls.forEach(u => {\n const div = document.createElement('div');\n div.className = 'carousel-item';\n div.setAttribute('scroll-snap-align', 'center');\n const img = document.createElement('img');\n img.src = u;\n img.alt = '\u0642\u064a\u0627\u062f\u0629 \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f';\n img.loading = 'lazy';\n div.appendChild(img);\n carousel.appendChild(div);\n });\n\n const items = Array.from(carousel.children);\n let current = 0;\n\n function updateDots() {\n dotsContainer.innerHTML = '';\n items.forEach((_, i) => {\n const d = document.createElement('span');\n d.className = 'carousel-dot' + (i === current ? ' active' : '');\n d.onclick = () => { current = i; goTo(current); };\n dotsContainer.appendChild(d);\n });\n prevBtn.disabled = current === 0;\n nextBtn.disabled = current >= items.length - 1;\n }\n function goTo(i) {\n if (items[i]) items[i].scrollIntoView({ behavior: 'smooth', inline: 'start' });\n updateDots();\n }\n prevBtn.onclick = () => { if (current > 0) { current--; goTo(current); } };\n nextBtn.onclick = () => { if (current < items.length - 1) { current++; goTo(current); } };\n window.addEventListener('load', updateDots);\n})();\n\n\/* ---- Copy Button ---- *\/\nfunction copyText(btn, text) {\n navigator.clipboard.writeText(text).then(() => {\n const orig = btn.textContent;\n btn.textContent = '\u2713 \u062a\u0645';\n btn.style.background = '#3B5F2A';\n setTimeout(() => { btn.textContent = orig; btn.style.background = ''; }, 2000);\n }).catch(() => {\n const ta = document.createElement('textarea');\n ta.value = text;\n document.body.appendChild(ta);\n ta.select();\n document.execCommand('copy');\n document.body.removeChild(ta);\n btn.textContent = '\u2713 \u062a\u0645';\n setTimeout(() => btn.textContent = '\u0646\u0633\u062e', 2000);\n });\n}\n<\/script>\n\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0643\u0646 \u0627\u0644\u064a\u062f\u0627\u0644\u064e\u0651\u062a\u0650\u064a \u062a\u064f\u0633\u0627\u0639\u062f \u0646\u062c\u062a\u0645\u0639 \u0639\u0644\u0649 \u0646\u064a\u0629 \u0627\u0644\u062e\u064a\u0631\u060c … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-3693","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy) - \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ssr.org.sa\/en\/\u0627\u0644\u0635\u0641\u062d\u0629-\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629-copy-copy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy) - \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630\" \/>\n<meta property=\"og:description\" content=\"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0643\u0646 \u0627\u0644\u064a\u062f\u0627\u0644\u064e\u0651\u062a\u0650\u064a \u062a\u064f\u0633\u0627\u0639\u062f \u0646\u062c\u062a\u0645\u0639 \u0639\u0644\u0649 \u0646\u064a\u0629 \u0627\u0644\u062e\u064a\u0631\u060c ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ssr.org.sa\/en\/\u0627\u0644\u0635\u0641\u062d\u0629-\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629-copy-copy\/\" \/>\n<meta property=\"og:site_name\" content=\"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-05T00:05:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/dronerescueicon.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@saeid__911\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/\",\"url\":\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/\",\"name\":\"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy) - \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ssr.org.sa\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/dronerescueicon.webp\",\"datePublished\":\"2026-04-04T23:24:43+00:00\",\"dateModified\":\"2026-04-05T00:05:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ssr.org.sa\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/dronerescueicon.webp\",\"contentUrl\":\"https:\\\/\\\/ssr.org.sa\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/dronerescueicon.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ssr.org.sa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/#website\",\"url\":\"https:\\\/\\\/ssr.org.sa\\\/\",\"name\":\"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630\",\"description\":\"\u062c\u0645\u0639\u064a\u0629 \u062a\u0637\u0648\u0639\u064a\u0629 \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630\",\"publisher\":{\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ssr.org.sa\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/#organization\",\"name\":\"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630\",\"url\":\"https:\\\/\\\/ssr.org.sa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ssr.org.sa\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/non-upscales.png\",\"contentUrl\":\"https:\\\/\\\/ssr.org.sa\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/non-upscales.png\",\"width\":1805,\"height\":1713,\"caption\":\"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630\"},\"image\":{\"@id\":\"https:\\\/\\\/ssr.org.sa\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/saeid__911\",\"https:\\\/\\\/www.instagram.com\\\/saeid__911\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@saeid_911\\\/videos\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy) - \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ssr.org.sa\/en\/\u0627\u0644\u0635\u0641\u062d\u0629-\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629-copy-copy\/","og_locale":"en_US","og_type":"article","og_title":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy) - \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630","og_description":"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630 \u0643\u0646 \u0627\u0644\u064a\u062f\u0627\u0644\u064e\u0651\u062a\u0650\u064a \u062a\u064f\u0633\u0627\u0639\u062f \u0646\u062c\u062a\u0645\u0639 \u0639\u0644\u0649 \u0646\u064a\u0629 \u0627\u0644\u062e\u064a\u0631\u060c ...","og_url":"https:\/\/ssr.org.sa\/en\/\u0627\u0644\u0635\u0641\u062d\u0629-\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629-copy-copy\/","og_site_name":"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630","article_modified_time":"2026-04-05T00:05:15+00:00","og_image":[{"url":"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/dronerescueicon.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@saeid__911","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/","url":"https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/","name":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy) - \u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630","isPartOf":{"@id":"https:\/\/ssr.org.sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/#primaryimage"},"image":{"@id":"https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/#primaryimage"},"thumbnailUrl":"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/dronerescueicon.webp","datePublished":"2026-04-04T23:24:43+00:00","dateModified":"2026-04-05T00:05:15+00:00","breadcrumb":{"@id":"https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/#primaryimage","url":"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/dronerescueicon.webp","contentUrl":"https:\/\/ssr.org.sa\/wp-content\/uploads\/2026\/02\/dronerescueicon.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/ssr.org.sa\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-copy-copy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ssr.org.sa\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (Copy) (Copy)"}]},{"@type":"WebSite","@id":"https:\/\/ssr.org.sa\/#website","url":"https:\/\/ssr.org.sa\/","name":"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630","description":"\u062c\u0645\u0639\u064a\u0629 \u062a\u0637\u0648\u0639\u064a\u0629 \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630","publisher":{"@id":"https:\/\/ssr.org.sa\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ssr.org.sa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ssr.org.sa\/#organization","name":"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630","url":"https:\/\/ssr.org.sa\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ssr.org.sa\/#\/schema\/logo\/image\/","url":"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/02\/non-upscales.png","contentUrl":"https:\/\/ssr.org.sa\/wp-content\/uploads\/2025\/02\/non-upscales.png","width":1805,"height":1713,"caption":"\u062c\u0645\u0639\u064a\u0629 \u0633\u0627\u0639\u062f \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0625\u0646\u0642\u0627\u0630"},"image":{"@id":"https:\/\/ssr.org.sa\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/saeid__911","https:\/\/www.instagram.com\/saeid__911\/","https:\/\/www.youtube.com\/@saeid_911\/videos"]}]}},"_links":{"self":[{"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/pages\/3693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/comments?post=3693"}],"version-history":[{"count":6,"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/pages\/3693\/revisions"}],"predecessor-version":[{"id":3700,"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/pages\/3693\/revisions\/3700"}],"wp:attachment":[{"href":"https:\/\/ssr.org.sa\/en\/wp-json\/wp\/v2\/media?parent=3693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}