1<!doctype html> 2<html lang="ar" dir="rtl"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>Ø¥Ø·ÙØ§Ù ٠بادرة Ø§ÙØªÙ ÙÙÙ Ø§ÙØ±ÙÙ Ù</title> 8 <meta name="description" content="٠بادرة ØªÙØ¯Ù Ø¥Ù٠ت٠ÙÙÙ Ø§ÙØ¬Ùات Ø§ÙØ£ÙÙÙØ© Ù Ù Ø§Ø³ØªØ®Ø¯Ø§Ù Ø§ÙØªÙÙÙÙÙØ¬Ùا."> 9 10 <!-- Google Fonts --> 11 <link rel="preconnect" href="https://fonts.googleapis.com"> 12 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 13 <link href="https://fonts.googleapis.com/css2?family=Doran:wght@400;600;700&display=swap" rel="stylesheet"> 14 <!-- Font Awesome 6 (CSS) --> 15<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin> 16<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"> 17 18 19 <!-- CSS --> 20 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/bootstrap.rtl.min.css"> 21 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/style.css"> 22 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/style-responsive.css"> 23 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/animate.min.css"> 24 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/vertical-rhythm.min.css"> 25 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/owl.carousel.css"> 26 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/magnific-popup.css"> 27 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/splitting.css"> 28 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/ngo-theme.css?v=1782568705"> 29 30 31 <!-- <link rel="stylesheet" href="https://cf.org.sa/sfc/css/owl.theme.css"> 32 <link rel="stylesheet" href="https://cf.org.sa/sfc/css/owl.transitions.css"> 33 <link rel="stylesheet" href="https://cf.org.sa/sfc/rs-plugin/css/settings.css"> --> 34 35 36 <style> 37 :root { 38 --lavender: #7D86F3; 39 --darkgreen: #19351F; 40 --skyblue: #E0EBF4; 41 --pistachio: #E1F7C8; 42 --crystal: #FFFFFF; 43 --mov: #4B006E; /* اÙÙ ÙÙ */ 44 } 45 46 a { 47 color: var(--lavender); 48 } 49 50 .btn-primary { 51 background: var(--lavender); 52 border-color: var(--lavender); 53 } 54 55 .btn-primary:hover { 56 background: var(--darkgreen); 57 border-color: var(--darkgreen); 58 } 59 60 h1, 61 h2, 62 h3, 63 h4, 64 h5, 65 h6 { 66 color: var(--darkgreen); 67 } 68 69 /* Ensure navbar is always above hero overlays */ 70 .navbar-custom { 71 position: fixed; 72 top: 0; 73 left: 0; 74 right: 0; 75 z-index: 2000; 76 background: rgba(0, 0, 0, 0) !important; /* Ø´ÙØ§Ù */ 77 transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease; 78 padding: 15px 0; 79 } 80 81 /* White links on transparent header */ 82 .navbar-custom .inner-nav a, 83 .navbar-custom .mobile-nav { 84 color: #fff !important; 85 text-shadow: 1px 1px 2px rgba(0,0,0,0.5); 86 } 87 .navbar-custom .inner-nav a:hover { 88 color: #FFD700 !important; 89 text-shadow: 1px 1px 2px rgba(0,0,0,0.7); 90 } 91 92 /* Solid purple when scrolled */ 93 .navbar-custom.navbar-scrolled { 94 background: var(--mov) !important; 95 box-shadow: 0 6px 20px rgba(0,0,0,.25); 96 padding: 10px 0; 97 } 98 99 /* Keep nav text white after scroll */ 100 .navbar-custom.navbar-scrolled .inner-nav a { 101 color: #fff !important; 102 text-shadow: none; 103 } 104 .navbar-custom.navbar-scrolled .inner-nav a:hover { 105 color: #FFD700 !important; 106 } 107 108 /* Ø§ÙØØ§ÙØ© Ø§ÙØ§ÙØªØ±Ø§Ø¶ÙØ©: Ø´ÙØ§Ù ÙÙÙ Ø§ÙØ¨Ø§Ùر */ 109.main-nav.navbar-custom, 110.main-nav.navbar-custom.transparent, 111.main-nav.navbar-custom.js-transparent { 112 position: fixed; 113 top: 0; left: 0; right: 0; 114 z-index: 2000; 115 background: transparent !important; 116 box-shadow: none !important; 117 padding: 15px 0; 118 transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease; 119} 120 121/* Ø§ÙØ±Ùابط Ø¨ÙØ¶Ø§Ø¡ ÙÙÙ Ø§ÙØ®ÙÙÙØ© Ø§ÙØ´ÙØ§ÙØ© */ 122.main-nav.navbar-custom .inner-nav a, 123.main-nav.navbar-custom .mobile-nav { 124 color: #fff !important; 125 text-shadow: 1px 1px 2px rgba(0,0,0,.5); 126} 127.main-nav.navbar-custom .inner-nav a:hover { color: #FFD700 !important; } 128 129/* بعد Ø§ÙØªÙ Ø±ÙØ±: Ù ÙÙ + ظ٠*/ 130.main-nav.navbar-custom.navbar-scrolled { 131 background: #4B006E !important; /* اÙÙ ÙÙ */ 132 box-shadow: 0 6px 20px rgba(0,0,0,.25) !important; 133 padding: 10px 0; 134} 135 136/* ÙØØ§ÙØ¸ عÙÙ ÙÙ٠اÙÙØµ Ø£Ø¨ÙØ¶ بعد Ø§ÙØªÙ Ø±ÙØ± */ 137.main-nav.navbar-custom.navbar-scrolled .inner-nav a { color: #fff !important; text-shadow: none; } 138.main-nav.navbar-custom.navbar-scrolled .inner-nav a:hover { color: #FFD700 !important; } 139 140 </style> 141</head> 142 143 144<body class="appear-animate"> 145 146
146<script> 147 window.dataLayer = window.dataLayer || []; 148 function gtag(){dataLayer.push(arguments);} 149 gtag('consent', 'default', { 150 ad_storage: 'denied', analytics_storage: 'denied', 151 ad_user_data: 'denied', ad_personalization: 'denied' 152 }); 153 try { 154 if (localStorage.getItem('cookie_consent') === 'accepted') { 155 gtag('consent', 'update', { 156 ad_storage: 'granted', analytics_storage: 'granted', 157 ad_user_data: 'granted', ad_personalization: 'granted' 158 }); 159 } 160 } catch (e) {} 161 </script>
vendor: 86 bytes, lines 161-164
161 162 163 164 <script async src="https://www.googletagmanager.com/gtag/js?id=
164G-EMZXDW99BJ
vendor: 20 bytes, lines 164-165
164"></script> 165
165<script> 166 gtag('js', new Date()); 167 gtag('config', "G-EMZXDW99BJ", { anonymize_ip: true }); 168 </script>
168 169 170 171 <div id="cookie-consent" role="dialog" aria-label="إشعار Ø§ÙØ®ØµÙØµÙØ©" 172 style="display:none;position:fixed;inset-inline:16px;bottom:16px;z-index:9999;max-width:560px;margin-inline:auto; 173 background:#3E0048;color:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 12px 40px rgba(0,0,0,.35); 174 font-family:'Doran',sans-serif;direction:rtl;text-align:right;"> 175 <p style="margin:0 0 12px;font-size:14px;line-height:1.7;"> 176 ÙØ³ØªØ®Ø¯Ù Ù ÙÙØ§Øª تعرÙÙ Ø§ÙØ§Ø±ØªØ¨Ø§Ø· (اÙÙÙÙÙØ²) ÙØªØÙÙÙ Ø§ÙØ²Ùارات ÙØªØØ³Ù٠تجربت٠ÙÙÙ ÙØ¸Ø§Ù ØÙ Ø§ÙØ© Ø§ÙØ¨ÙØ§ÙØ§Øª Ø§ÙØ´Ø®ØµÙØ© (PDPL). 177 </p> 178 <div style="display:flex;gap:8px;flex-wrap:wrap;"> 179 <button type="button" id="cookie-accept" 180 style="background:#E1F7C8;color:#19351F;border:0;border-radius:10px;padding:8px 18px;font-weight:700;cursor:pointer;"> 181 Ù ÙØ§ÙÙ 182 </button> 183 <button type="button" id="cookie-reject" 184 style="background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:10px;padding:8px 18px;cursor:pointer;"> 185 Ø±ÙØ¶ 186 </button> 187 </div> 188 </div> 189 190
190<script> 191 (function () { 192 var banner = document.getElementById('cookie-consent'); 193 if (!banner) return; 194 var choice = null; 195 try { choice = localStorage.getItem('cookie_consent'); } catch (e) {} 196 if (!choice) banner.style.display = 'block'; 197 198 function decide(value) { 199 try { localStorage.setItem('cookie_consent', value); } catch (e) {} 200 banner.style.display = 'none'; 201 if (value === 'accepted' && window.gtag) { 202 gtag('consent', 'update', { 203 ad_storage: 'granted', analytics_storage: 'granted', 204 ad_user_data: 'granted', ad_personalization: 'granted' 205 }); 206 } 207 } 208 document.getElementById('cookie-accept').addEventListener('click', function () { decide('accepted'); }); 209 document.getElementById('cookie-reject').addEventListener('click', function () { decide('rejected'); }); 210 })(); 211 </script>
211 212 213 214 <style> 215 #ghuraf-intro{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center; 216 background:radial-gradient(120% 120% at 50% 0%,#5e1583 0%,#4B006E 45%,#2e0044 100%); 217 opacity:1;transition:opacity .6s ease;direction:rtl;} 218 #ghuraf-intro.gi-out{opacity:0;pointer-events:none;} 219 #ghuraf-intro .gi-inner{display:flex;flex-direction:column;align-items:center;gap:18px; 220 animation:gi-pop .8s cubic-bezier(.2,.8,.2,1) both;} 221 #ghuraf-intro .gi-logo-wrap{width:104px;height:104px;border-radius:28px;background:rgba(255,255,255,.08); 222 display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(0,0,0,.3);} 223 #ghuraf-intro .gi-logo{width:64px;height:64px;object-fit:contain;} 224 #ghuraf-intro .gi-title{color:#fff;font-family:'Tajawal','Cairo',Tahoma,sans-serif;font-size:30px;font-weight:800;letter-spacing:.5px;} 225 #ghuraf-intro .gi-bar{width:170px;height:4px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;} 226 #ghuraf-intro .gi-bar span{display:block;height:100%;width:0;border-radius:99px;background:#E1F7C8;animation:gi-fill 3s ease forwards;} 227 @keyframes gi-pop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}} 228 @keyframes gi-fill{from{width:0}to{width:100%}} 229 </style> 230
230<script> 231 (function () { 232 var intro = document.getElementById('ghuraf-intro'); 233 if (!intro) return; 234 try { if (sessionStorage.getItem('ghuraf_intro_shown')) { intro.remove(); return; } } catch (e) {} 235 var html = document.documentElement; 236 html.style.overflow = 'hidden'; 237 setTimeout(function () { 238 intro.classList.add('gi-out'); 239 html.style.overflow = ''; 240 try { sessionStorage.setItem('ghuraf_intro_shown', '1'); } catch (e) {} 241 setTimeout(function () { if (intro && intro.parentNode) intro.remove(); }, 650); 242 }, 3000); 243 })(); 244 </script>
244 245 246 <!-- Page Loader --> 247 <div class="page-loader"> 248 <div class="loader">Loading...</div> 249 </div> 250 <!-- End Page Loader --> 251 252 <nav class="main-nav transparent stick-fixed wow-menubar js-stick navbar-custom"> 253 <div class="full-wrapper relative clearfix"> 254 <div class="nav-logo-wrap local-scroll"> 255 <a href="https://cf.org.sa" class="logo"> 256 <img src="https://cf.org.sa/sfc/images/R/MainLogo.png" alt="logo" width="120"> 257 </a> 258 </div> 259 <div class="mobile-nav"><i class="fa fa-bars"></i></div> 260 <div class="inner-nav desktop-nav"> 261 <ul class="clearlist scroll-nav local-scroll"> 262 <li><a href="https://cf.org.sa">Ø§ÙØ±Ø¦ÙØ³ÙØ©</a></li> 263 <li><a href="#about">ع٠اÙ٠ؤسسة</a></li> 264 <li><a href="#board"> Ù Ø¬ÙØ³ Ø§ÙØ£Ù ÙØ§Ø¡ </a></li> 265 <li><a href="#vision-mission">Ø§ÙØ±Ø¤ÙØ© ÙØ§ÙØ±Ø³Ø§ÙØ©</a></li> 266 <li><a href="#Values">ÙÙÙ ÙØ§</a></li> 267 <li><a href="#StrategicObjectives">Ø§ÙØ£ÙØ¯Ø§Ù Ø§ÙØ¥Ø³ØªØ±Ø§ØªÙØ¬ÙØ©</a></li> 268 <li><a href="#KeyIssues">اÙÙØ¶Ø§Ùا Ø§ÙØ£Ø³Ø§Ø³ÙØ©</a></li> 269 <li><a href="#exec-projects">Ù Ø´Ø§Ø±ÙØ¹ Ø§ÙØªÙÙÙØ°</a></li> 270 <li><a href="#News">أخبار غرÙ</a></li> 271 <li><a href="#contact">ØªÙØ§ØµÙ</a></li> 272 </ul> 273 </div> 274 </div> 275</nav> 276 277 <main id="main"> 278 279 <section class="page-section ap-section" id="article-page"> 280 <div class="container relative"> 281 <div class="ap-wrap"> 282 283 <a href="https://cf.org.sa/news" class="ap-back"> 284 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M13.5 4.5 21 12l-7.5 7.5M21 12H3"/></svg> 285 Ø§ÙØ¹Ùدة Ø¥ÙÙ Ø§ÙØ£Ø®Ø¨Ø§Ø± 286 </a> 287 288 289 <header class="ap-hero"> 290 <img src="https://cf.org.sa/storage/news/vwcnxvsXDJN8mPI6mRLrKdfb9jahuduNgJvJw7uR.jpg" alt="Ø¥Ø·ÙØ§Ù ٠بادرة Ø§ÙØªÙ ÙÙÙ Ø§ÙØ±ÙÙ Ù"> 291 <div class="ap-hero-overlay"></div> 292 <div class="ap-hero-content"> 293 <div class="ap-hero-meta"> 294 <span class="ap-badge">أخبار غرÙ</span> <span class="ap-meta-inline"> 295 <span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4.5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v3M16 3v3"/></svg>29 أغسطس 2025</span> 296 <span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>دÙÙÙØ© ÙÙÙØ±Ø§Ø¡Ø©</span> 297 </span> 298 </div> 299 <h1 class="ap-hero-title">Ø¥Ø·ÙØ§Ù ٠بادرة Ø§ÙØªÙ ÙÙÙ Ø§ÙØ±ÙÙ Ù</h1> 300 </div> 301 </header> 302 303 <article class="ap-article"> 304 305 <div class="ap-author"> 306 <span class="ap-avatar">S</span> 307 <span class="ap-author-info"> 308 <span class="ap-author-name">Super Admin</span> 309 <span class="ap-author-role">اÙÙ Ø±ÙØ² Ø§ÙØ¥Ø¹Ùا٠٠â ٠ؤسسة غرÙ</span> 310 </span> 311 </div> 312 313 <hr class="ap-sep"> 314 315 316 <p class="ap-lead">٠بادرة ØªÙØ¯Ù Ø¥Ù٠ت٠ÙÙÙ Ø§ÙØ¬Ùات Ø§ÙØ£ÙÙÙØ© Ù Ù Ø§Ø³ØªØ®Ø¯Ø§Ù Ø§ÙØªÙÙÙÙÙØ¬Ùا.</p> 317 <div class="ap-body"> 318 <p>ÙØ°Ø§ ÙØµ ØªØ¬Ø±ÙØ¨Ù ÙÙØ¶Ø ØªÙØ§ØµÙ٠اÙ٠بادرة ÙÙÙÙÙØ© Ø§ÙØ§Ø³ØªÙادة Ù ÙÙØ§.</p> 319 </div> 320 321 <hr class="ap-sep"> 322 323 324 <div class="ap-share">
325 <span class="ap-share-label"> 326 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#4B006E" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.6 13.5 6.8 4M15.4 6.5l-6.8 4"/></svg> 327 Ø´Ø§Ø±Ù Ø§ÙØ®Ø¨Ø± 328 </span> 329 <span class="ap-share-btns"> 330 <a class="ap-share-btn" target="_blank" rel="noopener" aria-label="Ù Ø´Ø§Ø±ÙØ© عÙÙ Ø¥ÙØ³" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fcf.org.sa%2Fnews%2Fatlak-mbadr-altmkyn-alrkmy-GlxLG&text=%D8%A5%D8%B7%D9%84%D8%A7%D9%82+%D9%85%D8%A8%D8%A7%D8%AF%D8%B1%D8%A9+%D8%A7%D9%84%D8%AA%D9%85%D9%83%D9%8A%D9%86+%D8%A7%D9%84%D8%B1%D9%82%D9%85%D9%8A"> 331 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2H21.5l-7.5 8.57L22.5 22h-6.9l-4.6-6.02L5.6 22H2.34l8.02-9.17L1.5 2h7.07l4.16 5.5L18.244 2Zm-1.21 18h1.83L7.05 3.9H5.1L17.034 20Z"/></svg> 332 </a> 333 <a class="ap-share-btn" target="_blank" rel="noopener" aria-label="Ù Ø´Ø§Ø±ÙØ© عÙÙ ÙÙÙÙØ¯Ø¥Ù" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcf.org.sa%2Fnews%2Fatlak-mbadr-altmkyn-alrkmy-GlxLG"> 334 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5A2.5 2.5 0 1 0 5 8.5a2.5 2.5 0 0 0-.02-5ZM3 9.5h4V21H3V9.5Zm6 0h3.8v1.57h.05c.53-.95 1.83-1.95 3.77-1.95 4.03 0 4.78 2.65 4.78 6.1V21h-4v-5.1c0-1.22-.02-2.78-1.7-2.78-1.7 0-1.96 1.32-1.96 2.69V21H9V9.5Z"/></svg> 335 </a> 336 <button type="button" class="ap-share-btn" aria-label="ÙØ³Ø® Ø§ÙØ±Ø§Ø¨Ø·" onclick="navigator.clipboard&&navigator.clipboard.writeText(window.location.href);this.classList.add('copied');var t=this;setTimeout(function(){t.classList.remove('copied')},1200);"> 337 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M9 15a3 3 0 0 1 0-4l3-3a3 3 0 0 1 4 4l-1 1"/><path d="M15 9a3 3 0 0 1 0 4l-3 3a3 3 0 0 1-4-4l1-1"/></svg> 338 </button> 339 </span> 340 </div> 341 </article> 342 343 344 </div> 345 </div> 346</section> 347 348<style> 349/* اÙÙÙØ¯Ø±: Ù Ù٠ثابت عÙÙ ØµÙØØ§Øª Ø§ÙØ£Ø®Ø¨Ø§Ø± (Ø§ÙØªØ±Ø§Ø¶ÙÙØ§ Ø´ÙØ§Ù ÙÙØ®ØªÙ٠عÙÙ Ø§ÙØ®ÙÙÙØ© اÙÙØ§ØªØØ©) */ 350.main-nav.navbar-custom, 351.main-nav.navbar-custom.transparent, 352.main-nav.navbar-custom.js-transparent, 353.main-nav.navbar-custom.navbar-scrolled { 354 background:#4B006E !important; 355 box-shadow:0 6px 18px rgba(0,0,0,.18) !important; 356 padding:12px 0 !important; 357} 358.main-nav.navbar-custom .inner-nav a, .main-nav.navbar-custom .mobile-nav { color:#fff !important; text-shadow:none !important; } 359 360#article-page.ap-section { background:#f5f7fb; padding:clamp(120px,14vh,150px) 0 90px; direction:rtl; } 361#article-page .ap-wrap { max-width:900px; margin:0 auto; } 362#article-page .ap-back { display:inline-flex; align-items:center; gap:7px; color:#4B006E; font-weight:700; font-size:15px; text-decoration:none; margin-bottom:22px; } 363#article-page .ap-back:hover { color:#7D86F3; } 364 365#article-page .ap-hero { position:relative; border-radius:26px; overflow:hidden; box-shadow:0 12px 40px rgba(20,30,60,.12); } 366#article-page .ap-hero img { width:100%; height:clamp(260px,42vw,440px); object-fit:cover; display:block; } 367#article-page .ap-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top,#19351F 0%,rgba(25,53,31,.55) 45%,transparent 100%); } 368#article-page .ap-hero-content { position:absolute; inset-inline:0; bottom:0; padding:clamp(20px,4vw,36px); } 369#article-page .ap-hero-meta { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:14px; } 370#article-page .ap-badge { background:#E1F7C8; color:#19351F; border-radius:999px; padding:5px 16px; font-size:13px; font-weight:700; } 371#article-page .ap-meta-inline { display:flex; flex-wrap:wrap; gap:16px; color:rgba(225,247,200,.92); font-size:13px; } 372#article-page .ap-meta-inline span { display:inline-flex; align-items:center; gap:6px; } 373#article-page .ap-hero-title { color:#fff; font-weight:800; font-size:clamp(22px,3.4vw,38px); line-height:1.35; margin:0; max-width:42ch; } 374 375#article-page .ap-article { margin-top:36px; } 376#article-page .ap-author { display:flex; align-items:center; gap:12px; } 377#article-page .ap-avatar { width:44px; height:44px; border-radius:50%; background:#7D86F3; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; } 378#article-page .ap-author-info { display:flex; flex-direction:column; line-height:1.5; } 379#article-page .ap-author-name { color:#19351F; font-weight:700; font-size:15px; } 380#article-page .ap-author-role { color:#8a97a0; font-size:13px; } 381#article-page .ap-sep { border:0; border-top:1px solid #e6eaf1; margin:30px 0; } 382#article-page .ap-lead { color:#19351F; font-weight:600; font-size:19px; line-height:1.85; margin:0 0 18px; } 383#article-page .ap-body { color:#5f6b73; font-size:16px; line-height:2.05; } 384#article-page .ap-body p { margin:0 0 18px; } 385#article-page .ap-body h2,#article-page .ap-body h3 { color:#19351F; font-weight:800; margin:26px 0 12px; } 386#article-page .ap-body img { max-width:100%; height:auto; border-radius:14px; margin:14px 0; } 387#article-page .ap-body a { color:#4B006E; } 388 389#article-page .ap-share { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; } 390#article-page .ap-share-label { display:inline-flex; align-items:center; gap:8px; color:#19351F; font-weight:700; font-size:15px; } 391#article-page .ap-share-btns { display:flex; align-items:center; gap:10px; } 392#article-page .ap-share-btn { width:38px; height:38px; border-radius:50%; border:1px solid #e6eaf1; background:#fff; color:#8a97a0; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; text-decoration:none; } 393#article-page .ap-share-btn:hover { background:#f0f1f7; color:#4B006E; } 394#article-page .ap-share-btn.copied { background:#E1F7C8; color:#19351F; } 395 396#article-page .ap-related { margin-top:50px; } 397#article-page .ap-related-title { color:#19351F; font-weight:800; font-size:22px; margin:0 0 22px; text-align:right; } 398#article-page .ap-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; } 399#article-page .ap-rel-card { background:#fff; border:1px solid #eef1f6; border-radius:20px; overflow:hidden; box-shadow:0 6px 24px rgba(20,30,60,.05); display:flex; flex-direction:column; } 400#article-page .ap-rel-img { display:block; height:180px; } 401#article-page .ap-rel-img img { width:100%; height:100%; object-fit:cover; } 402#article-page .ap-rel-body { padding:18px 20px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; text-align:right; } 403#article-page .ap-badge-static { display:inline-block; } 404#article-page .ap-rel-h { color:#19351F; font-weight:800; font-size:17px; line-height:1.5; margin:0; } 405#article-page .ap-rel-h a { color:inherit; text-decoration:none; } 406#article-page .ap-rel-h a:hover { color:#4B006E; } 407#article-page .ap-rel-excerpt { color:#5f6b73; font-size:14px; line-height:1.8; margin:0; } 408 409@media (max-width:767px){ 410 #article-page .ap-related-grid { grid-template-columns:1fr; } 411} 412</style> 413 414 415 </main> 416 <footer class=""> 417 <div class="container text-center"> 418 <p class="mb-0">© 2026 ٠ؤسسة ØºØ±Ù Ø§ÙØ£ÙÙÙØ© - Ø¬Ù ÙØ¹ Ø§ÙØÙÙÙ Ù ØÙÙØ¸Ø©</p> 419 </div> 420 </footer> 421
421<script> 422 (function () { 423 const nav = document.querySelector('.main-nav.navbar-custom'); 424 if (!nav) return; 425 426 function applyState() { 427 const scrolled = window.scrollY > 50; 428 429 // ÙØ«Ø¨Ùت ÙÙØ§Ø³Ùا 430 nav.classList.toggle('navbar-scrolled', scrolled); 431 432 // ÙÙØºÙ Ø£Ù Ø®ÙÙÙØ© أ٠ظ٠ØÙÙÙØ§ اÙÙØ§Ùب (Ø£ÙÙÙÙØ© inline أعÙÙ Ù Ù CSS) 433 if (!scrolled) { 434 nav.style.background = 'transparent'; 435 nav.style.boxShadow = 'none'; 436 } else { 437 nav.style.background = '#4B006E'; 438 nav.style.boxShadow = '0 6px 20px rgba(0,0,0,.25)'; 439 } 440 } 441 442 // طبÙÙ Ø§ÙØØ§ÙØ© Ø¹ÙØ¯ Ø§ÙØªØÙ ÙÙ ÙØ£Ø«Ùاء Ø§ÙØªÙ Ø±ÙØ± ÙØªØºÙÙØ± اÙÙ ÙØ§Ø³ 443 document.addEventListener('DOMContentLoaded', applyState); 444 window.addEventListener('load', applyState); 445 window.addEventListener('scroll', applyState, { passive: true }); 446 window.addEventListener('resize', applyState); 447 })(); 448</script>
448 449 450 <!-- Rhythm Evolution JS --> 451
451<script src="https://cf.org.sa/sfc/js/jquery.min.js"></script>
451 452
452<script src="https://cf.org.sa/sfc/js/jquery.easing.1.3.js"></script>
452 453
453<script src="https://cf.org.sa/sfc/js/bootstrap.bundle.min.js"></script>
453 454
454<script src="https://cf.org.sa/sfc/js/SmoothScroll.js"></script>
454 455
455<script src="https://cf.org.sa/sfc/js/jquery.scrollTo.min.js"></script>
455 456
456<script src="https://cf.org.sa/sfc/js/jquery.localScroll.min.js"></script>
456 457
457<script src="https://cf.org.sa/sfc/js/jquery.viewport.mini.js"></script>
457 458
458<script src="https://cf.org.sa/sfc/js/jquery.parallax-1.1.3.js"></script>
458 459
459<script src="https://cf.org.sa/sfc/js/jquery.fitvids.js"></script>
459 460
460<script src="https://cf.org.sa/sfc/js/owl.carousel.min.js"></script>
460 461
461<script src="https://cf.org.sa/sfc/js/isotope.pkgd.min.js"></script>
461 462
462<script src="https://cf.org.sa/sfc/js/imagesloaded.pkgd.min.js"></script>
462 463
463<script src="https://cf.org.sa/sfc/js/jquery.magnific-popup.min.js"></script>
463 464
464<script src="https://cf.org.sa/sfc/js/masonry.pkgd.min.js"></script>
464 465
465<script src="https://cf.org.sa/sfc/js/jquery.lazyload.min.js"></script>
465 466
466<script src="https://cf.org.sa/sfc/js/wow.min.js"></script>
466 467
467<script src="https://cf.org.sa/sfc/js/morphext.js"></script>
467 468
468<script src="https://cf.org.sa/sfc/js/typed.min.js"></script>
468 469
469<script src="https://cf.org.sa/sfc/js/all.js"></script>
469 470
470<script src="https://cf.org.sa/sfc/js/contact-form.js"></script>
470 471
471<script src="https://cf.org.sa/sfc/js/jquery.ajaxchimp.min.js"></script>
471 472
472<script src="https://cf.org.sa/sfc/js/objectFitPolyfill.min.js"></script>
472 473
473<script src="https://cf.org.sa/sfc/js/splitting.min.js"></script>
473 474</body> 475 476</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.