1<!DOCTYPE html> 2<html lang="ar" dir="rtl"> 3<head> 4 <meta charset="utf-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta http-equiv="refresh" content="300" > 7 <title>أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ</title> 8 9 <link rel="icon" type="image/png" sizes="32x32" href="https://www.okaz.com.sa/okaz/uploads/global_files/favicon-32x32.png"> 10 11 <link rel="preload" href="/theme_okaz/fonts/subset-Cairo-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> 12 <link rel="preload" href="/theme_okaz/fonts/subset-Cairo-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> 13 <link rel="preload" href="/theme_okaz/fonts/subset-Cairo-SemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> 14 15 <link href="https://www.okaz.com.sa/okaz/uploads/global_files/Bootstrap-v5.3.3.light.min.css?v=1" rel="stylesheet" /> 16 17 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 18 19
19<script> 20 (function (){let mode=localStorage.getItem('mode');if (!mode){const prefersDarkMode=window.matchMedia('(prefers-color-scheme: dark)').matches;if (prefersDarkMode){mode='dark'}else{mode='light'}localStorage.setItem('mode',mode)}if (mode==='dark'){document.documentElement.classList.add('dark-mode')}else{document.documentElement.classList.add('light-mode')}})(); 21 </script>
21 22 23 24<link rel="preload" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 25<link rel="preload" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.thumbs.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 26<noscript> 27 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.css"> 28 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.thumbs.css"> 29</noscript> 30 31
32<script> 33 var isMobile = /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); 34 var delay = isMobile ? 2000 : 2000; 35 var delayizooto = isMobile ? 5000 : 3000; 36 37 setTimeout(function() { 38 //load ideanetwork script 39 var ideanetwork = document.createElement("script"); 40 ideanetwork.src = "https://cdn.ideanetwork.site/js/AdScript/Okaz2026/Init.js"; 41 ideanetwork.async = true; 42 document.head.appendChild(ideanetwork); 43 44 }, 1000); 45 46 setTimeout(function() { 47 48 var s = document.createElement("script"); 49 s.src = "https://securepubads.g.doubleclick.net/tag/js/gpt.js"; 50 s.async = true; 51 document.head.appendChild(s); 52 53 }, delay); 54 55 setTimeout(function() { 56 57 //load iZooto script 58 var izooto = document.createElement("script"); 59 izooto.src = "https://cdn.izooto.com/scripts/f418552f5afcb63e4b582f8b4ad4027f9955490f.js"; 60 izooto.async = true; 61 document.head.appendChild(izooto); 62 63 64 }, delayizooto ); 65 66</script>
66 67 68
69<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4154345678725934" crossorigin="anonymous"></script>
69 70 71 72<meta name="ROBOTS" content="index,follow,max-image-preview:large"/> 73 74 75 76 77 <meta name="description" content="أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ" /> 78<meta name="keywords" content="أض٠٠ÙضÙع٠, صØÙÙØ© عÙاظ" /> 79 80<meta property="og:title" content="أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ"/> 81<meta property="og:locale" content="ar"> 82<meta property="og:type" content="website" /> 83<meta property="og:description" content="أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ" /> 84<meta property="og:url" content="https://www.okaz.com.sa/add-article" /> 85<meta property="og:site_name" content="عÙاظ "/> 86<meta property="og:updated_time" content="2026-09-24T12:33:41+03:00"> 87<meta property="og:image" content="https://www.okaz.com.sa/okaz/uploads/global_files/no-image.png" /> 88<meta property="og:image:secure_url" content="https://www.okaz.com.sa/okaz/uploads/global_files/no-image.png"> 89<meta property="og:image:width" content="800"> 90<meta property="og:image:height" content="488"> 91<meta property="og:image:alt" content="عÙاظ"> 92 93<meta name="twitter:card" content="summary_large_image"> 94<meta name="twitter:title" content="أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ"> 95<meta name="twitter:description" content="أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ"> 96<meta name="twitter:site" content="@okaz_online"> 97<meta name="twitter:creator" content="عÙاظ"> 98<meta name="twitter:image" content="https://www.okaz.com.sa/okaz/uploads/global_files/no-image.png"> 99 100<meta name="DC.title" lang="ar" content="أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ" /> 101<meta name="DC.description" lang="ar" content="أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ"/> 102<meta name="DC.date" content="2026-09-24" /> 103<meta name="DC.date.issued" content="2026-09-24" /> 104<meta name="DC.creator" content="عÙاظ" /> 105<meta name="DC.publisher" content="عÙاظ" /> 106<meta name="DC.language" content="ar" /> 107<link href="https://www.okaz.com.sa/add-article" rel="canonical" /> 108 109
110<script type='application/ld+json'> 111{ 112"@context": "https://schema.org/", 113"@type": "WebPage", 114"name": "أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ", 115"url": "https://www.okaz.com.sa/add-article", 116"description": "أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ", 117"keywords": "أض٠٠ÙضÙع٠, صØÙÙØ© عÙاظ", 118"inLanguage": "ar", 119"isPartOf": { 120"@type": "WebSite", 121"name": "عÙاظ", 122"url": "https://www.okaz.com.sa" 123}, 124"publisher": { 125"@type": "Organization", 126"name": "عÙاظ", 127"url": "https://www.okaz.com.sa", 128"sameAs": ["https://www.facebook.com/OKAZNEWS", 129 "https://www.instagram.com/okaznewspaper/", 130 "https://twitter.com/okaz_online", 131 "https://www.youtube.com/user/okazonline"], 132"logo":{ "@type": "ImageObject", "url": "https://www.okaz.com.sa/okaz/uploads/global_files/main-logo.png", "width": "393", "height": "108" }} 133} 134</script>
134 135
136<script type="application/ld+json"> 137{ 138 "@context": "https://schema.org/", 139 "@type": "NewsMediaOrganization", 140 "name": "صØÙÙØ© عÙاظ", 141 "url": "https://okaz.com.sa", 142 "publishingPrinciples": "https://www.okaz.com.sa/privacy-policy", 143 "foundingDate": "1960-01-01", 144 "founder": "Ahmad Abd al-Ghafur Attar", 145 "sameAs": [ 146 "https://www.facebook.com/OKAZNEWS", 147 "https://www.instagram.com/okaznewspaper/", 148 "https://twitter.com/okaz_online", 149 "https://www.youtube.com/user/okazonline" 150 ], 151 "logo": "https://www.okaz.com.sa/okaz/uploads/global_files/main-logo.png" 152} 153</script>
153 154 155 156
157<script> 158 dataLayer = [{ 159 'page_type': 'Custom', 160 'content_type': 'add-article', 161 'title': 'أض٠٠ÙضÙع٠- أخبار اÙسعÙدÙØ© | صØÙÙØ© عÙاظ', 162 'category': 'NA', 163 'anchor_name': 'NA', 164 'sub_category': 'NA' 165 }]; 166</script>
166 167 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 167-168
167 168<script async src="https://www.googletagmanager.com/gtag/js?id=
168G-3B0HF9YRQZ
vendor: 12 bytes, line 168
168"></script>
169<script> 170 window.dataLayer = window.dataLayer || []; 171 function gtag(){dataLayer.push(arguments);} 172 gtag('js', new Date()); 173 setTimeout("gtag('event', '15_sec_read',{'Read':'15 sec'})",15000 ); 174 setTimeout("gtag('event', '30_sec_read',{'Read':'30 sec'})",30000 ); 175 gtag('config', 'G-3B0HF9YRQZ'); 176</script>
176 177 178 179
179<script> 180 window.googletag = window.googletag || {cmd: []}; 181 googletag.cmd.push(function() { 182 183 184 // TOP: mobile sizes + desktop leaderboard 185 var mappingTop = googletag.sizeMapping() 186 .addSize([1050, 0], [[728, 90]]) 187 .addSize([980, 0], [[728, 90]]) 188 .addSize([640, 0], [[300, 100], [320, 100]]) 189 .addSize([320, 0], [[320, 100], [300, 100], [320, 50], [300, 50]]) 190 .addSize([0, 0], [[320, 100], [300, 100], [320, 50], [300, 50]]) 191 .build(); 192 193 // Sidebar MPU (LS1/LS3) 194Â Â var mappingSidebar = googletag.sizeMapping() 195 .addSize([1050, 0], [[300, 250], [336, 280], [360, 300]]) 196 .addSize([980, 0], [[300, 250], [336, 280], [360, 300]]) 197 .addSize([640, 0], [[300, 250], [336, 280], [360, 300]]) 198 .addSize([320, 0], [[300, 250], [320, 100], [300, 100], [320, 50], [300, 50]]) 199 .addSize([0, 0], [[300, 250], [320, 100], [300, 100], [320, 50], [300, 50]]) 200 .build(); 201 202 // Sidebar2: Desktop only (no request on smaller widths) 203 var mappingSidebar2DesktopOnly = googletag.sizeMapping() 204 .addSize([1050, 0], [[160, 600], [300, 600], [336, 280]]) 205 .addSize([980, 0], [[160, 600], [300, 600], [336, 280]]) 206 .addSize([640, 0], [[160, 600], [300, 600], [336, 280]]) 207 .addSize([0, 0], []) 208 .build(); 209 210 // Ajlan: fixed 211// Â Â var mappingAjlan = googletag.sizeMapping() 212// Â Â .addSize([1050, 0], [[300, 250], [336, 280], [300, 200]]) 213// Â Â .addSize([980, 0], [[300, 250], [336, 280], [300, 200]]) 214// Â Â .addSize([640, 0], [[300, 250], [336, 280], [300, 200]]) 215// Â Â .addSize([320, 0], [[320, 50], [300, 50], [320, 100],[300,100]]) 216// Â Â .addSize([0, 0], [[320, 50], [300, 50], [320, 100],[300,100]]) 217// Â Â .build(); 218 219 // Header: Desktop only (make sure slot defines ALL sizes you want to allow) 220 var mappingHeaderDesktopOnly = googletag.sizeMapping() 221 .addSize([1050, 0], [[970, 250], [970, 90], [980, 90], [980, 120], [930, 180], [728, 90], [730, 100]]) 222 .addSize([980, 0], [[970, 90], [980, 90], [980, 120], [728, 90], [730, 100]]) 223 .addSize([0, 0], [[728, 90]]) 224 .build(); 225 226 // Skyscraper: Desktop only 227 var mappingSkyscraperDesktopOnly = googletag.sizeMapping() 228 .addSize([1050, 0], [[160, 600]]) 229 .addSize([0, 0], []) 230 .build(); 231 232 233 var slotTop = googletag.defineSlot( 234 '/3387746/okaz_com_sa_miscellaneous/top', 235 [[300, 250], [300, 50], [320, 50], [320, 100], [336, 280], [728, 90], [360, 300], [300, 100]], 236 'div-gpt-ad-top' 237 ) 238 .defineSizeMapping(mappingTop) 239 .addService(googletag.pubads()); 240 241 var slotLeftSidebar1 = googletag.defineSlot( 242 '/3387746/okaz_com_sa_miscellaneous/leftsidebar1', 243 [[320, 50], [300, 50], [320, 100], [300, 250], [360, 300], [336, 280]], 244 'div-gpt-ad-leftsidebar1' 245 ) 246 .defineSizeMapping(mappingSidebar) 247 .addService(googletag.pubads()); 248 249 var slotLeftSidebar3 = googletag.defineSlot( 250 '/3387746/okaz_com_sa_miscellaneous/leftsidebar3', 251 [[320, 50], [300, 50], [320, 100], [300, 250], [336, 280], [360, 300]], 252 'div-gpt-ad-leftsidebar3' 253 ) 254 .defineSizeMapping(mappingSidebar) 255 .addService(googletag.pubads()); 256 257 258// var slotAjlan = googletag.defineSlot( 259// '/3387746/ajlan_bros', 260// [[300, 100]], 261// 'div-gpt-ad-ajlan_bros' 262// ) 263// .defineSizeMapping(mappingAjlan) 264// .addService(googletag.pubads()); 265 266 267 if (screen.width > 960) { 268 // Desktop-only units: define always; mapping prevents request on mobile/tablet 269 270 var slotLeftSidebar2 = googletag.defineSlot( 271 '/3387746/okaz_com_sa_miscellaneous/leftsidebar2', 272 [[160, 600], [300, 600], [336, 280]], 273 'div-gpt-ad-leftsidebar2' 274 ) 275 .defineSizeMapping(mappingSidebar2DesktopOnly) 276 .addService(googletag.pubads()); 277 278 var slotSkyLeft = googletag.defineSlot( 279 '/3387746/okaz_com_sa_home/skyscraper-left', 280 [[160, 600]], 281 'skyscraper-left' 282 ) 283 .defineSizeMapping(mappingSkyscraperDesktopOnly) 284 .addService(googletag.pubads()); 285 286 var slotSkyRight = googletag.defineSlot( 287 '/3387746/okaz_com_sa_home/skyscraper-right', 288 [[160, 600]], 289 'skyscraper-right' 290 ) 291 .defineSizeMapping(mappingSkyscraperDesktopOnly) 292 .addService(googletag.pubads()); 293 294 var slotHeader = googletag.defineSlot( 295 '/3387746/okaz_com_sa_miscellaneous/header', 296 [[970, 250], [970, 90], [980, 90], [980, 120], [930, 180], [728, 90], [730, 100]], 297 'div-gpt-ad-header' 298 ) 299 .defineSizeMapping(mappingHeaderDesktopOnly) 300 .addService(googletag.pubads()); 301 302 } 303
304 googletag.pubads().enableSingleRequest(); 305 googletag.pubads().collapseEmptyDivs(); 306 googletag.enableServices(); 307 }); 308</script>
308 309 310<style> 311html{max-width:100%;overflow-x:hidden}[v-cloak]{display:none!important}@font-face{font-family:Cairo;src:url(/theme_okaz/fonts/subset-Cairo-Regular.eot);src:url(/theme_okaz/fonts/subset-Cairo-Regular.eot?#iefix) format('embedded-opentype'),url(/theme_okaz/fonts/subset-Cairo-Regular.woff2) format('woff2'),url(/theme_okaz/fonts/subset-Cairo-Regular.woff) format('woff'),url(/theme_okaz/fonts/subset-Cairo-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/theme_okaz/fonts/subset-Cairo-Bold.eot);src:url(/theme_okaz/fonts/subset-Cairo-Bold.eot?#iefix) format('embedded-opentype'),url(/theme_okaz/fonts/subset-Cairo-Bold.woff2) format('woff2'),url(/theme_okaz/fonts/subset-Cairo-Bold.woff) format('woff'),url(/theme_okaz/fonts/subset-Cairo-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/theme_okaz/fonts/subset-Cairo-SemiBold.eot);src:url(/theme_okaz/fonts/subset-Cairo-SemiBold.eot?#iefix) format('embedded-opentype'),url(/theme_okaz/fonts/subset-Cairo-SemiBold.woff2) format('woff2'),url(/theme_okaz/fonts/subset-Cairo-SemiBold.woff) format('woff'),url(/theme_okaz/fonts/subset-Cairo-SemiBold.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}body{overflow-x:hidden!important;background-color:#fff;color:#000;transition:background-color 0.3s ease,color 0.3s ease}p{margin:0 0 20px}h1,h2{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.h-100{height:100%!important}.rounded-circle{border-radius:50%!important}.ps-2{padding-left:.5rem!important}.overflow-hidden{overflow:hidden!important}@media(min-width:768px){.justify-content-md-between{justify-content:space-between!important}.align-items-md-start{align-items:flex-start!important}.justify-content-md-start{justify-content:flex-start!important}.text-md-start{text-align:left!important}.ps-md-2{padding-left:.5rem!important}}html.dark-mode body{background-color:var(--primary-dark-mode)}html.dark-mode *{color:#F1F1F1!important}html.dark-mode svg{fill:white!important}html.dark-mode svg path,html.dark-mode svg g{fill:white!important}html.dark-mode .ad{color:#C0C0C0!important;background-color:#4F4F4F!important}html.dark-mode .arrow-left:not(.white){display:none!important}html.dark-mode .arrow-down svg{fill:none!important}html.dark-mode .arrow-down svg path{stroke:#D0D7DC!important;fill:none!important}html.dark-mode .marquee-container{background-color:#485760!important}html.dark-mode .marquee-container .marquee{background-color:#485760!important}html.dark-mode #thumbCarousel{background-color:#2F4959!important}html.dark-mode .filters-container .filter{color:#717171!important;background-color:#343B40!important}html.dark-mode .filters-container .filter:hover,html.dark-mode .filters-container .filter.active{color:#FFFFFF!important;background-color:#62686B!important}html.dark-mode .light-title-caption{color:#AFAFAF!important}html.dark-mode .light-title{color:#AFAFAF!important}html.dark-mode hr{border-color:#354049!important}html.dark-mode .news-listing-5{background-color:#1B242A!important}
311html.dark-mode .carousel-arrow svg path{fill:#A9FF00!important}html.dark-mode .submit-email svg{fill:#2F4959!important}html.dark-mode .submit-email svg path{fill:#2F4959!important}html.dark-mode .writer-card{border-color:#354049!important}html.dark-mode .writer-card .author-name{color:#fff!important}html.dark-mode .section-author-name,html.dark-mode .section-date{color:#7E8285!important}html.dark-mode .number-container{background-color:#62686B!important}html.dark-mode .bg-gray,html.dark-mode .journal-container{background-color:#10181F!important}html.dark-mode .journal-container{border:1px #383F44 solid!important}html.dark-mode .audio-player .play-icon{background-color:transparent!important;border:1px #fff solid!important}html.dark-mode .mark{color:#2F4959!important}html.dark-mode .action-bar.has-bg{background-color:#333333!important}html.dark-mode .light-icon{display:none!important}html.dark-mode .dark-icon{display:block!important}html.dark-mode .audio-player{background-color:#595959!important}html.dark-mode .btn-tertiary{color:#777!important;background:#10181F!important;border:1px solid #d8d8d8!important}html.dark-mode .btn-tertiary svg,html.dark-mode .btn-tertiary *{color:#222F38!important}html.dark-mode .btn-tertiary.active,html.dark-mode .btn-tertiary:hover{color:white!important;background:#414752!important}html.dark-mode .btn-tertiary.active svg,html.dark-mode .btn-tertiary.active *,html.dark-mode .btn-tertiary:hover svg,html.dark-mode .btn-tertiary:hover *{color:white!important}html.dark-mode .search-icon svg{color:#222F38!important}
311html.dark-mode .search-icon svg path{fill:#222F38!important}html.dark-mode .login-input .main-input,html.dark-mode .dashboard-field .main-input{color:#e8e8e8!important}html.dark-mode .login-input .label,html.dark-mode .dashboard-field .label{color:black!important;background-color:#e8e8e8!important}html.dark-mode .breadcrumbs-container .breadcrumb{color:white!important;opacity:.5}html.dark-mode .breadcrumbs-container .breadcrumb.active,html.dark-mode .breadcrumbs-container .breadcrumb:hover{opacity:1}.dark-icon{display:none!important}html:not(.dark-mode) .arrow-left.white{display:none!important}.btn-tertiary{cursor:pointer;font-weight:700;font-size:13px;text-decoration:none;text-align:center;color:#777;background:#eee;border:1px solid #d8d8d8;padding:8px 16px 7px;transition:color 0.5s,background 0.5s,border 0.5s}.btn-tertiary.active,.btn-tertiary:hover{color:#f5f5f5;background:#414752;border-color:#fff0}.btn-tertiary.active svg,.btn-tertiary:hover svg{color:white!important}.journal-container{background-color:#EDEDED}.container,.container-md{max-width:1280px!important}@media(max-width:640px){.mobile-no-container{padding-left:0px!important;padding-right:0px!important}.row{margin:0 auto;width:100%}.row>*{padding:0px!important}}.text-gray{color:#7E8285!important}.media-img{width:100%}.p-sm{padding:6px}.rounded-sm{border-radius:5px}.mt-md{margin-top:30px}.flex-1{flex:1 1 0%}.article-body,.article-body-en{font-size:20px;margin:20px 0;line-height:normal;text-align:justify}.article-body strong,.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6,.article-body picture,.article-body-en strong,.article-body-en h1,.article-body-en h2,.article-body-en h3,.article-body-en h4,.article-body-en h5,.article-body-en h6,.article-body-en picture{margin:8px 0;display:block;font-weight: bold;font-size: 22px;}.ad{display:flex!important;align-items:center;justify-content:center;background-color:#EEE;font-size:30px;font-weight:200;overflow:hidden}.ad.dark{background-color:#4F4F4F!important}@media(max-width:640px){.ad{font-size:16px;width:100%!important}}.imgThumb{position:relative;display:flex;align-items:center;justify-content:center}.imgThumb .videoPlayIcon{position:absolute;top:50%;left:50%;z-index:1048;width:35px;height:35px;margin-left:-18px;margin-top:-18px}.imgThumb picture,.imgThumb img{width:100%;height:100%;object-fit:cover;object-position:top;}.cursor-pointer{cursor:pointer}.collapse-btn{background-color:var(--primary);border-radius:9999px;padding:4.5px 0;font-size:15px;font-weight:600;text-align:center;color:white!important;width:155px;margin:0 auto;cursor:pointer}.collapse-btn:hover{color:white!important}.collapse-btn.fit{padding:4px 0}.collapse-btn.secondary{background-color:var(--secondary);border:none;color:black!important}.col-span-full{grid-column:1 / -1!important}:root{--primary-dark-mode:#222F38;--primary:#2f4858;--primary-light:#546d7e;--secondary:#a9ff00}.bg-gray{background-color:#F4F4F4}.general-line{margin-top:30px;border:1px #D0D0D0 solid}.bg-image{position:absolute;inset:0;width:100%;height:100%;z-index:-9999}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(min-width:640px) and @media(max-width:1024px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.mobile-grid-1{grid-template-columns:repeat(1,1fr)!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media(max-width:640px){.write-line{display:none}}.write-line{display:block!important;grid-column:1 / -1}.writer-card{padding:30px 40px;transition:background-color 300ms ease}.writer-card:hover{background-color:rgb(237 237 237 / .4)}.writer-card:nth-child(n):not(:nth-last-child(-n+5)){border:none;border-bottom:1px #EDEDED solid}.writer-card.borderless{border-bottom:none!important}.writer-card .writer-image{width:50%;aspect-ratio:1/1}.writer-card .writer-image img{border-radius:9999px;width:100%;height:100%}.writer-card .book-title{font-size:20px;line-height:26px;text-align:center;margin:10px 0;font-weight:700}.writer-card .author-name{color:#AAAFB4;font-size:14px}@media (max-width:640px){.writer-card{padding:15px 15px!important;width:100%!important;border:none!important}.writer-card .book-title{font-size:18px!important;line-height:25.4px!important}}.gap-45{gap:32px!important}.gap-x-45{column-gap:32px!important}.filters-container{display:flex;gap:7px;height:fit-content}.filters-container .filter{cursor:pointer;height:fit-content;background-color:#E1E5E7;border-start-start-radius:5px;border-start-end-radius:5px;padding:5px 35px;color:#717171}.filters-container .filter:hover,.filters-container .filter.active{color:#fff;background-color:var(--primary)}.filters-container.small .filter{padding:5px 20px}@media(max-width:640px){.filters-container .filter{padding:5px 20px}}.main-title{line-height:1.5;margin-bottom:10px;font-size:25px;display:flex;position:relative;align-items:center;gap:10px;border:none;border-right:4px solid #bababa;font-weight:700;padding:0 8px 0 0}.main-title.borderless{border-right:none!important;padding-right:0!important;padding-bottom:2px!important}@media(min-width:640px) and @media(max-width:1000px){.main-title{font-size:15px!important}}@media (max-width:640px){.main-title{font-size:20px!important;margin-bottom:5px}.main-title.mobile-borderlress{border-right:none!important;padding-right:0!important;padding-bottom:2px!important}}.light-title-caption{padding-right:4px;border-right:4px #FFC508 solid;color:#aaafb4!important}.light-title{color:#aaafb4!important}.w-fit{width:fit-content!important}.h-fit{height:fit-content!important}@media(min-width:640px){.w-md-100{width:100%!important}.w-md-50{width:50%!important}
311.w-md-40{width:40%!important}}@media(max-width:640px){.mobile-w-30{width:30%!important}.mobile-w-35{width:35%!important}.mobile-w-40{width:40%!important}.mobile-w-70{width:40%!important}.mobile-w-100{width:100%!important}}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%!important}.w-35{width:35%!important}.w-40{width:40%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.date{font-size:12px!important;color:#AAAFB4!important}.gray-text{color:#AAAFB4}hr{border-color:#D0D0D0;opacity:1;margin:0}@media(max-width:640px){.mobile-aspect-1-1{aspect-ratio:1/1}}.aspect-1-1{aspect-ratio:1/1}.aspect-1-2{aspect-ratio:1/2}.aspect-3-2{aspect-ratio:3/2}.aspect-3-4{aspect-ratio:3/4}.aspect-6-5{aspect-ratio:6/5}.aspect-7-4{aspect-ratio:7/4}.aspect-9-5{aspect-ratio:9/5}.aspect-7-5{aspect-ratio:7/5}.aspect-7-9{aspect-ratio:7/9}.aspect-4-3{aspect-ratio:4/3}.aspect-4-5{aspect-ratio:4/5}.aspect-9-16{aspect-ratio:9/16}@media(max-width:640px){.aspect-1-1-mobile{aspect-ratio:1/1!important}.aspect-1-2-mobile{aspect-ratio:1/2!important}.aspect-3-2-mobile{aspect-ratio:3/2!important}.aspect-3-4-mobile{aspect-ratio:3/4!important}.aspect-6-5-mobile{aspect-ratio:6/5!important}.aspect-7-4-mobile{aspect-ratio:7/4!important}.aspect-7-5-mobile{aspect-ratio:7/5!important}.aspect-4-3-mobile{aspect-ratio:4/3!important}.aspect-4-5-mobile{aspect-ratio:4/5!important}}.line-clamp-1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;unicode-bidi: plaintext;direction: rtl;text-align: right;}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;unicode-bidi: plaintext;direction: rtl;text-align: right;}.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;unicode-bidi: plaintext;direction: rtl;text-align: right;}.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;unicode-bidi: plaintext;direction: rtl;text-align: right;}.primary-mobile-title{color:var(--primary);font-weight:700;font-size:19px;margin-bottom:5px}.primary-text{color:var(--primary)}.primary-bg{background-color:var(--primary)}.breadcrumbs-container{display:flex}.breadcrumbs-container .breadcrumb{color:var(--primary);opacity:.5;transition:0.3s opacity linear;cursor:pointer}.breadcrumbs-container .breadcrumb.active,.breadcrumbs-container .breadcrumb:hover{opacity:1}a{display:block;text-decoration:none!important;color:#000000}@media (min-width:768px){a:hover{color:unset!important}}body{font-family:"Cairo"!important}.ninty-px{text-transform:uppercase;line-height:1.45;font-size:2.1875rem}.seventy-px{font-weight:700;line-height:1.45;font-size:2.1875rem}.fifty-px{line-height:1.45;font-size:1.75rem;text-transform:capitalize}.fiftyfive-px{line-height:1.45;font-size:2rem;text-transform:capitalize}.sixty-px{line-height:1.45;font-size:2.8125rem;text-transform:capitalize}.fourtyfive-px{line-height:1.45;font-size:1.5625rem}.fourty-px{line-height:1.45;font-size:1.5625rem}.thirtyfive-px{line-height:1.45;font-size:1.4rem}.thirty-px{line-height:1.45;font-size:1.25rem;text-transform:capitalize}.twentyfive-px{line-height:1.6;font-size:1.4rem}.twentythree-px{font-size:20px;line-height:30px}.twenty-px{line-height:27px;font-size:17px}.eighteen-px{line-height:1.45;font-size:.8125rem}.sixteen-px{line-height:24px;font-size:15px}.extra-small-text{line-height:24px;font-size:17px}@media (min-width:768px){.ninty-px{font-size:3.4375rem}.seventy-px{font-size:2.5rem}.fifty-px{font-size:2.1875rem}.fiftyfive-px{font-size:2.3rem}.sixty-px{font-size:3.125rem}.fourtyfive-px{font-size:1.875rem}.fourty-px{font-size:1.75rem;line-height:1.5}.thirtyfive-px{font-size:1.6875rem}.thirty-px{font-size:1.4375rem}.extra-small-text{font-size:.8125rem}}@media (min-width:1024px){.seventy-px{font-size:4.4rem}.fourty-px{font-size:2.5rem}.twentythree-px{font-size:23px;line-height:35px}.twentyfive-px{font-size:1.563rem}.twenty-px{font-size:1.25rem}.eighteen-px{font-size:1.125rem}.sixteen-px{line-height:24px;font-size:1rem}.thirty-px{font-size:29px}.extra-small-text{font-size:.875rem;line-height:20px}}.hidden{display:none}component{display:none}@media (max-width:768px){.hiddenMobile{display:none}}section.vpb-dev-section{padding:0!important;border:0!important}.w-100{width:100%}.rounded-full{border-radius:9999px;overflow:hidden}.row.w-100.container-fluid>.col-md-12{padding:0}.sticky_catnavbar{position:fixed;width:100%}.container-fluid{padding:0}.play-icon{width:20px;height:20px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:5px}.play-icon svg{margin-left:2px!important}.action-bar img{cursor:pointer}.audio-player{display:flex;align-items:center;justify-content:space-between;flex:1 1 0%;gap:10px;background-color:#333;font-size:11px;color:#fff;border-radius:999px;padding:4px 3px 4px 10px;direction:rtl;width:100%}.audio-player .volume-icon{background:none;border:none;padding:0}.audio-player .time{font-weight:700}.audio-player .volume-btn{background:none;border:none;padding:0;display:flex;align-items:center}.audio-player .volume-btn img{width:16px;height:16px}.audio-player .speed{margin-left:5px}.audio-player .play-button{padding:0;background:none;border:none;color:#fff;font-weight:700;display:flex;align-items:center;gap:5px;cursor:pointer}.audio-player .play-button img{width:14px;
311height:14px}.toggleWrapper{cursor:pointer;width:33px;border-radius:5px;background:#fff0}.toggleWrapper input.mobileToggle{opacity:0;position:absolute}.toggleWrapper input.mobileToggle+label{display:flex;align-items:center;position:relative;user-select:none;transition:0.4s ease;-webkit-tap-highlight-color:#fff0;height:19px;width:33px;background-color:#7b7b7b;border:1px #c6c6c6 solid;border-radius:9999px}.toggleWrapper input.mobileToggle+label:before{content:"";position:absolute;display:block;transition:0.2s cubic-bezier(.24,0,.5,1);height:100%;width:100%;top:0;left:0;border-radius:9999px}.toggleWrapper input.mobileToggle+label:after{content:"";position:absolute;display:block;box-shadow:0 1px 1px hsl(0 0% 0% / .05),0 2px 4px hsl(0 0% 0% / .08),0 4px 6px hsl(0 0% 0% / .1);transition:0.35s cubic-bezier(.54,1.6,.5,1);background:#fff;height:calc(100% - 5px);aspect-ratio:1/1;border:none;left:4px;border-radius:9999px}.toggleWrapper input.mobileToggle:checked+label:before{background-color:#fff;transition:width 0.2s cubic-bezier(0,0,0,.1)}.toggleWrapper input.mobileToggle:checked+label:after{background-color:var(--primary);left:calc(54px - 37px)}.toggleWrapper input.mobileToggle:checked+label{background-color:#fff0;border-color:#B8B8B8!important}.asp{display:flex;align-items:center;background-color:#fff0;position:relative;height:0;overflow:hidden;width:100%}.asp.contain img{object-fit:contain}.asp.cover img{object-fit:cover}.asp .videoPlayIcon{position:absolute;top:50%;left:50%;z-index:1048;width:35px;height:35px;margin-left:-18px;margin-top:-18px}.asp img,.asp .img-replace{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;object-fit:cover}.asp video{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%}.asp #productViewer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.asp .super-overlay{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.4}.asp .custom-overlay{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:.2}.asp .whitesh-overlay{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;background:#f9f9f9;background:linear-gradient(180deg,#fff0 0%,rgb(144 145 145 / .3688) 67%,rgb(68 69 70 / .8422) 84%,#444546 100%)}.asp.grey img{transition:0.3ms;filter:grayscale(1)}.asp.grey:hover img{filter:grayscale(0)!important}.search_filter{padding-top:20px;padding-bottom:20px;display:flex;align-items:center;justify-content:center;gap:20px}.search_filter .search-icon{background:none;border:none;position:absolute;left:10px}@media(max-width:640px){.search_filter{flex-direction:column}.search_filter>*{width:100%}}input.main-input,select.main-input,textarea.main-input{color:black!important}.main-input{min-height:52px;color:black!important;width:100%;background:#e8e8e8;min-width:219px;border:none;padding:10px 30px}.main-input.search{min-width:260px}.main-input.select{padding-top:6px;padding-bottom:6px}.main-input:focus{outline:none;border:none;ring:0}.asp-1-1{padding-bottom:calc(calc(100% * 1) / 1)}.asp-3-1{padding-bottom:calc(calc(100% * 1) / 3)}.asp-2-1{padding-bottom:calc(calc(100% * 1) / 2)}.asp-1-6-1{padding-bottom:calc(calc(100% * 1) / 1.667)}.asp-2-2{padding-bottom:calc(calc(100% * 1) / 2)}.asp-1-2{padding-bottom:calc(calc(100% * 2) / 1)}.asp-4-1{padding-bottom:calc(calc(100% * 1) / 4)}.asp-4-2{padding-bottom:calc(calc(100% * 2) / 4)}.asp-4-3{padding-bottom:calc(calc(100% * 3) / 4)}.asp-4-5{padding-bottom:calc(calc(100% * 5) / 4)}.asp-5-4{padding-bottom:calc(calc(100% * 4) / 5)}.asp-16-9{padding-bottom:calc(calc(100% * 9) / 16)}.asp-11-9{padding-bottom:calc(calc(100% * 9) / 11)}.asp-11-4{padding-bottom:calc(calc(100% * 4) / 11)}.contact-asp{padding-bottom:calc(calc(100% * 1) / 4)}.asp-2-3{padding-bottom:calc(calc(100% * 3) / 2)}.asp-3-2{padding-bottom:calc(calc(100% * 2) / 3)}.asp-17-22{padding-bottom:calc(calc(100% * 22) / 17)}.asp-3-4{padding-bottom:calc(calc(100% * 4) / 3)}.asp-6-5{padding-bottom:calc(calc(100% * 5) / 6)}.asp-2-5-1{padding-bottom:calc(calc(100% * 1) / 2.52)}.asp-9-16{padding-bottom:calc(calc(100% * 16) / 9)}.asp-9-5{padding-bottom:calc(calc(100% * 5) / 9)}.asp-8-5{padding-bottom:calc(calc(100% * 5) / 8)}.asp-16-8{padding-bottom:calc(calc(100% * 8) / 16)}.asp-16-11{padding-bottom:calc(calc(100% * 11) / 16)}.asp-11-5{padding-bottom:calc(calc(100% * 5) / 11)}.asp-5-11{padding-bottom:calc(calc(100% * 11) / 5)}.asp-12-5{padding-bottom:calc(calc(100% * 5) / 12)}.asp-100{width:100%;height:calc(100vh)}.asp-5-1{padding-bottom:calc(calc(100% * 1) / 5)}.asp-5-2{padding-bottom:calc(calc(100% * 2) / 5)}.asp-5-3{padding-bottom:calc(calc(100% * 3) / 5)}.asp-3-5{padding-bottom:calc(calc(100% * 5) / 3)}.asp-5-6{padding-bottom:calc(calc(100% * 6) / 5)}.asp-5-7{padding-bottom:calc(calc(100% * 7) / 5)}.asp-7-4{padding-bottom:calc(calc(100% * 4) / 7)}.my-4-5{margin-top:2rem!important;margin-bottom:2rem!important}.main-label{display:block;margin-bottom:10px}
311.number-container{color:#2F4959!important;background-color:#E1E5E7}@media(max-width:640px){.number-container{font-weight:700!important}.mobile-asp-7-4{padding-bottom:calc(calc(100% * 4) / 7)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.form-link{display:flex;flex-direction:row-reverse}.form-link .link-prefix{display:flex;align-items:center;justify-content:center;font-weight:700;min-width:121px;padding:0 28px 0 5px;background:#e8e8e8}.form-link .main-input{background:#f2f2f2}.form-upload{border-style:dotted;cursor:pointer;background-size:100% 100%;padding:15px 25px 36px;margin:49px 0 12px}.form-upload .form-label-inner{display:inline-block;vertical-align:middle;width:40px;height:40px;margin-left:10px}.form-upload .form-upload-input{display:none}.form-link{text-decoration:none;border-bottom:solid 1px #888;color:#888;padding-bottom:5px}.dashboard-field{min-height:52px;display:flex;flex-direction:row;align-items:stretch;border:1px #e8e8e8 solid;margin-bottom:15px}.dashboard-field .label{width:185px;background-color:#fff0;display:flex;align-items:center;padding-right:10px}.dashboard-field .main-input{flex:1 1 0%;background:#fff0;border-right:1px #e8e8e8 solid}.dashboard-field .text-field{display:flex;align-items:center;border-right:1px #e8e8e8 solid;padding:0 30px}.login-input{margin-bottom:15px;display:flex;flex-direction:row;align-items:stretch;border:1px #e8e8e8 solid}.login-input .label{width:185px;background-color:#e8e8e8;display:flex;align-items:center;padding-right:10px}.login-input .main-input{background:#fff0}@media (max-width:640px){.login-input .label,.dashboard-field .label{width:fit-content!important;padding:10px}} 312</style> 313 314 315</head> 316<body> 317 318 319 320<div class="container-fluid "> 321 <div class="row"> 322 <div class="col-md-12 noPadding col-xs-12"> 323 <div id="widget_23287"> 324 325<style> 326.dark-mode-switch { 327 display: flex;
328 align-items: center; 329 gap: 10px 330} 331 332#sidebar { 333 position: fixed; 334 top: 0; 335 left: -100%; 336 width: 300px; 337 height: 100vh; 338 background-color: var(--primary); 339 box-shadow: 2px 0 8px rgb(0 0 0 / .1); 340 overflow-y: auto; 341 transition: left .4s ease; 342 z-index: 999 343} 344 345#sidebar>div:first-child { 346 padding: 60px 25px 25px 20px 347} 348 349#sidebar.active { 350 left: 0 351} 352 353.sidebar-content { 354 gap: .6rem; 355 display: flex; 356 flex-direction: column 357} 358 359.close-btn { 360 position: absolute; 361 top: 20px; 362 right: 15px; 363 cursor: pointer 364} 365 366#menu-button { 367 padding: 10px; 368 cursor: pointer 369} 370 371html.dark-mode .header-menu-container { 372 background-color: #485760; 373 border-color: #485760 374} 375 376html.dark-mode .header-menu-container * { 377 color: white !important 378} 379 380html.dark-mode .header-center-container { 381 border-color: #354049 382} 383 384html.dark-mode .header-top-container { 385 background-color: var(--primary) !important 386} 387 388html.dark-mode .link.active { 389 background-color: rgb(237 237 237 / .4) !important 390} 391 392@media(min-width:640px) { 393 html.dark-mode .link:hover { 394 background-color: rgb(237 237 237 / .4) !important 395 } 396} 397 398html.dark-mode .drop-down { 399 background-color: #191919 !important 400} 401 402@media(min-width:640px) { 403 html.dark-mode .sub-link:hover { 404 background-color: #565657 !important 405 } 406} 407 408html.dark-mode .main-logo:not(.white) { 409 display: none !important 410} 411 412html.dark-mode .left-child .moon-icon, 413html.dark-mode .left-child .moon-icon * { 414 fill: #F1F1F1 !important 415} 416 417html.dark-mode .left-child svg, 418html.dark-mode .left-child svg * { 419 fill: white !important 420} 421 422@media(min-width:640px) { 423 html.dark-mode .header .header-menu-container .header-menu .right .link:hover>a { 424 color: white !important 425 } 426} 427 428html:not(.dark-mode) .main-logo.white { 429 display: none !important 430} 431 432.main-logo { 433 width: 200px; 434 height: 55px 435} 436 437@media(min-width:640px) and (max-width:991px) { 438 .header-menu { 439 padding: 12px 0 440 } 441 .main-logo { 442 max-width: 170px 443 } 444 #search-table { 445 display: block !important 446 } 447} 448 449@media(max-width:640px) { 450 .main-logo { 451 height: 34px; 452 width: 123px 453 } 454} 455 456#toast { 457 visibility: hidden; 458 min-width: 160px; 459 background-color: #333; 460 color: #fff; 461 text-align: center; 462 border-radius: 4px; 463 padding: 10px 16px; 464 position: fixed; 465 z-index: 9999; 466 top: 50%; 467 right: 50%; 468 margin-top: -20px; 469 margin-right: -80px; 470 font-size: 14px; 471 transition: visibility 0s, opacity .3s ease-in-out; 472 opacity: 0 473} 474 475.header { 476 font-weight: 700; 477 margin-bottom: 30px 478} 479 480.header * { 481 color: var(--primary) !important 482} 483 484.header-top-container { 485 background-color: var(--primary) !important; 486 padding: 5px 0 487} 488 489.header-top { 490 display: flex;
491 align-items: center; 492 justify-content: space-between 493} 494 495.header-top .left-child { 496 display: flex; 497 flex-direction: row-reverse; 498 gap: 20px 499} 500 501.header-top .left-child .date { 502 color: white !important; 503 font-weight: 700 504} 505 506@media(max-width:640px) { 507 .header-top-container { 508 display: none !important 509 } 510 .header-center-container { 511 padding: 20px 0 !important 512 } 513} 514 515.header-center-container { 516 padding: 40px 0; 517 border-bottom: 1px #C6C6C6 solid 518} 519 520.header-menu-container { 521 border-bottom: 1px #C6C6C6 solid; 522 background-color: #fff; 523 width: 100% 524} 525 526.scroll-menu-logo { 527 display: none; 528 width: 80px; 529 margin-left: 20px 530} 531 532.scroll-menu-logo .main-logo { 533 width: 100px; 534 object-fit: contain 535} 536 537.header-menu-container.fixed { 538 position: fixed; 539 top: 0; 540 left: 0; 541 z-index: 1049; 542 box-shadow: 0 2px 8px rgb(0 0 0 / .15) 543} 544 545.header-menu-container.fixed .scroll-menu-logo { 546 display: block 547} 548 549.header-menu { 550 display: flex;
551 align-items: center; 552 justify-content: space-between 553} 554 555.header-menu * { 556 color: black !important 557} 558 559.header-menu .right { 560 display: flex; 561 align-items: center; 562 justify-content: start; 563 gap: 7px 564} 565 566.header-menu .right .link { 567 white-space: nowrap; 568 position: relative; 569 display: flex; 570 align-items: center; 571 gap: 7px; 572 font-weight: 700; 573 border-radius: 4px 574} 575 576.header-menu .right .link>a { 577 padding: 5px 6px 0; 578 border-bottom: solid 5px transparent; 579} 580 581.header-menu .right .link.active { 582 color: white !important; 583 background-color: var(--primary-light) 584} 585 586@media(min-width:640px) { 587 .header-menu .right .link:hover { 588 color: black !important; 589 background-color: rgb(237 237 237 / .5) 590 } 591 .header-menu .right .link:hover>a { 592 color: black !important 593 } 594 .header-menu .right .link:hover path { 595 color: white !important 596 } 597} 598 599.header-menu .right .link .drop-down { 600 width: fit-content; 601 z-index: 1049; 602 display: none; 603 min-width: 105px; 604 position: absolute; 605 top: 100%; 606 right: -15px; 607 white-space: nowrap; 608 border-radius: 5px; 609 background-color: #fff; 610 box-shadow: 0 2px 5px rgb(0 0 0 / .25); 611 padding: 10px 5px 7px 10px 612} 613 614@media(min-width:640px) { 615 .header-menu .right .link:hover { 616 background-color: rgb(237 237 237 / .5); 617 color: black !important 618 } 619 .header-menu .right .link:hover .drop-down { 620 display: block 621 } 622} 623 624.header-menu .right .link .drop-down .sub-link { 625 padding: 5px 10px; 626 width: 100%; 627 margin-left: auto; 628 display: block 629} 630 631@media(min-width:640px) { 632 .header-menu .right .link .drop-down .sub-link:hover { 633 border-radius: 4px; 634 color: white !important; 635 background-color: var(--primary-light); 636 transition: all .3s ease 637 } 638} 639 640@media(max-width:640px) { 641 .header-menu .right { 642 padding: 12px 0; 643 overflow-x: scroll 644 } 645 .header-menu .right .link { 646 font-size: 15px 647 } 648 .header-menu .right .arrow-down, 649 .header-menu .right .drop-down { 650 display: none !important 651 } 652} 653 654.left { 655 display: flex;
656 align-items: center; 657 gap: 25px; 658 padding: 15px 0 659} 660 661@media(max-width:991px) { 662 .left { 663 display: none !important 664 } 665} 666 667.discover-today { 668 display: flex; 669 align-items: center; 670 gap: 7px; 671 cursor: pointer; 672 position: relative 673} 674 675.search-input { 676 border: none; 677 border-bottom: 1px solid #2F4959; 678 outline: none; 679 padding: 4px 8px; 680 font-size: 14px; 681 width: 150px; 682 transition: all .3s ease; 683 direction: rtl 684} 685 686.search-input.hidden { 687 width: 0; 688 padding: 0; 689 border: none; 690 opacity: 0; 691 pointer-events: none 692} 693 694@media(max-width:640px) { 695 .header-menu { 696 padding-left: 0 !important 697 } 698} 699 700#sidebar-bg { 701 display: none; 702 position: fixed; 703 width: 100%; 704 height: 100%; 705 left: 0; 706 top: 0; 707 background-color: #000; 708 opacity: .3; 709 z-index: 998 710} 711 712#sidebar .link>a { 713 font-size: 16px !important; 714 color: white !important 715} 716 717#sidebar .link { 718 font-size: 14px !important; 719 color: white !important 720} 721 722#sidebar .drop-down { 723 position: relative; 724 right: auto; 725 width: fit-content; 726 display: none; 727 z-index: 1; 728 min-width: 100%; 729 white-space: normal; 730 border-radius: 0; 731 background-color: #fff; 732 box-shadow: 0 2px 5px rgb(0 0 0 / .25); 733 padding: 10px 5px 7px 10px 734} 735 736#sidebar .drop-down .sub-link { 737 padding: 5px 10px; 738 width: 100%; 739 margin-left: auto; 740 display: block 741} 742 743#sidebar .drop-down .sub-link:hover { 744 border-radius: 4px; 745 color: white !important; 746 transition: all .3s ease 747} 748 749#sidebar .link:hover { 750 background-color: rgb(237 237 237 / .4) !important 751} 752 753#sidebar .link:hover * { 754 color: #F1F1F1 !important 755} 756 757#sidebar .drop-down { 758 background-color: #191919 !important 759} 760 761#sidebar .arrow-down svg path { 762 stroke: #D0D7DC !important; 763 fill: none !important 764} 765 766.user-menu { 767 position: relative; 768 display: none; 769 font-family: sans-serif 770} 771 772.user-menu.mobile { 773 margin-bottom: 15px 774} 775 776.user-menu .trigger { 777 display: flex;
778 align-items: center; 779 gap: 8px; 780 background: #fff; 781 padding: 8px 12px; 782 border-radius: 50px; 783 cursor: pointer; 784 box-shadow: 0 1px 3px rgb(0 0 0 / .1) 785} 786 787.user-menu .trigger .avatar { 788 width: 36px; 789 height: 36px; 790 border-radius: 50%; 791 background: #cce3f8; 792 color: #1e3a8a; 793 font-weight: 700; 794 font-size: 14px; 795 display: flex; 796 align-items: center; 797 justify-content: center 798} 799 800.user-menu .trigger .name { 801 font-weight: 600 802} 803 804.user-menu .trigger .arrow { 805 margin-right: auto; 806 font-size: 14px; 807 transition: transform .2s 808} 809 810.user-menu .trigger.open .arrow { 811 transform: rotate(180deg) 812} 813 814.user-menu .dropdown { 815 position: absolute; 816 top: 110%; 817 right: 0; 818 background: #f5f5f5; 819 border-radius: 8px; 820 box-shadow: 0 4px 8px rgb(0 0 0 / .1); 821 display: none; 822 min-width: 138px; 823 z-index: 10; 824 overflow: hidden 825} 826 827.user-menu .dropdown.show { 828 display: block 829} 830 831.user-menu .dropdown .item { 832 display: flex;
833 align-items: center; 834 gap: 8px; 835 padding: 10px 14px; 836 cursor: pointer; 837 transition: background .2s 838} 839 840@media(min-width:640px) { 841 .user-menu .dropdown .item:hover { 842 background: #eaeaea 843 } 844} 845 846.user-menu .dropdown .item svg { 847 width: 18px; 848 height: 18px 849} 850 851@media(max-width:640px) { 852 .user-menu.desktop { 853 display: none 854 } 855} 856 857.weather-hover { 858 position: relative; 859 display: inline-block 860} 861 862.weather-card { 863 display: none; 864 z-index: 9999; 865 cursor: pointer; 866 position: absolute; 867 top: 100%; 868 right: -310px; 869 width: 350px; 870 background: #1e4d6b; 871 color: #fff; 872 border-radius: 10px; 873 padding: 15px; 874 box-shadow: 0 4px 10px rgb(0 0 0 / .3); 875 z-index: 1000 876} 877 878.weather-card * { 879 color: white !important 880} 881 882.weather-hover:hover+.weather-card, 883.weather-card:hover { 884 display: block 885} 886 887.weather-current { 888 text-align: center; 889 margin-bottom: 10px 890} 891 892.weather-current h2 { 893 font-size: 2rem; 894 margin: 0 895} 896 897.weather-forecast { 898 display: grid; 899 grid-template-columns: repeat(5, 1fr); 900 gap: 5px 901} 902 903.weather-day { 904 text-align: center; 905 font-size: .9rem 906} 907 908.weather-day img { 909 width: 30px; 910 height: 30px 911} 912 913.ad-top { 914 width: 728px; 915 height: 90px 916} 917 918@media(max-width:992px) { 919 .ad-top { 920 width: auto; 921 height: auto; 922 min-width: 300px; 923 min-height: 50px 924 } 925} 926@media(max-width:768px) { 927 .header { 928 margin-bottom:120px;position:relative; 929 } 930 .ad-top { 931 position:absolute; 932 bottom:-110px; 933 left:50%; 934 margin-left:-160px; 935 width: 320px; 936 height: 100px; 937 } 938} 939 940.sideAd { 941 position: fixed; 942 z-index: 1000; 943 left: 50%; 944 width: 1280px; 945 margin-left: -640px 946} 947 948.adv-left, 949.adv-right { 950 position: absolute; 951 width: 160px; 952 z-index: 1000 953} 954 955.adv-left { 956 left: 0; 957 margin-left: -165px 958} 959 960.adv-right { 961 right: 0; 962 margin-right: -165px 963} 964 965@media(max-width:1200px) { 966 .sideAd { 967 width: 1200px; 968 margin-left: -600px 969 } 970 .mobile-hidden-960 { 971 display: none 972 } 973} 974.header .current-date{color:#fff !important;} 975</style> 976 977 <div class="header sixteen-px"> 978 <div class="header-top-container"> 979 <div class="header-top container"> 980 <div class="date extra-small-text current-date" id="current-date"></div> 981 <div class="left-child"> 982 <div class="dark-mode-switch"> 983 <!-- sun icon --> 984 <svg 985 width="19" 986 height="19"
987 viewBox="0 0 19 19" 988 fill="none" 989 xmlns="http://www.w3.org/2000/svg" 990 > 991 <path 992 fill-rule="evenodd" 993 clip-rule="evenodd" 994 d="M10.2075 17.4927V15.4982C10.2075 15.1443 9.9203 14.857 9.56641 14.857C9.21251 14.857 8.92529 15.1443 8.92529 15.4982V17.4927C8.92529 17.8466 9.21251 18.1338 9.56641 18.1338C9.9203 18.1338 10.2075 17.8466 10.2075 17.4927ZM13.6138 14.0877L15.0236 15.4975C15.2743 15.7482 15.6801 15.7482 15.9308 15.4975C16.1808 15.2475 16.1808 14.841 15.9308 14.591L14.5203 13.1805C14.2703 12.9305 13.8638 12.9305 13.6138 13.1805C13.3631 13.4312 13.3631 13.837 13.6138 14.0877ZM4.10922 15.4975L5.51968 14.0877C5.76971 13.837 5.76971 13.4312 5.51968 13.1805C5.26964 12.9305 4.86317 12.9305 4.61314 13.1805L3.20268 14.591C2.95264 14.841 2.95264 15.2475 3.20268 15.4975C3.45271 15.7482 3.85918 15.7482 4.10922 15.4975ZM9.54974 4.67033C7.05323 4.67033 5.02602 6.69754 5.02602 9.19469C5.02602 11.6912 7.05323 13.7184 9.54974 13.7184C12.0469 13.7184 14.0741 11.6912 14.0741 9.19469C14.0741 6.69754 12.0469 4.67033 9.54974 4.67033ZM15.9308 9.77491H17.9253C18.2792 9.77491 18.5664 9.48769 18.5664 9.13379C18.5664 8.77989 18.2792 8.49267 17.9253 8.49267H15.9308C15.5769 8.49267 15.2897 8.77989 15.2897 9.13379C15.2897 9.48769 15.5769 9.77491 15.9308 9.77491ZM1.20752 9.77491H3.20204C3.55593 9.77491 3.84315 9.48769 3.84315 9.13379C3.84315 8.77989 3.55593 8.49267 3.20204 8.49267H1.20752C0.853627 8.49267 0.566406 8.77989 0.566406 9.13379C0.566406 9.48769 0.853627 9.77491 1.20752 9.77491ZM3.20268 3.6766L4.61314 5.08706C4.86317 5.33709 5.26964 5.33709 5.51968 5.08706C5.76971 4.83638 5.76971 4.43055 5.51968 4.17988L4.10922 2.77006C3.85918 2.51939 3.45271 2.51939 3.20268 2.77006C2.95264 3.0201 2.95264 3.42657 3.20268 3.6766ZM14.5203 5.08706L15.9308 3.6766C16.1808 3.42657 16.1808 3.0201 15.9308 2.77006C15.6801 2.51939 15.2743 2.51939 15.0236 2.77006L13.6138 4.17988C13.3631 4.43055 13.3631 4.83638 13.6138 5.08706C13.8638 5.33709 14.2703 5.33709 14.5203 5.08706ZM10.2075 2.76942V0.774906C10.2075 0.421009 9.9203 0.133789 9.56641 0.133789C9.21251 0.133789 8.92529 0.421009 8.92529 0.774906V2.76942C8.92529 3.12332 9.21251 3.41054 9.56641 3.41054C9.9203 3.41054 10.2075 3.12332 10.2075 2.76942Z" 995 fill="#FFFFFF" 996 /> 997 </svg> 998 <!-- toggle icon --> 999 <div class="toggleWrapper"> 1000 <input 1001 type="checkbox" 1002 name="pay_with_wallet" 1003 value="1" 1004 class="mobileToggle" 1005 id="dark-mode-toggle" 1006 checked 1007 /> 1008 <label for="dark-mode-toggle"></label> 1009 </div> 1010 <!-- moon icon --> 1011 <svg 1012 class="moon-icon" 1013 width="15" 1014 height="17"
1015 viewBox="0 0 15 17" 1016 fill="none" 1017 xmlns="http://www.w3.org/2000/svg" 1018 > 1019 <path 1020 d="M14.5663 12.6971C13.7348 13.9098 12.5486 14.8986 11.0843 15.5117C7.00825 17.2167 2.32721 15.2967 0.622188 11.2206C-1.08284 7.14453 0.836499 2.4635 4.9126 0.758472C6.37687 0.146033 7.91368 -0.00383098 9.36169 0.255214C6.4596 1.94326 5.18797 5.5724 6.51863 8.7539C7.84995 11.9355 11.3265 13.5781 14.5663 12.6971Z" 1021 fill="white" 1022 /> 1023 </svg> 1024 </div> 1025 <!-- user icon --> 1026 <a href="/login" title="login" id="loginIcon"> 1027 <svg 1028 width="16" 1029 height="19" 1030 viewBox="0 0 16 19" 1031 fill="none" 1032 xmlns="http://www.w3.org/2000/svg" 1033 > 1034 <path 1035 d="M8.0935 0.133789C5.79095 0.133789 3.91846 2.00631 3.91846 4.30883C4.14692 9.85016 12.0447 9.85016 12.2731 4.30883C12.2686 2.00628 10.3961 0.133789 8.0935 0.133789ZM8.0935 6.69647C6.77647 6.69647 5.71022 5.62581 5.71022 4.31319C5.84013 1.15054 10.3511 1.15054 10.4811 4.31319C10.4767 5.62574 9.41048 6.69647 8.0935 6.69647Z" 1036 fill="white" 1037 /> 1038 <path 1039 d="M0.630163 15.4012C0.468893 16.0641 0.616724 16.7495 1.0378 17.2871C1.45889 17.8247 2.09502 18.1338 2.78041 18.1338H13.4062C14.0916 18.1338 14.7277 17.8247 15.1488 17.2871C15.5699 16.7495 15.7177 16.0642 15.5565 15.4012C15.1533 13.7616 14.1991 12.2743 12.8686 11.2172C8.5323 7.73205 1.93362 10.0032 0.630163 15.4012ZM8.09331 11.3426C10.817 11.3426 13.1688 13.1883 13.8184 15.8268C13.8587 15.9971 13.787 16.118 13.7422 16.1763C13.6929 16.239 13.5899 16.3375 13.4062 16.3375H2.78045C2.60126 16.3375 2.49375 16.2345 2.44449 16.1763C2.39969 16.118 2.32801 15.9926 2.36833 15.8268C3.01788 13.1883 5.36966 11.3426 8.09331 11.3426Z" 1040 fill="white" 1041 /> 1042 </svg> 1043 </a> 1044 <!-- weather icon --> 1045 <div class="position-relative"> 1046 <a class="weather-hover" href="/weather-page" title="weather page"> 1047 <svg 1048 width="20" 1049 height="19"
1050 viewBox="0 0 20 19" 1051 fill="none" 1052 xmlns="http://www.w3.org/2000/svg" 1053 > 1054 <path 1055 d="M15.6572 14.1874C15.1511 14.1874 14.6392 14.1004 14.1457 13.9229C13.6888 13.758 13.4529 13.253 13.6178 12.7961C13.7827 12.3392 14.2877 12.1033 14.7446 12.2682C15.8256 12.6598 16.8803 12.2739 17.4459 11.7174C17.7413 11.4277 18.1914 10.8082 17.8891 9.91727C17.6394 9.18668 17.2032 8.72292 16.5527 8.49963C16.0798 8.33816 15.6641 8.37023 15.6607 8.37023C15.2083 8.41947 14.7938 8.11601 14.7034 7.67057C14.6289 7.30413 14.795 6.94112 15.0984 6.75104C15.3584 6.42697 16.0454 4.99786 15.7569 3.76004C15.5759 2.9848 15.0343 2.44658 14.0999 2.11565C13.225 1.80532 12.4956 1.81907 11.8681 2.15573C10.581 2.84738 10.1115 4.68414 10.1057 4.70246C10.0325 4.99676 9.81946 5.23723 9.53205 5.33226C9.24577 5.42616 8.9366 5.37349 8.70413 5.18111C8.57817 5.08492 7.59796 4.38641 6.56162 5.03454C5.4417 5.7342 5.63867 7.03619 5.63981 7.04994C5.68447 7.32591 5.59515 7.60645 5.39934 7.80685C5.20352 8.00725 4.92411 8.10114 4.647 8.06107C4.16263 7.99236 3.42172 8.07595 2.92589 8.54087C2.50906 8.9302 2.32927 9.53253 2.39112 10.3307C2.52968 12.1377 4.9894 12.2144 5.09361 12.2167C5.57913 12.2247 5.96506 12.6232 5.95817 13.1099C5.95015 13.5954 5.54708 13.9825 5.06383 13.9756C4.96077 13.9733 4.03437 13.9493 3.04728 13.5576C1.60214 12.9839 0.745588 11.8858 0.6368 10.4658C0.507401 8.77673 1.15553 7.78964 1.72351 7.25842C2.3018 6.71677 3.07589 6.38355 3.90266 6.29997C4.00458 5.47092 4.38589 4.32236 5.62835 3.54484C6.83301 2.7925 7.9804 2.95168 8.7671 3.24597C9.14268 2.40202 9.84123 1.25346 11.023 0.613339C12.0994 0.0304696 13.3315 -0.0210661 14.6862 0.458749C16.6008 1.13666 17.6291 2.57722 17.581 4.51594C17.557 5.49617 17.2547 6.35384 17.0565 6.81649C18.0184 7.13482 19.0456 7.8677 19.5517 9.35291C19.9938 10.6503 19.6663 12.0039 18.6757 12.9759C17.8719 13.7638 16.7772 14.1874 15.6572 14.1874Z" 1056 fill="white" 1057 /> 1058 <path 1059 d="M8.56437 18.3774C8.43955 18.3774 8.31359 18.3511 8.19336 18.295C7.75249 18.09 7.56241 17.5667 7.76738 17.1269L9.32931 13.7739L8.24375 14.1541C7.89449 14.2755 7.5063 14.1667 7.27269 13.8804C7.03909 13.5941 7.00817 13.1922 7.19597 12.875C7.20284 12.8635 7.85441 11.7642 8.51057 10.6798C8.89761 10.0397 9.21023 9.52894 9.44155 9.1625C9.58355 8.93577 9.69348 8.76514 9.77592 8.64263C9.93051 8.41361 10.1641 8.06665 10.6497 8.06665C11.1352 8.06665 11.5291 8.46058 11.5291 8.9461C11.5291 9.18657 11.4329 9.40415 11.276 9.56333C11.1134 9.7912 10.5867 10.6443 9.95343 11.6909L10.7149 11.4241C11.0482 11.3073 11.4203 11.4024 11.6574 11.6635C11.8944 11.9257 11.9517 12.3047 11.8028 12.6253L9.35912 17.8677C9.21369 18.1895 8.89645 18.3774 8.56437 18.3774Z" 1060 fill="white" 1061 /> 1062 </svg> 1063 </a> 1064 <a href="https://forecast7.com/ar/23d8945d08/saudi-arabia" title="saudi arabia weather" rel="nofollow" class="weather-card" id="weatherCard"> 1065 <div class="weather-current" id="currentWeather"> 1066 <h2>--°C</h2> 1067 <p>تØÙ ÙÙ...</p> 1068 <img src="http://openweathermap.org/img/wn/[email protected]" alt="icon" id="currentIcon"> 1069 </div> 1070 <div class="weather-forecast" id="forecast"> 1071 </div> 1072 </a> 1073 1074 </div> 1075 <!-- camera icon --> 1076 <a href="/add-article" title="add article"> 1077 <svg 1078 width="20" 1079 height="19"
1080 viewBox="0 0 20 19" 1081 fill="none" 1082 xmlns="http://www.w3.org/2000/svg" 1083 > 1084 <path 1085 d="M16.2187 0.754671H10.6325C9.37293 0.753459 8.197 1.38262 7.49863 2.43004L6.14208 4.47881H2.91729C1.71712 4.47881 0.744873 5.45106 0.744873 6.65122V15.9616C0.744873 17.1617 1.71712 18.134 2.91729 18.134H17.8138C19.014 18.134 19.9863 17.1617 19.9863 15.9616V4.52257C19.985 2.44229 18.2988 0.755912 16.2184 0.754671H16.2187ZM18.1244 15.9616C18.1244 16.044 18.0917 16.1228 18.0335 16.181C17.9753 16.2392 17.8965 16.2719 17.8141 16.2719H2.9175C2.74657 16.2719 2.60716 16.1325 2.60716 15.9616V6.65122C2.60716 6.48029 2.74657 6.34088 2.9175 6.34088H6.30957C6.82844 6.34088 7.31335 6.08145 7.60067 5.64865L9.05662 3.47624C9.40697 2.94161 10.0022 2.61916 10.6423 2.61674H16.2285C17.2771 2.62159 18.1245 3.47382 18.1245 4.52244L18.1244 15.9616Z" 1086 fill="white" 1087 /> 1088 <path 1089 d="M12.2276 6.34003C10.7207 6.34003 9.36298 7.24682 8.78713 8.6385C8.21008 10.0302 8.52892 11.6328 9.59452 12.6972C10.6589 13.7628 12.2616 14.0816 13.6532 13.5046C15.0449 12.9287 15.9517 11.571 15.9517 10.0641C15.9517 8.00686 14.2849 6.34003 12.2276 6.34003ZM12.2276 11.9262C11.4748 11.9262 10.7959 11.4729 10.5074 10.777C10.2188 10.0811 10.3789 9.27983 10.9111 8.74762C11.4432 8.21544 12.2446 8.0554 12.9404 8.34392C13.6363 8.63245 14.0897 9.31133 14.0897 10.0642C14.0897 11.0922 13.2556 11.9262 12.2276 11.9262Z" 1090 fill="white" 1091 /> 1092 <path 1093 d="M4.46917 0.133789H2.29676C1.78276 0.133789 1.36572 0.55083 1.36572 1.06482C1.36572 1.57882 1.78276 1.99586 2.29676 1.99586H4.46917C4.98316 1.99586 5.40021 1.57882 5.40021 1.06482C5.40021 0.55083 4.98316 0.133789 4.46917 0.133789Z" 1094 fill="white" 1095 /> 1096 </svg> 1097 </a> 1098 1099 <!-- pdf icon --> 1100 <a href="/digital" title="digital"> 1101 <svg 1102 width="20" 1103 height="19"
1104 viewBox="0 0 20 19" 1105 fill="none" 1106 xmlns="http://www.w3.org/2000/svg" 1107 > 1108 <g clip-path="url(#clip0_1861_7478)"> 1109 <path 1110 d="M2.38706 17.7901C2.08205 17.7901 1.7977 17.6868 1.56467 17.4901C1.12212 17.1174 0.922591 16.6321 1.00383 16.1218C1.06583 15.7299 1.25254 14.5498 5.29892 12.8694C6.69427 10.5362 8.01485 7.6528 8.73748 5.36888C7.63075 3.63502 7.28939 2.38933 7.69274 1.56764C7.8652 1.2163 8.24932 0.785151 9.09735 0.724582C9.1394 0.721732 9.18002 0.720306 9.21993 0.720306C9.67602 0.720306 10.0708 0.913433 10.3317 1.26335C10.6559 1.69877 10.993 2.57318 10.2718 5.14011C11.4918 6.90391 13.3396 8.92074 15.0122 10.3125C15.5367 10.2584 16.0156 10.2313 16.4403 10.2313C17.753 10.2313 18.5555 10.4822 18.966 11.0202C19.2211 11.3551 19.2952 11.7841 19.1734 12.2267C18.9845 12.9137 18.4536 13.3242 17.7524 13.3242C16.972 13.3242 15.9088 12.8032 14.5911 11.7763C12.1083 12.1041 8.83232 12.9764 6.25887 13.9969C3.9122 17.7903 2.76689 17.7901 2.38706 17.7901ZM2.39134 16.3349C2.39632 16.3428 2.40701 16.3577 2.42768 16.3784C2.60655 16.3285 3.03771 16.0363 3.71471 15.199C2.72343 15.784 2.41414 16.1902 2.39134 16.3349ZM9.73731 6.79058C9.12872 8.47741 8.27853 10.366 7.34648 12.1018C9.25075 11.4541 11.3444 10.906 13.1859 10.5761C11.9673 9.44726 10.7301 8.08966 9.73749 6.79053L9.73731 6.79058ZM16.945 11.6536C17.3148 11.841 17.5849 11.9201 17.7517 11.9201C17.7717 11.9201 17.7866 11.9187 17.7959 11.9173C17.8016 11.9052 17.8094 11.8859 17.818 11.8553C17.8187 11.8538 17.8187 11.8524 17.8187 11.8517C17.7439 11.8047 17.5123 11.6956 16.945 11.6536ZM9.21718 2.12496C9.21077 2.12496 9.20436 2.12567 9.19723 2.12567C9.0091 2.13921 8.95565 2.18411 8.95494 2.18482C8.90861 2.25181 8.88723 2.60457 9.23215 3.36852C9.35828 2.52618 9.25495 2.20762 9.21718 2.12496Z" 1111 fill="white" 1112 /> 1113 </g> 1114 <defs> 1115 <clipPath id="clip0_1861_7478"> 1116 <rect 1117 width="18.2436" 1118 height="18.2436" 1119 fill="white" 1120 transform="translate(0.986084 0.133789)" 1121 /> 1122 </clipPath> 1123 </defs> 1124 </svg> 1125 </a> 1126 1127 <a href="/search" > 1128 <!--<input--> 1129 <!-- type="text"--> 1130 <!-- id="searchInput"--> 1131 <!-- class="search-input hidden"--> 1132 <!-- placeholder="ابØØ«..."--> 1133 <!--/>--> 1134 <svg 1135 id="search-table" 1136 class="cursor-pointer d-none" 1137 width="20" 1138 height="20"
1139 viewBox="0 0 20 20" 1140 fill="none" 1141 xmlns="http://www.w3.org/2000/svg" 1142 > 1143 <path 1144 d="M3.31641 3.318C4.81095 1.82346 6.79841 1 8.91241 1C11.0264 1 13.014 1.82344 14.5084 3.318C17.4038 6.2126 17.5826 10.811 15.0459 13.9164L18.7639 17.6344C19.0764 17.9469 19.0764 18.4532 18.7639 18.7656C18.6077 18.9219 18.403 19 18.1983 19C17.9936 19 17.7889 18.9219 17.6327 18.7656L13.9147 15.0476C12.5061 16.2008 10.7577 16.8281 8.91227 16.8281C6.79827 16.8281 4.81067 16.0047 3.31627 14.5101C0.230272 11.4249 0.230412 6.404 3.31641 3.318ZM4.44765 13.379C5.64061 14.572 7.22585 15.2282 8.91245 15.2282C10.5991 15.2282 12.1843 14.5712 13.3773 13.379C15.8391 10.9172 15.8391 6.911 13.3773 4.4494C12.1843 3.25722 10.5991 2.60018 8.91245 2.60018C7.22585 2.60018 5.64065 3.25722 4.44765 4.4494C1.98585 6.9118 1.98585 10.9174 4.44765 13.379Z" 1145 fill="#2F4959" 1146 /> 1147 </svg> 1148 </a> 1149 </div> 1150 </div> 1151 </div> 1152 <div class="header-center-container"> 1153 <div class="container d-flex align-items-center justify-content-between block768"> 1154 1155 <a href="/"> 1156 <img class="main-logo" src="https://www.okaz.com.sa/okaz/uploads/global_files/main-logo.png" alt="Main Logo" title="Main Logo" width="265" height="69" /> 1157 <img class="main-logo white" src="https://www.okaz.com.sa/okaz/uploads/global_files/white-logo.png" alt="White Logo" title="White Logo" width="265" height="69" /> 1158 </a> 1159 1160 <div class="ad-top"> 1161 <div id='div-gpt-ad-top'> 1162
1162<script> 1163 googletag.cmd.push(function() { googletag.display('div-gpt-ad-top'); }); 1164 </script>
1164 1165 </div> 1166 </div> 1167 1168 <div class="d-flex d-md-none align-items-center justify-content-center gap-2"> 1169 1170 <div class="dark-mode-switch"> 1171 <!-- sun icon --> 1172 <svg 1173 width="19" 1174 height="19" 1175 viewBox="0 0 19 19" 1176 fill="none" 1177 xmlns="http://www.w3.org/2000/svg" 1178 > 1179 <path 1180 fill-rule="evenodd" 1181 clip-rule="evenodd" 1182 d="M10.2075 17.4927V15.4982C10.2075 15.1443 9.9203 14.857 9.56641 14.857C9.21251 14.857 8.92529 15.1443 8.92529 15.4982V17.4927C8.92529 17.8466 9.21251 18.1338 9.56641 18.1338C9.9203 18.1338 10.2075 17.8466 10.2075 17.4927ZM13.6138 14.0877L15.0236 15.4975C15.2743 15.7482 15.6801 15.7482 15.9308 15.4975C16.1808 15.2475 16.1808 14.841 15.9308 14.591L14.5203 13.1805C14.2703 12.9305 13.8638 12.9305 13.6138 13.1805C13.3631 13.4312 13.3631 13.837 13.6138 14.0877ZM4.10922 15.4975L5.51968 14.0877C5.76971 13.837 5.76971 13.4312 5.51968 13.1805C5.26964 12.9305 4.86317 12.9305 4.61314 13.1805L3.20268 14.591C2.95264 14.841 2.95264 15.2475 3.20268 15.4975C3.45271 15.7482 3.85918 15.7482 4.10922 15.4975ZM9.54974 4.67033C7.05323 4.67033 5.02602 6.69754 5.02602 9.19469C5.02602 11.6912 7.05323 13.7184 9.54974 13.7184C12.0469 13.7184 14.0741 11.6912 14.0741 9.19469C14.0741 6.69754 12.0469 4.67033 9.54974 4.67033ZM15.9308 9.77491H17.9253C18.2792 9.77491 18.5664 9.48769 18.5664 9.13379C18.5664 8.77989 18.2792 8.49267 17.9253 8.49267H15.9308C15.5769 8.49267 15.2897 8.77989 15.2897 9.13379C15.2897 9.48769 15.5769 9.77491 15.9308 9.77491ZM1.20752 9.77491H3.20204C3.55593 9.77491 3.84315 9.48769 3.84315 9.13379C3.84315 8.77989 3.55593 8.49267 3.20204 8.49267H1.20752C0.853627 8.49267 0.566406 8.77989 0.566406 9.13379C0.566406 9.48769 0.853627 9.77491 1.20752 9.77491ZM3.20268 3.6766L4.61314 5.08706C4.86317 5.33709 5.26964 5.33709 5.51968 5.08706C5.76971 4.83638 5.76971 4.43055 5.51968 4.17988L4.10922 2.77006C3.85918 2.51939 3.45271 2.51939 3.20268 2.77006C2.95264 3.0201 2.95264 3.42657 3.20268 3.6766ZM14.5203 5.08706L15.9308 3.6766C16.1808 3.42657 16.1808 3.0201 15.9308 2.77006C15.6801 2.51939 15.2743 2.51939 15.0236 2.77006L13.6138 4.17988C13.3631 4.43055 13.3631 4.83638 13.6138 5.08706C13.8638 5.33709 14.2703 5.33709 14.5203 5.08706ZM10.2075 2.76942V0.774906C10.2075 0.421009 9.9203 0.133789 9.56641 0.133789C9.21251 0.133789 8.92529 0.421009 8.92529 0.774906V2.76942C8.92529 3.12332 9.21251 3.41054 9.56641 3.41054C9.9203 3.41054 10.2075 3.12332 10.2075 2.76942Z" 1183 fill="#2F4959" 1184 /> 1185 </svg> 1186 <!-- toggle icon --> 1187 <div class="toggleWrapper"> 1188 <input 1189 type="checkbox" 1190 name="pay_with_wallet" 1191 value="1" 1192 class="mobileToggle" 1193 id="dark-mode-toggle-mobile" 1194 checked 1195 /> 1196 <label for="dark-mode-toggle-mobile"></label> 1197 </div> 1198 <!-- moon icon --> 1199 <svg 1200 class="moon-icon" 1201 width="15" 1202 height="17"
1203 viewBox="0 0 15 17" 1204 fill="none" 1205 xmlns="http://www.w3.org/2000/svg" 1206 > 1207 <path 1208 d="M14.5663 12.6971C13.7348 13.9098 12.5486 14.8986 11.0843 15.5117C7.00825 17.2167 2.32721 15.2967 0.622188 11.2206C-1.08284 7.14453 0.836499 2.4635 4.9126 0.758472C6.37687 0.146033 7.91368 -0.00383098 9.36169 0.255214C6.4596 1.94326 5.18797 5.5724 6.51863 8.7539C7.84995 11.9355 11.3265 13.5781 14.5663 12.6971Z" 1209 fill="white" 1210 /> 1211 </svg> 1212 </div> 1213 1214 <a href="/search"> 1215 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1216 <path d="M14.7761 2.53143C11.4002 -0.84381 5.90793 -0.84381 2.53187 2.53143C-0.843958 5.90733 -0.843958 11.3998 2.53187 14.775C5.42525 17.6684 9.87221 18.0789 13.2092 16.0129L16.6154 19.4192C17.3898 20.1936 18.645 20.1936 19.4193 19.4192C20.1936 18.6449 20.1936 17.3897 19.4193 16.6154L16.013 13.209C18.079 9.87111 17.6684 5.42405 14.7751 2.5315L14.7761 2.53143ZM12.4314 12.4302C10.3489 14.5128 6.96083 14.5128 4.87836 12.4302C2.79586 10.3477 2.79586 6.9596 4.87836 4.87707C6.96086 2.79453 10.3489 2.79453 12.4314 4.87707C14.5139 6.95962 14.5139 10.3477 12.4314 12.4302Z" fill="#2F4959"/> 1217 </svg> 1218 </a> 1219 1220 <div id="menu-button"> 1221 <svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1222 <path d="M1.67442 0.511719C0.749665 0.511719 0 1.26135 0 2.18614C0 3.11086 0.749665 3.86056 1.67442 3.86056H22.3256C23.2503 3.86056 24 3.11086 24 2.18614C24 1.26135 23.2503 0.511719 22.3256 0.511719H1.67442ZM1.67442 8.32567C0.749665 8.32567 0 9.0753 0 10.0001C0 10.9248 0.749665 11.6745 1.67442 11.6745H22.3256C23.2503 11.6745 24 10.9248 24 10.0001C24 9.0753 23.2503 8.32567 22.3256 8.32567H1.67442ZM1.67442 16.1396C0.749665 16.1396 0 16.8893 0 17.814C0 18.7388 0.749665 19.4885 1.67442 19.4885H22.3256C23.2503 19.4885 24 18.7388 24 17.814C24 16.8893 23.2503 16.1396 22.3256 16.1396H1.67442Z" fill="#2F4959"/> 1223 </svg> 1224 </div> 1225 1226 <!-- Sidebar --> 1227 <div id="sidebar"> 1228 <div class="position-relative"> 1229 1230 <!--user menu--> 1231 <div class="user-menu mobile"> 1232 <div class="trigger"> 1233 <div class="avatar"></div> 1234 <div class="name"></div> 1235 <div class="arrow">â</div> 1236 </div> 1237 1238 <div class="dropdown" id="menuDropdown"> 1239 <a href="/dashboard" class="item"> 1240 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1241 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1242 d="M3 12l9-9 9 9M4 10v10a1 1 0 001 1h14a1 1 0 001-1V10" /> 1243 </svg> 1244 ÙÙØØ© اÙÙÙادة 1245 </a> 1246 <a href="/logout" class="item"> 1247 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1248 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1249 d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1m0-10V5" /> 1250 </svg> 1251 خرÙج 1252 </a> 1253 </div> 1254 </div> 1255 <div class="sidebar-content"> 1256 <div class="close-btn" id="close-button"> 1257 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1258 <path d="M18 6L6 18" stroke="black" stroke-width="2" stroke-linecap="round"/> 1259 <path d="M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round"/> 1260 </svg> 1261 </div> 1262 <!-- Sidebar content goes here --> 1263 <div class="link forDropdown"> 1264 1265 <a title="اÙرئÙسÙØ©" href="https://www.okaz.com.sa/"> 1266 اÙرئÙسÙØ© 1267 </a> 1268 1269 1270</div> 1271<div class="link forDropdown"> 1272 1273 <a title="Ù ØÙÙات" href="https://www.okaz.com.sa/local"> 1274 Ù ØÙÙات 1275 </a> 1276 1277 1278</div> 1279<div class="link forDropdown"> 1280 1281 <a title="سÙاسة" href="https://www.okaz.com.sa/politics"> 1282 سÙاسة 1283 </a> 1284 1285 1286</div> 1287<div class="link forDropdown"> 1288 1289 <a title="اÙتصاد" href="https://www.okaz.com.sa/economy"> 1290 اÙتصاد 1291 </a> 1292 1293 1294</div> 1295<div class="link forDropdown"> 1296 1297 <a title="ÙÙدÙÙ" href="https://www.okaz.com.sa/video"> 1298 ÙÙدÙÙ 1299 </a> 1300 1301 1302</div> 1303<div class="link forDropdown"> 1304 1305 <a title="رÙاضة" href="https://www.okaz.com.sa/sport"> 1306 رÙاضة 1307 </a> 1308 1309 1310</div> 1311<div class="link forDropdown"> 1312 1313 <a title="بÙدÙاست" href="https://www.okaz.com.sa/podcast"> 1314 بÙدÙاست 1315 </a> 1316 1317 1318</div> 1319<div class="link forDropdown"> 1320 1321 <a title="Ø«ÙاÙØ© ÙÙÙ" href="https://www.okaz.com.sa/culture"> 1322 Ø«ÙاÙØ© ÙÙÙ 1323 </a> 1324 1325 1326</div> 1327<div class="link forDropdown"> 1328 1329 <a title="Ù ÙÙعات" href="https://www.okaz.com.sa/variety"> 1330 Ù ÙÙعات 1331 </a> 1332 1333 1334</div> 1335<div class="link forDropdown"> 1336 1337 <a title="Ù ÙاÙات" href="https://www.okaz.com.sa/articles"> 1338 Ù ÙاÙات 1339 </a> 1340 1341 1342</div> 1343<div class="link forDropdown"> 1344 1345 <a title="Ù ÙتÙÙ ÙدÙا" href="https://www.okaz.com.sa/multimedia"> 1346 Ù ÙتÙÙ ÙدÙا 1347 </a> 1348 1349 1350</div> 1351<div class="link forDropdown"> 1352 1353 <a title="٠باشر" href="https://www.okaz.com.sa/live"> 1354 ٠باشر 1355 </a> 1356 1357 1358</div> 1359<div class="link forDropdown"> 1360 1361 <a title="اÙ٠زÙد" href=""> 1362 اÙ٠زÙد
1363 <span class="arrow-down"> 1364 1365 <svg 1366 width="10" 1367 height="8" 1368 viewBox="0 0 13 8" 1369 fill="none" 1370 xmlns="http://www.w3.org/2000/svg" 1371 > 1372 <path 1373 d="M1 1L6.5 6.5L12 1" 1374 stroke="currentColor" 1375 stroke-width="1.25" 1376 stroke-linecap="round" 1377 /> 1378 </svg> 1379 1380</span> 1381 </a> 1382 1383 <div class="drop-down"> 1384 1385 <a 1386 1387 key="532" 1388 class="sub-link" 1389 href="https://www.okaz.com.sa/esports" 1390 > 1391 1392 اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ© 1393 1394</a> 1395<a 1396 1397 key="534" 1398 class="sub-link" 1399 href="https://www.okaz.com.sa/saudi-women" 1400 > 1401 1402 سعÙدÙات 1403 1404</a> 1405<a 1406 1407 key="530" 1408 class="sub-link" 1409 href="https://www.okaz.com.sa/fashion" 1410 > 1411 1412 ازÙاء 1413 1414</a> 1415<a 1416 1417 key="531" 1418 class="sub-link" 1419 href="https://www.okaz.com.sa/tourism" 1420 > 1421 1422 سÙاØØ© 1423 1424</a> 1425<a 1426 1427 key="535" 1428 class="sub-link" 1429 href="https://www.okaz.com.sa/people-situations" 1430 > 1431 1432 اÙÙاس 1433 1434</a> 1435<a 1436 1437 key="527" 1438 class="sub-link" 1439 href="https://www.okaz.com.sa/investigation" 1440 > 1441 1442 تØÙÙÙات 1443 1444</a> 1445<a 1446 1447 key="529" 1448 class="sub-link" 1449 href="https://www.okaz.com.sa/technology" 1450 > 1451 1452 تÙÙÙÙÙجÙا 1453 1454</a> 1455<a 1456 1457 key="537" 1458 class="sub-link" 1459 href="https://www.okaz.com.sa/citizen-voice" 1460 > 1461 1462 صÙت اÙÙ Ùاط٠1463 1464</a> 1465<a 1466 1467 key="533" 1468 class="sub-link" 1469 href="https://www.okaz.com.sa/special-zones" 1470 > 1471 1472 زÙاÙا ٠تخصصة 1473 1474</a> 1475<a 1476 1477 key="528" 1478 class="sub-link" 1479 href="https://www.okaz.com.sa/information-center" 1480 > 1481 1482 ٠رÙز اÙ٠عÙÙ٠ات 1483 1484</a> 1485 1486</div> 1487 1488</div> 1489 </div> 1490 </div> 1491 </div> 1492 <div id="sidebar-bg"></div> 1493 </div> 1494 1495 <div class="user-menu desktop"> 1496 <div class="trigger"> 1497 <div class="avatar"></div> 1498 <div class="name"></div> 1499 <div class="arrow">â</div> 1500 </div> 1501 1502 <div class="dropdown" id="menuDropdown"> 1503 <a href="/dashboard" class="item"> 1504 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1505 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1506 d="M3 12l9-9 9 9M4 10v10a1 1 0 001 1h14a1 1 0 001-1V10" /> 1507 </svg> 1508 ÙÙØØ© اÙÙÙادة 1509 </a> 1510 <a href="/logout" class="item"> 1511 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1512 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 1513 d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1m0-10V5" /> 1514 </svg> 1515 خرÙج 1516 </a> 1517 </div> 1518 </div> 1519 </div> 1520 </div> 1521 <div class="header-menu-container"> 1522 <div class="header-menu container"> 1523 <div class="right"> 1524 <div class="scroll-menu-logo"> 1525 <a href="/"> 1526 <img class="main-logo" src="https://www.okaz.com.sa/okaz/uploads/global_files/main-logo.png" alt="Main Logo" title="Main Logo" /> 1527 <img class="main-logo white" src="https://www.okaz.com.sa/okaz/uploads/global_files/white-logo.png" alt="White Logo" title="White Logo" /> 1528 </a> 1529 </div> 1530 <div class="link"> 1531 1532 <a title="اÙرئÙسÙØ©" href="https://www.okaz.com.sa/" data-color=""> 1533 اÙرئÙسÙØ© 1534 </a> 1535 1536 1537 1538</div> 1539<div class="link"> 1540 1541 <a title="Ù ØÙÙات" href="https://www.okaz.com.sa/local" data-color="#00a6a2"> 1542 Ù ØÙÙات 1543 </a> 1544 1545 1546 1547</div> 1548<div class="link"> 1549 1550 <a title="سÙاسة" href="https://www.okaz.com.sa/politics" data-color="#a62239"> 1551 سÙاسة 1552 </a> 1553 1554 1555 1556</div> 1557<div class="link"> 1558 1559 <a title="اÙتصاد" href="https://www.okaz.com.sa/economy" data-color="#40d1f2"> 1560 اÙتصاد 1561 </a> 1562 1563 1564 1565</div> 1566<div class="link"> 1567 1568 <a title="ÙÙدÙÙ" href="https://www.okaz.com.sa/video" data-color="#ffc505"> 1569 ÙÙدÙÙ 1570 </a> 1571 1572 1573 1574</div> 1575<div class="link"> 1576 1577 <a title="رÙاضة" href="https://www.okaz.com.sa/sport" data-color="#11e944"> 1578 رÙاضة 1579 </a> 1580 1581 1582 1583</div> 1584<div class="link"> 1585 1586 <a title="بÙدÙاست" href="https://www.okaz.com.sa/podcast" data-color="#ffc505"> 1587 بÙدÙاست 1588 </a> 1589 1590 1591 1592</div> 1593<div class="link"> 1594 1595 <a title="Ø«ÙاÙØ© ÙÙÙ" href="https://www.okaz.com.sa/culture" data-color="#b156db"> 1596 Ø«ÙاÙØ© ÙÙÙ 1597 </a> 1598 1599 1600 1601</div> 1602<div class="link"> 1603 1604 <a title="Ù ÙÙعات" href="https://www.okaz.com.sa/variety" data-color="#ff896b"> 1605 Ù ÙÙعات 1606 </a> 1607 1608 1609 1610</div> 1611<div class="link"> 1612 1613 <a title="Ù ÙاÙات" href="https://www.okaz.com.sa/articles" data-color="#b07564"> 1614 Ù ÙاÙات 1615 </a> 1616 1617 1618 1619</div> 1620<div class="link"> 1621 1622 <a title="Ù ÙتÙÙ ÙدÙا" href="https://www.okaz.com.sa/multimedia" data-color="#ffc505"> 1623 Ù ÙتÙÙ ÙدÙا 1624 </a> 1625 1626 1627 1628</div> 1629<div class="link"> 1630 1631 <a title="٠باشر" href="https://www.okaz.com.sa/live" data-color=""> 1632 ٠باشر 1633 </a> 1634 1635 1636 1637</div> 1638<div class="link"> 1639 1640 <a title="اÙ٠زÙد" href="" data-color=""> 1641 اÙ٠زÙد
1642 <span class="arrow-down"> 1643 1644 <svg 1645 width="10" 1646 height="8" 1647 viewBox="0 0 13 8" 1648 fill="none" 1649 xmlns="http://www.w3.org/2000/svg" 1650 > 1651 <path 1652 d="M1 1L6.5 6.5L12 1" 1653 stroke="currentColor" 1654 stroke-width="1.25" 1655 stroke-linecap="round" 1656 /> 1657 </svg> 1658 1659</span> 1660 </a> 1661 1662 1663 1664 <div class="link d-flex d-md-none" > 1665 1666 <a title="اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ©" 1667 key="532" 1668 class="sub-link" 1669 href="https://www.okaz.com.sa/esports" 1670 data-color="#1F51FF" 1671 > 1672 اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ© 1673 </a> 1674 1675</div> 1676<div class="link d-flex d-md-none" > 1677 1678 <a title="سعÙدÙات" 1679 key="534" 1680 class="sub-link" 1681 href="https://www.okaz.com.sa/saudi-women" 1682 data-color="#bababa" 1683 > 1684 سعÙدÙات 1685 </a> 1686 1687</div> 1688<div class="link d-flex d-md-none" > 1689 1690 <a title="ازÙاء" 1691 key="530" 1692 class="sub-link" 1693 href="https://www.okaz.com.sa/fashion" 1694 data-color="#FF00FF" 1695 > 1696 ازÙاء 1697 </a> 1698 1699</div> 1700<div class="link d-flex d-md-none" > 1701 1702 <a title="سÙاØØ©" 1703 key="531" 1704 class="sub-link" 1705 href="https://www.okaz.com.sa/tourism" 1706 data-color="#ff896b" 1707 > 1708 سÙاØØ© 1709 </a> 1710 1711</div> 1712<div class="link d-flex d-md-none" > 1713 1714 <a title="اÙÙاس" 1715 key="535" 1716 class="sub-link" 1717 href="https://www.okaz.com.sa/people-situations" 1718 data-color="#959595" 1719 > 1720 اÙÙاس 1721 </a> 1722 1723</div> 1724<div class="link d-flex d-md-none" > 1725 1726 <a title="تØÙÙÙات" 1727 key="527" 1728 class="sub-link" 1729 href="https://www.okaz.com.sa/investigation" 1730 data-color="#ff896b" 1731 > 1732 تØÙÙÙات 1733 </a> 1734 1735</div> 1736<div class="link d-flex d-md-none" > 1737 1738 <a title="تÙÙÙÙÙجÙا" 1739 key="529" 1740 class="sub-link" 1741 href="https://www.okaz.com.sa/technology" 1742 data-color="#ff896b" 1743 > 1744 تÙÙÙÙÙجÙا 1745 </a> 1746 1747</div> 1748<div class="link d-flex d-md-none" > 1749 1750 <a title="صÙت اÙÙ ÙاطÙ" 1751 key="537" 1752 class="sub-link" 1753 href="https://www.okaz.com.sa/citizen-voice" 1754 data-color="#ff896b" 1755 > 1756 صÙت اÙÙ Ùاط٠1757 </a> 1758 1759</div> 1760<div class="link d-flex d-md-none" > 1761 1762 <a title="زÙاÙا ٠تخصصة" 1763 key="533" 1764 class="sub-link" 1765 href="https://www.okaz.com.sa/special-zones" 1766 data-color="#2d0070" 1767 > 1768 زÙاÙا ٠تخصصة 1769 </a> 1770 1771</div> 1772<div class="link d-flex d-md-none" > 1773 1774 <a title="٠رÙز اÙ٠عÙÙ٠ات" 1775 key="528" 1776 class="sub-link" 1777 href="https://www.okaz.com.sa/information-center" 1778 data-color="#d8ea32" 1779 > 1780 ٠رÙز اÙ٠عÙÙ٠ات 1781 </a> 1782 1783</div> 1784 1785 1786 1787 <div class="drop-down" > 1788 1789 <a 1790 1791 key="532" 1792 class="sub-link" 1793 href="https://www.okaz.com.sa/esports" 1794 > 1795 1796 اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ© 1797 1798</a> 1799<a 1800 1801 key="534" 1802 class="sub-link" 1803 href="https://www.okaz.com.sa/saudi-women" 1804 > 1805 1806 سعÙدÙات 1807 1808</a> 1809<a 1810 1811 key="530" 1812 class="sub-link" 1813 href="https://www.okaz.com.sa/fashion" 1814 > 1815 1816 ازÙاء 1817 1818</a> 1819<a 1820 1821 key="531" 1822 class="sub-link" 1823 href="https://www.okaz.com.sa/tourism" 1824 > 1825 1826 سÙاØØ© 1827 1828</a> 1829<a 1830 1831 key="535" 1832 class="sub-link" 1833 href="https://www.okaz.com.sa/people-situations" 1834 > 1835 1836 اÙÙاس 1837 1838</a> 1839<a 1840 1841 key="527" 1842 class="sub-link" 1843 href="https://www.okaz.com.sa/investigation" 1844 > 1845 1846 تØÙÙÙات 1847 1848</a> 1849<a 1850 1851 key="529" 1852 class="sub-link" 1853 href="https://www.okaz.com.sa/technology" 1854 > 1855 1856 تÙÙÙÙÙجÙا 1857 1858</a> 1859<a 1860 1861 key="537" 1862 class="sub-link" 1863 href="https://www.okaz.com.sa/citizen-voice" 1864 > 1865 1866 صÙت اÙÙ Ùاط٠1867 1868</a> 1869<a 1870 1871 key="533" 1872 class="sub-link" 1873 href="https://www.okaz.com.sa/special-zones" 1874 > 1875 1876 زÙاÙا ٠تخصصة 1877 1878</a> 1879<a 1880 1881 key="528" 1882 class="sub-link" 1883 href="https://www.okaz.com.sa/information-center" 1884 > 1885 1886 ٠رÙز اÙ٠عÙÙ٠ات 1887 1888</a> 1889 1890</div> 1891 1892</div> 1893 </div> 1894 <div class="left"> 1895 <a class="discover-today" href="/digital" title="Latest News" aria-label="Latest News">
1896 <span>تصÙØ Ø¹Ø¯Ø¯ اÙÙÙÙ </span> 1897 <svg 1898 width="23" 1899 height="18" 1900 viewBox="0 0 23 18" 1901 fill="none" 1902 xmlns="http://www.w3.org/2000/svg" 1903 > 1904 <path 1905 d="M9.16288 7.05587H13.5488C14.2394 7.05409 14.7995 6.49486 14.8004 5.80339V4.29882C14.7995 3.60821 14.2394 3.04811 13.5488 3.04723H9.16288C8.47139 3.04811 7.91217 3.60824 7.9104 4.29882V5.80339C7.91218 6.49488 8.47141 7.0541 9.16288 7.05587ZM9.04482 4.29877C9.04571 4.23575 9.09719 4.18426 9.16021 4.18338H13.5462C13.6101 4.18338 13.6624 4.23486 13.6624 4.29877V5.80335C13.6624 5.86726 13.6101 5.91963 13.5462 5.91963H9.16294C9.09903 5.91785 9.04843 5.86726 9.04666 5.80335L9.04482 4.29877Z" 1906 fill="#2F4959" 1907 /> 1908 <path 1909 d="M11.3215 11.046H9.22128C8.49607 11.046 7.90845 11.6336 7.90845 12.3597V13.7498C7.90845 14.4759 8.49607 15.0635 9.22128 15.0635H11.3215C11.6694 15.0635 12.0041 14.925 12.2499 14.6792C12.4967 14.4324 12.6352 14.0986 12.6352 13.7498V12.3659C12.637 12.0171 12.4994 11.6807 12.2526 11.433C12.0058 11.1854 11.6712 11.046 11.3215 11.046ZM11.499 13.7497C11.499 13.8482 11.4191 13.9272 11.3215 13.9272H9.22128C9.12364 13.9272 9.04464 13.8482 9.04464 13.7497V12.3659C9.04464 12.2682 9.12364 12.1892 9.22128 12.1892H11.3215C11.3685 12.1892 11.4138 12.2079 11.4466 12.2407C11.4804 12.2744 11.499 12.3188 11.499 12.3659V13.7497Z" 1910 fill="#2F4959" 1911 /> 1912 <path 1913 d="M18.8137 8.54637H8.47703C8.16281 8.54637 7.90894 8.80113 7.90894 9.11447C7.90894 9.42781 8.16281 9.68257 8.47703 9.68257H18.8137C19.1279 9.68257 19.3818 9.42781 19.3818 9.11447C19.3818 8.80113 19.1279 8.54637 18.8137 8.54637Z" 1914 fill="#2F4959" 1915 /> 1916 <path 1917 d="M18.8135 11.1623H14.3823C14.069 11.1623 13.8142 11.4162 13.8142 11.7304C13.8142 12.0438 14.069 12.2985 14.3823 12.2985H18.8135C19.1277 12.2985 19.3816 12.0438 19.3816 11.7304C19.3816 11.4162 19.1277 11.1623 18.8135 11.1623Z" 1918 fill="#2F4959" 1919 /> 1920 <path 1921 d="M18.8135 13.7729H14.3823C14.069 13.7729 13.8142 14.0276 13.8142 14.341C13.8142 14.6543 14.069 14.9091 14.3823 14.9091H18.8135C19.1277 14.9091 19.3816 14.6543 19.3816 14.341C19.3816 14.0276 19.1277 13.7729 18.8135 13.7729Z" 1922 fill="#2F4959" 1923 /> 1924 <path 1925 d="M17.6659 0.59297C17.2869 0.212162 16.7703 -0.00176154 16.2324 1.09273e-05H6.7017C5.83269 0.000898525 5.12878 0.705703 5.127 1.57471V5.25145L1.16894 6.45777C0.304365 6.72408 -0.186495 7.63481 0.0664677 8.50293L2.44089 16.6002C2.68234 17.4088 3.41466 17.9734 4.25881 18H20.3137C21.3931 17.9982 22.2675 17.1248 22.2701 16.0454V6.04683C22.271 5.50891 22.0571 4.99231 21.6745 4.61327L17.6659 0.59297ZM20.3299 4.8653H17.9075C17.6296 4.8653 17.4051 4.64072 17.4051 4.3629V1.93871L20.3299 4.8653ZM4.31832 16.8656C3.95349 16.8656 3.63217 16.6233 3.53187 16.2726L1.15744 8.17814C1.07933 7.90918 1.23201 7.62601 1.50096 7.54434L5.1368 6.43744V16.0454C5.13857 16.2628 5.05247 16.4723 4.8989 16.6268C4.74534 16.7812 4.53579 16.8674 4.31832 16.8656ZM21.1341 16.0454C21.1332 16.4981 20.7666 16.8647 20.3139 16.8656H6.08661C6.20467 16.6082 6.26503 16.3286 6.26326 16.0454V1.57478C6.26326 1.33245 6.46031 1.13628 6.70176 1.13628H16.269V4.36285C16.2699 5.26738 17.0031 5.99968 17.9076 6.00145H21.1342V6.03785L21.1341 16.0454Z" 1926 fill="#2F4959" 1927 /> 1928 </svg> 1929 </a> 1930 <a href="/search" > 1931 <!--<input--> 1932 <!-- type="text"--> 1933 <!-- id="searchInput"--> 1934 <!-- class="search-input hidden"--> 1935 <!-- placeholder="ابØØ«..."--> 1936 <!--/>--> 1937 <svg 1938 id="openSearchToggle" 1939 class="cursor-pointer" 1940 width="20" 1941 height="20"
1942 viewBox="0 0 20 20" 1943 fill="none" 1944 xmlns="http://www.w3.org/2000/svg" 1945 > 1946 <path 1947 d="M3.31641 3.318C4.81095 1.82346 6.79841 1 8.91241 1C11.0264 1 13.014 1.82344 14.5084 3.318C17.4038 6.2126 17.5826 10.811 15.0459 13.9164L18.7639 17.6344C19.0764 17.9469 19.0764 18.4532 18.7639 18.7656C18.6077 18.9219 18.403 19 18.1983 19C17.9936 19 17.7889 18.9219 17.6327 18.7656L13.9147 15.0476C12.5061 16.2008 10.7577 16.8281 8.91227 16.8281C6.79827 16.8281 4.81067 16.0047 3.31627 14.5101C0.230272 11.4249 0.230412 6.404 3.31641 3.318ZM4.44765 13.379C5.64061 14.572 7.22585 15.2282 8.91245 15.2282C10.5991 15.2282 12.1843 14.5712 13.3773 13.379C15.8391 10.9172 15.8391 6.911 13.3773 4.4494C12.1843 3.25722 10.5991 2.60018 8.91245 2.60018C7.22585 2.60018 5.64065 3.25722 4.44765 4.4494C1.98585 6.9118 1.98585 10.9174 4.44765 13.379Z" 1948 fill="#2F4959" 1949 /> 1950 </svg> 1951 </a> 1952 </div> 1953 </div> 1954 </div> 1955 </div> 1956 1957 <div id="toast"></div> 1958 1959 <div class="container"> 1960 <div class="mobile-hidden-960 sideAd"> 1961 1962 <div class="adv-left"> 1963 <div id='skyscraper-left'> 1964
1964<script> 1965 googletag.cmd.push(function() { googletag.display('skyscraper-left'); }); 1966 </script>
1966 1967 </div> 1968 1969 </div> 1970 <div class="adv-right"> 1971 <div id='skyscraper-right'> 1972
1972<script> 1973 googletag.cmd.push(function() { googletag.display('skyscraper-right'); }); 1974 </script>
1974 1975 </div> 1976 </div> 1977 1978 </div> 1979 </div> 1980 1981
1981<script> 1982 document.addEventListener("DOMContentLoaded", function () { 1983 1984 // Map menu labels to their URL segment 1985 const menuMap = { 1986 "Ù ØÙÙات": "local", 1987 "سÙاسة": "politics", 1988 "اÙتصاد": "economy","ÙÙدÙÙ":"video","بÙدÙاست":"podcast", 1989 "رÙاضة": "sports","Ø«ÙاÙØ© ÙÙÙ":"culture","Ù ÙÙعات":"variety","Ù ÙاÙات":"articles", 1990 "Ù ÙتÙÙ ÙدÙا":"multimedia","اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ©":"esports","سعÙدÙات":"saudi-women", 1991 "ازÙاء":"fashion","سÙاØØ©":"tourism","اÙÙاس":"people-situations","تØÙÙÙات":"investigation", 1992 "تÙÙÙÙÙجÙا":"technology","صÙت اÙÙ ÙاطÙ":"citizen-voice","زÙاÙا ٠تخصصة":"special-zones","٠رÙز اÙ٠عÙÙ٠ات":"information-center" 1993 }; 1994 1995 const currentUrl = window.location.pathname; // e.g. /local/123 1996 const links = document.querySelectorAll('.header-menu .right .link > a'); 1997 1998 links.forEach(link => { 1999 const title = link.getAttribute('title'); // item.name 2000 const color = link.getAttribute('data-color'); 2001 const segment = menuMap[title]; // mapped segment 2002 2003 if (segment && currentUrl.includes("/" + segment)) { 2004 link.style.borderBottomColor = color; // auto highlight 2005 } 2006 2007 // Manual click highlight (your existing logic) 2008 link.addEventListener('click', function () { 2009 links.forEach(l => l.style.borderBottomColor = 'transparent'); 2010 this.style.borderBottomColor = color; 2011 }); 2012 }); 2013 }); 2014 2015 2016 2017 2018<!-- function renderHeaderCurrentDate(){--> 2019<!-- const now = new Date();--> 2020 2021<!-- const dayName = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { weekday: 'long' }).format(now);--> 2022 2023<!-- const hijriDate = new Date(now);--> 2024<!-- hijriDate.setDate(hijriDate.getDate() - 1);--> 2025 2026 2027<!-- const hijriFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-islamic', { day: 'numeric', month: 'long', year: 'numeric' });--> 2028<!-- const hijriParts = hijriFormatter.formatToParts(hijriDate);--> 2029<!-- const hijriDay = hijriParts.find(p => p.type === 'day').value;--> 2030<!-- const hijriMonth = hijriParts.find(p => p.type === 'month').value;--> 2031<!-- const hijriYear = hijriParts.find(p => p.type === 'year').value;--> 2032 2033<!-- const gregFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { day: 'numeric', month: 'long', year: 'numeric' });--> 2034<!-- const gregParts = gregFormatter.formatToParts(now);--> 2035<!-- const gregDay = gregParts.find(p => p.type === 'day').value;--> 2036<!-- const gregMonth = gregParts.find(p => p.type === 'month').value;--> 2037<!-- const gregYear = gregParts.find(p => p.type === 'year').value;--> 2038 2039<!-- const dateString = `${dayName}Ø ${hijriDay} ${hijriMonth} ${hijriYear} ÙÙ ${gregDay} ${gregMonth} ${gregYear} Ù `;--> 2040 2041<!-- document.getElementById("current-date").textContent = dateString;--> 2042<!--}--> 2043 2044function renderHeaderCurrentDate() { 2045 const now = new Date(); 2046 2047 const dayName = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { 2048 weekday: 'long' 2049 }).format(now); 2050 2051 const hijriFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-islamic-umalqura', { 2052 day: 'numeric', month: 'long', year: 'numeric' 2053 }); 2054 const hijriParts = hijriFormatter.formatToParts(now); 2055 const hijriDay = hijriParts.find(p => p.type === 'day')?.value ?? ''; 2056 const hijriMonth = hijriParts.find(p => p.type === 'month')?.value ?? ''; 2057 const hijriYear = hijriParts.find(p => p.type === 'year')?.value ?? ''; 2058 2059 const gregFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { 2060 day: 'numeric', month: 'long', year: 'numeric' 2061 }); 2062 const gregParts = gregFormatter.formatToParts(now); 2063 const gregDay = gregParts.find(p => p.type === 'day')?.value ?? ''; 2064 const gregMonth = gregParts.find(p => p.type === 'month')?.value ?? ''; 2065 const gregYear = gregParts.find(p => p.type === 'year')?.value ?? ''; 2066 2067 const dateString = `${dayName}Ø ${hijriDay} ${hijriMonth} ${hijriYear} ÙÙ ${gregDay} ${gregMonth} ${gregYear} Ù `; 2068 2069 const el = document.getElementById("current-date"); 2070 if (el) el.textContent = dateString; 2071} 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 function toggleLinkColor(dropdownElement){const linkWrapper=dropdownElement.closest(".link");if(!linkWrapper)return;const link=linkWrapper.querySelector("a");if(!link)return} 2083function getCookie(name){const matches=document.cookie.match(new RegExp("(?:^|; )"+name.replace(/([.$?*|{}()\\[\]\/+^])/g,"\\$1")+"=([^;]*)"));return matches?decodeURIComponent(matches[1]):undefined} 2084function loggedInUser(){const cookieValue=getCookie("subscriber_session_cookie");if(cookieValue){try{const data=JSON.parse(cookieValue);if(data?.subscriber?.username){loginIcon.classList.add("d-none");const username=data.subscriber.username;const initials=username.substring(0,2).toUpperCase();document.querySelectorAll(".user-menu .name").forEach((nameDiv)=>{nameDiv.textContent=username});document.querySelectorAll(".user-menu .avatar").forEach((avatarDiv)=>{avatarDiv.textContent=initials});const userMenuDesktop=document.querySelector(".user-menu.desktop");const userMenuMobile=document.querySelector(".user-menu.mobile");if(window.matchMedia("(max-width: 640px)").matches){userMenuMobile.style.display="block"}else{userMenuDesktop.style.display="block"}}}catch(error){console.error("Error parsing subscriber_session_cookie:",error)}}} 2085document.addEventListener("DOMContentLoaded",function(){const toggle=d
2085ocument.getElementById("dark-mode-toggle");const savedMode=localStorage.getItem("mode");toggle.checked=savedMode!=="dark";toggle.addEventListener("change",function(){if(this.checked){document.documentElement.classList.remove("dark-mode");localStorage.setItem("mode","light")}else{document.documentElement.classList.add("dark-mode");localStorage.setItem("mode","dark")}});const mobileToggle=document.getElementById("dark-mode-toggle-mobile");mobileToggle.checked=savedMode!=="dark";mobileToggle.addEventListener("change",function(){if(this.checked){document.documentElement.classList.remove("dark-mode");localStorage.setItem("mode","light")}else{document.documentElement.classList.add("dark-mode");localStorage.setItem("mode","dark")}})});document.addEventListener("DOMContentLoaded",()=>{loggedInUser();if(window.innerWidth<=768){document.querySelectorAll(".forDropdown").forEach((link)=>{let opened=!1;link.addEventListener("click",function(e){const dropdown=this.querySelector(".drop-down");if(!dropdown)return;if(!opened){e.preventDefault();const rect=this.getBoundingClientRect();dropdown.style.visibility="hidden";dropdown.style.display="block";dropdown.style.backgroundColor="transparent";dropdown.style.boxShadow="none";dropdown.style.paddingRight="0";const dropdownWidth=dropdown.offsetWidth;dropdown.style.visibility="visible";opened=!0;const outsideClickListener=(event)=>{if(!link.contains(event.target)){dropdown.style.display="none";opened=!1;document.removeEventListener("click",outsideClickListener)}};document.addEventListener("click",outsideClickListener)}})})}});const sidebar=document.getElementById("sidebar");const sidebarBg=document.getElementById("sidebar-bg");const openBtn=document.getElementById("menu-button");const closeBtn=document.getElementById("close-button");openBtn.addEventListener("click",()=>{sidebar.classList.add("active");sidebarBg.style.display="block"});sidebarBg.addEventListener("click",closeSidebar);closeBtn.addEventListener("click",closeSidebar);function closeSidebar(){sidebar.classList.remove("active");sidebarBg.style.display="none"} 2086document.addEventListener("DOMContentLoaded",function(){renderHeaderCurrentDate()});document.addEventListener("DOMContentLoaded",function(){const menus=document.querySelectorAll(".user-menu");menus.forEach((menu)=>{const trigger=menu.querySelector(".trigger");const dropdown=menu.querySelector(".dropdown");if(!trigger||!dropdown)return;trigger.addEventListener("click",(e)=>{e.stopPropagation();trigger.classList.toggle("open");dropdown.classList.toggle("show")});document.addEventListener("click",(e)=>{if(!menu.contains(e.target)){trigger.classList.remove("open");dropdown.classList.remove("show")}})})}) 2087</script>
2087 2088 2089</div> 2090 </div> 2091 </div> 2092 </div> 2093<div class="container "> 2094 <div class="row"> 2095 <div class="col-md-9 col-xs-12"> 2096 <div id="widget_23502"> 2097 2098 <style> 2099 .contact-form-container { 2100 padding: 30px 30px 30px 0px; 2101 border: 1px #C6C6C6 solid; 2102 margin-top: 70px; 2103 } 2104 2105 .contact-form-container .contact-form { 2106 width: 60%; 2107 display: grid; 2108 grid-template-columns: repeat(1, 1fr); 2109 gap: 20px; 2110 } 2111 2112 .cursor-auto { 2113 cursor: auto !important; 2114 } 2115 2116 .location-info { 2117 padding-right: 50px; 2118 display: flex; 2119 gap: 15px; 2120 position: relative; 2121 } 2122 2123 .location-info:before { 2124 content: ''; 2125 background: #ee3342; 2126 width: 24px; 2127 height: 1px; 2128 position: absolute; 2129 top: 10px; 2130 right: 4px; 2131 } 2132 2133 .location-info h5 { 2134 font-size: 16px; 2135 font-weight: 700; 2136 } 2137 2138 .location-info p { 2139 font-size: 15px; 2140 margin: 10px 0px 10px 0px; 2141 } 2142 2143 @media (max-width: 640px) { 2144 br { 2145 display: none !important; 2146 } 2147 2148 .contact-form-container { 2149 border: none !important; 2150 padding: 0 !important; 2151 width: 100%; 2152 } 2153 2154 .contact-form-container .contact-form { 2155 width: 100%; 2156 grid-template-columns: repeat(1, 1fr); 2157 } 2158 } 2159 </style> 2160 2161 <div class="contact-form-container"> 2162 <form method="POST" enctype="multipart/form-data" class="contact-form" id="addArticleForm"> 2163 <div> 2164 <div class="collapse-btn rounded-0 fit ms-auto me-0 cursor-auto">ارسا٠٠Ùاد ا٠صÙر</div> 2165 </div> 2166 <div></div> 2167 <div> 2168 <label class="main-label" for="subject-type">إختر Ùئة اÙÙ ÙضÙع</label> 2169 <select class="main-input select" id="subjectType" name="subject_type" required> 2170 <option value="" selected>-- اÙرجاء اÙإختÙار --</option>n> 2171 <option>Ù ØÙÙات</option>n> 2172 <option>اÙسÙاسة</option>n> 2173 <option>رÙاضة</option>n> 2174 <option>اÙتصاد</option>n> 2175 <option>Ø«ÙاÙØ© ÙÙÙ</option>n> 2176 <option>اÙÙاس</option>n> 2177 <option>تØÙÙÙات</option>n> 2178 <option>صÙت اÙÙ ÙاطÙ</option>n> 2179 <option>Ùتاب ÙÙ ÙاÙات</option> 2180 <option>Ù ÙÙعات</option> 2181 <option>تÙÙÙÙÙجÙا</option> 2182 <option>Ù ÙتÙÙ ÙدÙا</option> 2183 <option>ازÙاء</option> 2184 <option>اØÙا٠اÙÙاس</option> 2185 <option>سÙاØØ©</option> 2186 <option>زÙاÙا ٠تخصصة</option> 2187 </select> 2188 </div> 2189 <div></div> 2190 <div> 2191 <label class="main-label" for="subject-title">عÙÙا٠اÙÙ ÙضÙع</label> 2192 <input type="text" class="main-input" id="subjectTitle" name="subject_title" required /> 2193 </div> 2194 <div> 2195 <label class="main-label" for="subject-text">Ùص اÙÙ ÙضÙع</label> 2196 <textarea type="text" class="main-input" id="subjectText" name="subject_text" rows="16" required> 2197 </textarea> 2198 </div> 2199 <div> 2200 <label class="main-label" for="related-videos">ÙÙدÙÙÙات ذات عÙاÙØ©</label> 2201 <div class="form-link"> 2202 <input type="hidden" id="related-videos-prefix" value="https://"> 2203 <label class="link-prefix" for="related-videos" dir="ltr">https://</label> 2204 <input type="text" class="main-input" id="relatedVideos" name="related_videos" /> 2205 </div> 2206 </div> 2207 <div class="form-row form-upload"> 2208 <label for="article-add-files" class="form-label"> 2209 <span class="form-label-inner"> 2210 <i class="icon-upload"> <img src="https://www.okaz.com.sa/okaz/uploads/global_files/upload-icon.svg" class="footer-logo" alt="upload icon" /></i> 2211 </span> 2212 2213 <span class="link-more">اضاÙØ© Ù ÙÙات</span><br> 2214 <span>اÙصÙر اÙ٠رÙÙØ© Ùابد أ٠تÙÙ٠باÙصÙغ اÙتاÙÙØ© ÙÙØ· jpg - jpeg - pdf - tif - png</span> 2215 </label> 2216
2217 <div class="form-controls"> 2218 <input type="file" class="field" name="article_files" id="articleFiles"> 2219 </div> 2220 2221 </div> 2222 2223 <div class="g-recaptcha" data-sitekey="6LdIdlUqAAAAAGOChKYjHXrQQkebjuowdb7d2iqx"></div> 2224 2225 <div></div> 2226 2227 <div id="FormErrors" class="alert d-none col-span-full" role="alert"></div> 2228 2229 <div> 2230 <button class="collapse-btn secondary">إرساÙ</button> 2231 </div> 2232 </form> 2233 </div> 2234 2235
2235<script> 2236 document.addEventListener('DOMContentLoaded', function () { 2237 const script = document.createElement('script'); 2238 script.src = 'https://www.google.com/recaptcha/api.js'; 2239 script.async = true; 2240 script.defer = true; 2241 document.head.appendChild(script); 2242 2243 function showModal(message, type) { 2244 const messageContainer = document.getElementById("FormErrors"); 2245 if (!messageContainer) return; 2246 messageContainer.textContent = message; 2247 messageContainer.className = `alert alert-${type} mt-3`; 2248 messageContainer.classList.remove("d-none"); 2249 2250 setTimeout(() => { 2251 messageContainer.classList.add("d-none"); 2252 }, 5000); 2253 } 2254 2255 document.getElementById("addArticleForm").addEventListener("submit", function (event) { 2256 event.preventDefault(); 2257 2258 const subjectTypeInput = document.getElementById("subjectType"); 2259 const subjectTitleInput = document.getElementById("subjectTitle"); 2260 const subjectTextInput = document.getElementById("subjectText"); 2261 const relatedVideosInput = document.getElementById("relatedVideos"); 2262 const articleFilesInput = document.getElementById("articleFiles"); 2263 2264 const subjectType = sanitizeFormInput(subjectTypeInput.value.trim()); 2265 const subjectTitle = sanitizeFormInput(subjectTitleInput.value.trim()); 2266 const subjectText = sanitizeFormInput(subjectTextInput.value.trim()); 2267 const relatedVideos = sanitizeFormInput(relatedVideosInput.value.trim()); 2268 const articleFiles = articleFilesInput.files.length > 0 ? articleFilesInput.files[0] : null; 2269 2270 if (!subjectType || !subjectTitle || !subjectText) { 2271 showModal("ج٠Ùع اÙØÙÙÙ Ù Ø·ÙÙبة.", "danger"); 2272 return; 2273 } 2274 2275 2276 if (articleFiles) { 2277 const validTypes = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf', 'image/tiff']; 2278 if (!validTypes.includes(articleFiles.type)) { 2279 showModal("اÙÙ Ù٠اÙ٠رÙ٠غÙر صاÙØ. Ùجب Ø£Ù ÙÙÙÙ Ù Ù ÙÙع: jpg, jpeg, png, tif, pdf.", "danger"); 2280 return; 2281 } 2282 } 2283 2284 const formData = new FormData(document.getElementById("addArticleForm")); 2285 2286 fetch('/ajax/addArticleAction', { 2287 method: "POST", 2288 body: formData, 2289 headers: { 2290 "Accept": "application/json", 2291 "X-Requested-With": "XMLHttpRequest" 2292 } 2293 }) 2294 .then(response => { 2295 if (!response.ok) { 2296 showModal("Øدث خطأ أثÙاء إرسا٠اÙبÙاÙات. Ùرج٠اÙÙ ØاÙÙØ© ٠رة أخرÙ.", "danger"); 2297 return; 2298 } 2299 return response.json(); 2300 }) 2301 .then(data => { 2302 showModal(data.message || "ت٠إرسا٠اÙبÙاÙات بÙجاØ!", "success"); 2303 }) 2304 .catch(error => { 2305 showModal("Øدث خطأ أثÙاء إرسا٠اÙبÙاÙات. Ùرج٠اÙÙ ØاÙÙØ© ٠رة أخرÙ.", "danger"); 2306 }); 2307 }); 2308 2309 function sanitizeFormInput(input) { 2310 input = input.replace(/<[^>]*>/g, ''); 2311 input = input.replace(/javascript:/gi, ''); 2312 input = input.replace(/on\w+\s*=/gi, ''); 2313 input = input.replace(/[<>"'&(){}[\]]/g, ''); 2314 return input.trim(); 2315 } 2316}); 2317 2318 </script>
2318 2319 2320</div> 2321 </div> 2322 </div> 2323 </div> 2324<div class="container-fluid "> 2325 <div class="row"> 2326 <div class="col-md-12 noPadding col-xs-12"> 2327 <footer id="widget_23288" class=""> 2328 2329 <style> 2330 footer .app-icon{width:100%;max-width:150px}footer .app-icon img{width:100%;height:100%}footer .app-icon-descktop{width:134px;height:40px}.footer-apps-section{margin:30px auto!important}html.dark-mode footer svg{fill:none!important}html.dark-mode .main-footer-logo:not(.white){display:none!important}@media(max-width:640px){.menu-link{font-size:13px}.menu-link.left{font-size:13px}.multi-column{width:66%!important;column-count:2!important}body{padding-bottom:20px!important;padding-top:10px!important}}html:not(.dark-mode) .main-footer-logo.white{display:none!important}.newsletter-input-container .newsletter-input{width:225px;border:none!important;border-top-right-radius:5px;border-bottom-right-radius:5px;padding-right:10px;color:#aaa;background-color:#fff;outline:none}.newsletter-input-container .newsletter-input:focus{border:none}.newsletter-input-container .submit-email{border:none!important;padding:0 20px;background-color:var(--secondary);border-top-left-radius:5px;border-bottom-left-radius:5px}.multi-column{column-count:4;column-gap:3rem;text-align:right}.menu-link{padding:5.5px 0;font-size:19px}@media (min-width:768px){.menu-link:hover{text-decoration:underline!important}}.menu-link.left{padding:5.1px 0;font-size:15px}.main-footer-logo{max-width:145px!important} 2331 </style> 2332 2333 <div 2334 class="footer-apps-section container d-flex align-content-center justify-content-md-between justify-content-center my-5" 2335 > 2336 <a href="/" class="col-md-2 col-4"> 2337 <img class="main-footer-logo w-100" src="https://www.okaz.com.sa/okaz/uploads/global_files/main-logo.png" alt="Logo" title="Logo" /> 2338 <img class="main-footer-logo white w-100" src="https://www.okaz.com.sa/okaz/uploads/global_files/white-logo.png" alt="Logo" title="Logo" /> 2339 </a> 2340 2341 <div class="d-md-flex d-none justify-content-end align-content-center gap-2"> 2342 <a target="_blank" href="https://apps.apple.com/us/app/okaz-%D8%B9%D9%83%D8%A7%D8%B8/id1464923584?ls=1" class="app-icon-descktop" rel="nofollow" title="apple store application"> 2343 <img 2344 class="w-100 h-100" 2345 src="https://www.okaz.com.sa/okaz/uploads/global_files/apple-store-new.png" 2346 alt="apple store" 2347 /> 2348 </a> 2349 <a target="_blank" href="https://play.google.com/store/apps/details?id=com.apps2you.okaz" class="app-icon-descktop" title="play store application" rel="nofollow"> 2350 <img 2351 class="w-100 h-100" 2352 src="https://www.okaz.com.sa/okaz/uploads/global_files/google-play-new.png" 2353 alt="google play" 2354 /> 2355 </a> 2356 </div> 2357 </div> 2358 2359 <hr class="w-100" /> 2360 2361 <div class="container d-md-flex d-none justify-content-between" style="padding-bottom:30px !important; padding-top:30px !important;"> 2362 <div class="w-55 multi-column"> 2363 <a class="menu-link" title="Ù ØÙÙات" href='https://www.okaz.com.sa/local'> 2364 2365 Ù ØÙÙات 2366 2367</a> 2368<a class="menu-link" title="سÙاسة" href='https://www.okaz.com.sa/politics'> 2369 2370 سÙاسة 2371 2372</a> 2373<a class="menu-link" title="اÙتصاد" href='https://www.okaz.com.sa/economy'> 2374 2375 اÙتصاد 2376 2377</a> 2378<a class="menu-link" title="رÙاضة" href='https://www.okaz.com.sa/sport'> 2379 2380 رÙاضة 2381 2382</a> 2383<a class="menu-link" title="Ø«ÙاÙØ© ÙÙÙ" href='https://www.okaz.com.sa/culture'> 2384 2385 Ø«ÙاÙØ© ÙÙÙ 2386 2387</a> 2388<a class="menu-link" title="Ù ÙÙعات" href='https://www.okaz.com.sa/variety'> 2389 2390 Ù ÙÙعات 2391 2392</a> 2393<a class="menu-link" title="Ù ÙاÙات" href='https://www.okaz.com.sa/articles'> 2394 2395 Ù ÙاÙات 2396 2397</a> 2398<a class="menu-link" title="Ù ÙتÙÙ ÙدÙا" href='https://www.okaz.com.sa/multimedia'> 2399 2400 Ù ÙتÙÙ ÙدÙا 2401 2402</a> 2403<a class="menu-link" title="اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ©" href='https://www.okaz.com.sa/esports'> 2404 2405 اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ© 2406 2407</a> 2408<a class="menu-link" title="سعÙدÙات" href='https://www.okaz.com.sa/saudi-women'> 2409 2410 سعÙدÙات 2411 2412</a> 2413<a class="menu-link" title="ازÙاء" href='https://www.okaz.com.sa/fashion'> 2414 2415 ازÙاء 2416 2417</a> 2418<a class="menu-link" title="سÙاØØ©" href='https://www.okaz.com.sa/tourism'> 2419 2420 سÙاØØ© 2421 2422</a> 2423<a class="menu-link" title="اÙÙاس" href='https://www.okaz.com.sa/people-situations'> 2424 2425 اÙÙاس 2426 2427</a> 2428<a class="menu-link" title="تØÙÙÙات" href='https://www.okaz.com.sa/investigation'> 2429 2430 تØÙÙÙات 2431 2432</a> 2433<a class="menu-link" title="تÙÙÙÙÙجÙا" href='https://www.okaz.com.sa/technology'> 2434 2435 تÙÙÙÙÙجÙا 2436 2437</a> 2438<a class="menu-link" title="صÙت اÙÙ ÙاطÙ" href='https://www.okaz.com.sa/citizen-voice'> 2439 2440 صÙت اÙÙ Ùاط٠2441 2442</a> 2443<a class="menu-link" title="زÙاÙا ٠تخصصة" href='https://www.okaz.com.sa/special-zones'> 2444 2445 زÙاÙا ٠تخصصة 2446 2447</a> 2448<a class="menu-link" title="٠رÙز اÙ٠عÙÙ٠ات" href='https://www.okaz.com.sa/information-center'> 2449 2450 ٠رÙز اÙ٠عÙÙ٠ات 2451 2452</a> 2453<a class="menu-link" title="ÙÙدÙÙ" href='https://www.okaz.com.sa/video'> 2454 2455 ÙÙدÙÙ 2456 2457</a> 2458<a class="menu-link" title="بÙدÙاست" href='https://www.okaz.com.sa/podcast'> 2459 2460 بÙدÙاست 2461 2462</a> 2463<a class="menu-link" title="٠باشر" href='https://www.okaz.com.sa/live'> 2464 2465 ٠باشر 2466 2467</a> 2468 </div> 2469 <div class="w-25 text-start"> 2470 <a class="menu-link left" href='https://www.okaz.com.sa/privacy-policy' key="568"> 2471 2472 اÙشرÙØ· ÙاÙØ£ØÙا٠2473 2474</a> 2475<a class="menu-link left" href='https://www.okaz.com.sa/about-us' key="569"> 2476 2477 ØÙ٠اÙ٠ؤسسة 2478 2479</a> 2480<a class="menu-link left" href='https://www.okaz.com.sa/editorial-management' key="570"> 2481 2482 إدارة اÙتØرÙر 2483 2484</a> 2485<a class="menu-link left" href='https://www.okaz.com.sa/media-kit' key="571"> 2486 2487 ÙÙإعÙا٠2488 2489</a> 2490<a class="menu-link left" href='https://www.okaz.com.sa/contact-us' key="572"> 2491 2492 إتص٠بÙا 2493 2494</a> 2495<a class="menu-link left" href='https://subscribe.okaz.com.sa/' key="573"> 2496 2497 اÙإشتراÙات 2498 2499</a> 2500 </div> 2501 </div> 2502 2503 <div class="mt-3"> 2504 <div class="container d-flex d-md-none justify-content-center align-content-center gap-2 mx-auto"> 2505 <a target="_blank" href="https://apps.apple.com/us/app/okaz-%D8%B9%D9%83%D8%A7%D8%B8/id1464923584?ls=1" class="app-icon" title="apple store application" rel="nofollow"> 2506 <img 2507 src="https://www.okaz.com.sa/okaz/uploads/global_files/apple-store-new.png" 2508 alt="apple store" 2509 /> 2510 </a> 2511 <a target="_blank" href="https://play.google.com/store/apps/details?id=com.apps2you.okaz" class="app-icon" title="play store application" rel="nofollow"> 2512 <img 2513 src="https://www.okaz.com.sa/okaz/uploads/global_files/google-play-new.png" 2514 alt="google play" 2515 /> 2516 </a> 2517 </div> 2518 </div> 2519 2520 <div class="container grid-3 d-grid d-md-none row-gap-2 sixteen-px" style="padding-bottom:30px !important; padding-top:30px !important;"> 2521 2522 <a class="menu-link" title="Ù ØÙÙات" href='https://www.okaz.com.sa/local'> 2523 2524 Ù ØÙÙات 2525 2526</a> 2527<a class="menu-link" title="سÙاسة" href='https://www.okaz.com.sa/politics'> 2528 2529 سÙاسة 2530 2531</a> 2532<a class="menu-link" title="اÙتصاد" href='https://www.okaz.com.sa/economy'> 2533 2534 اÙتصاد 2535 2536</a> 2537<a class="menu-link" title="رÙاضة" href='https://www.okaz.com.sa/sport'> 2538 2539 رÙاضة 2540 2541</a> 2542<a class="menu-link" title="Ø«ÙاÙØ© ÙÙÙ" href='https://www.okaz.com.sa/culture'> 2543 2544 Ø«ÙاÙØ© ÙÙÙ 2545 2546</a> 2547<a class="menu-link" title="Ù ÙÙعات" href='https://www.okaz.com.sa/variety'> 2548 2549 Ù ÙÙعات 2550 2551</a> 2552<a class="menu-link" title="Ù ÙاÙات" href='https://www.okaz.com.sa/articles'> 2553 2554 Ù ÙاÙات 2555 2556</a> 2557<a class="menu-link" title="Ù ÙتÙÙ ÙدÙا" href='https://www.okaz.com.sa/multimedia'> 2558 2559 Ù ÙتÙÙ ÙدÙا 2560 2561</a> 2562<a class="menu-link" title="اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ©" href='https://www.okaz.com.sa/esports'> 2563 2564 اÙرÙاضات اÙØ¥ÙÙترÙÙÙØ© 2565 2566</a> 2567<a class="menu-link" title="سعÙدÙات" href='https://www.okaz.com.sa/saudi-women'> 2568 2569 سعÙدÙات 2570 2571</a> 2572<a class="menu-link" title="ازÙاء" href='https://www.okaz.com.sa/fashion'> 2573 2574 ازÙاء 2575 2576</a> 2577<a class="menu-link" title="سÙاØØ©" href='https://www.okaz.com.sa/tourism'> 2578 2579 سÙاØØ© 2580 2581</a> 2582<a class="menu-link" title="اÙÙاس" href='https://www.okaz.com.sa/people-situations'> 2583 2584 اÙÙاس 2585 2586</a> 2587<a class="menu-link" title="تØÙÙÙات" href='https://www.okaz.com.sa/investigation'> 2588 2589 تØÙÙÙات 2590 2591</a> 2592<a class="menu-link" title="تÙÙÙÙÙجÙا" href='https://www.okaz.com.sa/technology'> 2593 2594 تÙÙÙÙÙجÙا 2595 2596</a> 2597<a class="menu-link" title="صÙت اÙÙ ÙاطÙ" href='https://www.okaz.com.sa/citizen-voice'> 2598 2599 صÙت اÙÙ Ùاط٠2600 2601</a> 2602<a class="menu-link" title="زÙاÙا ٠تخصصة" href='https://www.okaz.com.sa/special-zones'> 2603 2604 زÙاÙا ٠تخصصة 2605 2606</a> 2607<a class="menu-link" title="٠رÙز اÙ٠عÙÙ٠ات" href='https://www.okaz.com.sa/information-center'> 2608 2609 ٠رÙز اÙ٠عÙÙ٠ات 2610 2611</a> 2612<a class="menu-link" title="ÙÙدÙÙ" href='https://www.okaz.com.sa/video'> 2613 2614 ÙÙدÙÙ 2615 2616</a> 2617<a class="menu-link" title="بÙدÙاست" href='https://www.okaz.com.sa/podcast'> 2618 2619 بÙدÙاست 2620 2621</a> 2622<a class="menu-link" title="٠باشر" href='https://www.okaz.com.sa/live'> 2623 2624 ٠باشر 2625 2626</a> 2627 2628 <a class="menu-link" href='https://www.okaz.com.sa/privacy-policy' key="568"> 2629 2630 اÙشرÙØ· ÙاÙØ£ØÙا٠2631 2632</a> 2633<a class="menu-link" href='https://www.okaz.com.sa/about-us' key="569"> 2634 2635 ØÙ٠اÙ٠ؤسسة 2636 2637</a> 2638<a class="menu-link" href='https://www.okaz.com.sa/editorial-management' key="570"> 2639 2640 إدارة اÙتØرÙر 2641 2642</a> 2643<a class="menu-link" href='https://www.okaz.com.sa/media-kit' key="571"> 2644 2645 ÙÙإعÙا٠2646 2647</a> 2648<a class="menu-link" href='https://www.okaz.com.sa/contact-us' key="572"> 2649 2650 إتص٠بÙا 2651 2652</a> 2653<a class="menu-link" href='https://subscribe.okaz.com.sa/' key="573"> 2654 2655 اÙإشتراÙات 2656 2657</a> 2658 2659 </div> 2660 2661 <div class="primary-bg"> 2662 2663 <div class="container d-flex flex-md-row flex-column align-items-center gap-3 justify-content-md-between justify-content-center" style="padding-top: 15px !important;padding-bottom: 15px !important;"> 2664 2665 <div class="d-md-flex d-none gap-3"> 2666 <form id="registerForm" method="POST" class="d-flex h-12 newsletter-input-container"> 2667 <input 2668 type="email" 2669 class="newsletter-input" 2670 placeholder="برÙد٠اÙاÙÙترÙÙÙ" 2671 id="newsletterEmail" name="newsletterEmail" required 2672 /> 2673 <button class="submit-email"> 2674 <svg 2675 width="20" 2676 height="23"
2677 viewBox="0 0 22 23" 2678 fill="none" 2679 xmlns="http://www.w3.org/2000/svg" 2680 > 2681 <path 2682 fill-rule="evenodd" 2683 clip-rule="evenodd" 2684 d="M4.82223 6.85946C3.67966 7.41416 2.62105 7.92684 1.86523 8.44051C1.0996 8.96101 0.0107288 9.90046 0.00877953 11.4738C0.00780296 13.048 1.09373 13.9893 1.85838 14.5118C2.61325 15.0264 3.67088 15.542 4.81138 16.0987L14.9199 21.0304C15.6181 21.3703 16.3349 21.7209 16.9453 21.9152C17.582 22.1174 18.7724 22.3713 19.8633 21.5588C20.9541 20.7453 21.0498 19.5304 21.0371 18.8635C21.0254 18.2229 20.8945 17.4348 20.7666 16.6702L20.3701 14.2834C20.2324 13.4514 20.1631 13.0354 19.8721 12.7893C19.5801 12.5422 19.1582 12.5422 18.3154 12.5422H10.4999C9.92473 12.5422 9.45793 12.0754 9.45793 11.5002C9.45793 10.925 9.92473 10.4582 10.4999 10.4582H18.3094C19.1522 10.4582 19.5731 10.4582 19.8641 10.2121C20.1561 9.96505 20.2255 9.55002 20.3641 8.71895L20.7645 6.3254C20.8925 5.56172 21.0243 4.77462 21.036 4.13497C21.0487 3.46797 20.9549 2.2551 19.8661 1.44072C18.7782 0.626272 17.5878 0.878222 16.9511 1.07842C16.3407 1.2708 15.623 1.61945 14.9267 1.95732L4.82223 6.85946Z" 2685 fill="#2F4959" 2686 /> 2687 </svg> 2688 </button> 2689 </form> 2690 <div class="text-white" id="FormSubscriberMessage"> 2691 اشتر٠ÙÙ ÙشرتÙا اÙإخبارÙØ© Ùتابع <br />Ø£Øدث اÙأخبار! 2692 </div> 2693 </div> 2694 <div class="d-flex gap-md-2 grid-3"> 2695 <!--x icon--> 2696 <a target="_blank" href="https://x.com/okaz_online" title="X page" rel="nofollow"> 2697 <svg 2698 width="35" 2699 height="35"
2700 viewBox="0 0 35 35" 2701 fill="none" 2702 xmlns="http://www.w3.org/2000/svg" 2703 > 2704 <g clip-path="url(#clip0_1705_200)"> 2705 <path 2706 d="M18.9285 16.3522L24.5135 10H23.1905L18.339 15.5144L14.467 10H10L15.8565 18.3395L10 25H11.323L16.443 19.1753L20.533 25H25M11.8005 10.9762H13.833L23.1895 24.0717H21.1565" 2707 fill="white" 2708 /> 2709 </g> 2710 <rect 2711 x="0.5" 2712 y="0.5" 2713 width="34" 2714 height="34" 2715 rx="4.5" 2716 stroke="white" 2717 /> 2718 <defs> 2719 <clipPath id="clip0_1705_200"> 2720 <rect 2721 width="15" 2722 height="15" 2723 fill="white" 2724 transform="translate(10 10)" 2725 /> 2726 </clipPath> 2727 </defs> 2728 </svg> 2729 </a> 2730 <!--instagram link--> 2731 <a target="_blank" href="https://www.instagram.com/okaznewspaper/" title="instagram page" rel="nofollow"> 2732 <svg 2733 width="35" 2734 height="35"
2735 viewBox="0 0 35 35" 2736 fill="none" 2737 xmlns="http://www.w3.org/2000/svg" 2738 > 2739 <path 2740 d="M17.5 11.3654C19.4977 11.3654 19.7368 11.3654 20.5264 11.4094C21.0015 11.4125 21.4734 11.5006 21.917 11.6674C22.5682 11.919 23.0841 12.435 23.3358 13.0862C23.5025 13.5298 23.5906 14.0017 23.5938 14.4767C23.6315 15.2664 23.6378 15.5055 23.6378 17.5031C23.6378 19.5008 23.6378 19.7399 23.5938 20.5296C23.5906 21.0046 23.5025 21.4765 23.3358 21.9201C23.0841 22.5713 22.5682 23.0872 21.917 23.3389C21.4734 23.5057 21.0015 23.5938 20.5264 23.5969C19.7368 23.6346 19.5008 23.6409 17.5 23.6409C15.4992 23.6409 15.2632 23.6409 14.4736 23.5969C13.9985 23.5938 13.5266 23.5057 13.0831 23.3389C12.4381 23.081 11.9285 22.565 11.68 21.9169C11.5132 21.4734 11.4251 21.0015 11.422 20.5264C11.3842 19.7368 11.3779 19.4977 11.3779 17.5C11.3779 15.5023 11.3779 15.2632 11.422 14.4736C11.4251 13.9985 11.5132 13.5266 11.68 13.0831C11.9316 12.4413 12.4413 11.9316 13.0831 11.6799C13.5266 11.5132 13.9985 11.4251 14.4736 11.422C15.2632 11.3842 15.5023 11.3779 17.5 11.3779V11.3654ZM17.5 10.0283C15.4677 10.0283 15.2129 10.0283 14.4138 10.0724C13.7909 10.0849 13.1774 10.2045 12.5954 10.4216C11.5824 10.8085 10.7802 11.6107 10.3932 12.6237C10.1762 13.2057 10.0566 13.8192 10.044 14.4421C10.0094 15.2412 10 15.496 10 17.5283C10 19.5606 10 19.8154 10.044 20.6145C10.0692 21.228 10.1982 21.832 10.4216 22.4046C10.8085 23.4176 11.6107 24.2198 12.6237 24.6068C13.2057 24.8238 13.8192 24.9434 14.4421 24.956C15.2412 24.9906 15.496 25 17.5283 25C19.5606 25 19.8154 25 20.6145 24.956C21.2374 24.9434 21.8509 24.8238 22.4329 24.6068C23.4459 24.2198 24.2481 23.4176 24.6351 22.4046C24.8521 21.8226 24.9717 21.2091 24.9843 20.5862C25.0189 19.7871 25.0283 19.5323 25.0283 17.5C25.0283 15.4677 25.0283 15.2129 24.9843 14.4138C24.9717 13.7909 24.8521 13.1774 24.6351 12.5954C24.2481 11.5824 23.4459 10.7802 22.4329 10.3932C21.8509 10.1762 21.2374 10.0566 20.6145 10.044C19.8154 10.0094 19.5606 10 17.5283 10L17.5 10.0283Z" 2741 fill="white" 2742 /> 2743 <path 2744 d="M17.4999 13.6553C15.3764 13.6553 13.6555 15.3761 13.6555 17.4997C13.6555 19.6232 15.3764 21.344 17.4999 21.344C19.6234 21.344 21.3443 19.6232 21.3443 17.4997C21.3443 15.3761 19.6234 13.6553 17.4999 13.6553ZM17.4999 19.9944C16.122 19.9944 15.0051 18.8776 15.0051 17.4997C15.0051 16.1217 16.122 15.0049 17.4999 15.0049C18.8778 15.0049 19.9947 16.1217 19.9947 17.4997C19.9947 18.8776 18.8778 19.9944 17.4999 19.9944Z" 2745 fill="white" 2746 /> 2747 <path 2748 d="M21.4955 14.404C21.9924 14.404 22.3952 14.0012 22.3952 13.5042C22.3952 13.0073 21.9924 12.6045 21.4955 12.6045C20.9985 12.6045 20.5957 13.0073 20.5957 13.5042C20.5957 14.0012 20.9985 14.404 21.4955 14.404Z" 2749 fill="white" 2750 /> 2751 <rect 2752 x="0.5" 2753 y="0.5" 2754 width="34" 2755 height="34" 2756 rx="4.5" 2757 stroke="white" 2758 /> 2759 </svg> 2760 </a> 2761 <!--facebook link--> 2762 <a target="_blank" href="https://www.facebook.com/OKAZNEWS" title="facebook page" rel="nofollow"> 2763 <svg 2764 width="35" 2765 height="35"
2766 viewBox="0 0 35 35" 2767 fill="none" 2768 xmlns="http://www.w3.org/2000/svg" 2769 > 2770 <rect 2771 x="0.5" 2772 y="0.5" 2773 width="34" 2774 height="34" 2775 rx="4.5" 2776 stroke="white" 2777 /> 2778 <path 2779 d="M20.3825 12.49H21.7925V10.105C21.1098 10.0339 20.4239 9.99884 19.7375 10C17.6975 10 16.3025 11.245 16.3025 13.525V15.49H14V18.16H16.3025V25H19.0625V18.16H21.3575L21.7025 15.49H19.0625V13.7875C19.0625 13 19.2725 12.49 20.3825 12.49Z" 2780 fill="white" 2781 /> 2782 </svg> 2783 </a> 2784 <!-- link--> 2785 <a target="_blank" href="/rss" title="okaz rss"> 2786 <svg 2787 width="35" 2788 height="35" 2789 viewBox="0 0 35 35" 2790 fill="none" 2791 xmlns="http://www.w3.org/2000/svg" 2792 > 2793 <rect 2794 x="0.5" 2795 y="0.5" 2796 width="34" 2797 height="34" 2798 rx="4.5" 2799 stroke="white" 2800 /> 2801 <path 2802 d="M10 10V13.75C16.2438 13.75 21.25 18.7563 21.25 25H25C25 16.7313 18.2688 10 10 10ZM10 15.625V19.375C13.1313 19.375 15.625 21.8688 15.625 25H19.375C19.375 19.8438 15.1562 15.625 10 15.625ZM10 21.25V25H13.75C13.75 22.9188 12.0625 21.25 10 21.25Z" 2803 fill="white" 2804 /> 2805 </svg> 2806 </a> 2807 <!--youtube link--> 2808 <a target="_blank" href="https://www.youtube.com/user/okazonline" title="youtube channel" rel="nofollow"> 2809 <svg 2810 width="35" 2811 height="35"
2812 viewBox="0 0 35 35" 2813 fill="none" 2814 xmlns="http://www.w3.org/2000/svg" 2815 > 2816 <rect 2817 x="0.5" 2818 y="0.5" 2819 width="34" 2820 height="34" 2821 rx="4.5" 2822 stroke="white" 2823 /> 2824 <path 2825 d="M16 19.5L19.8925 17.25L16 15V19.5ZM24.67 13.6275C24.7675 13.98 24.835 14.4525 24.88 15.0525C24.9325 15.6525 24.955 16.17 24.955 16.62L25 17.25C25 18.8925 24.88 20.1 24.67 20.8725C24.4825 21.5475 24.0475 21.9825 23.3725 22.17C23.02 22.2675 22.375 22.335 21.385 22.38C20.41 22.4325 19.5175 22.455 18.6925 22.455L17.5 22.5C14.3575 22.5 12.4 22.38 11.6275 22.17C10.9525 21.9825 10.5175 21.5475 10.33 20.8725C10.2325 20.52 10.165 20.0475 10.12 19.4475C10.0675 18.8475 10.045 18.33 10.045 17.88L10 17.25C10 15.6075 10.12 14.4 10.33 13.6275C10.5175 12.9525 10.9525 12.5175 11.6275 12.33C11.98 12.2325 12.625 12.165 13.615 12.12C14.59 12.0675 15.4825 12.045 16.3075 12.045L17.5 12C20.6425 12 22.6 12.12 23.3725 12.33C24.0475 12.5175 24.4825 12.9525 24.67 13.6275Z" 2826 fill="white" 2827 /> 2828 </svg> 2829 </a> 2830 </div> 2831 <a href="https://www.whatsapp.com/channel/0029VaCFVGAC6ZvbXbLWru3L" title="whatsapp" target="_blank" class="d-flex gap-2 d-md-none align-items-center text-white"> 2832 <div> 2833 <svg width="35" height="35" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 2834 <rect x="1" y="0.5" width="31" height="31" rx="4.5" stroke="white"/> 2835 <path d="M22.8769 9.61904C22.0475 8.78574 21.0597 8.12502 19.9711 7.67537C18.8825 7.22573 17.7148 6.99616 16.5362 7.00005C11.5975 7.00005 7.57236 11.005 7.57236 15.919C7.57236 17.494 7.98844 19.024 8.76633 20.374L7.5 25L12.2487 23.758C13.5603 24.469 15.0347 24.847 16.5362 24.847C21.4749 24.847 25.5 20.842 25.5 15.928C25.5 13.543 24.5683 11.302 22.8769 9.61904ZM16.5362 23.335C15.1975 23.335 13.8859 22.975 12.7372 22.3L12.4658 22.138L9.64372 22.876L10.3945 20.14L10.2136 19.861C9.46964 18.6794 9.07471 17.3134 9.07387 15.919C9.07387 11.833 12.4206 8.50304 16.5271 8.50304C18.5171 8.50304 20.3894 9.27704 21.7915 10.681C22.4858 11.3685 23.036 12.1863 23.4102 13.087C23.7844 13.9877 23.9752 14.9534 23.9714 15.928C23.9894 20.014 20.6427 23.335 16.5362 23.335ZM20.6246 17.791C20.3985 17.683 19.295 17.143 19.096 17.062C18.8879 16.99 18.7432 16.954 18.5894 17.17C18.4357 17.395 18.0106 17.899 17.8839 18.043C17.7573 18.196 17.6216 18.214 17.3955 18.097C17.1693 17.989 16.4457 17.746 15.5955 16.99C14.9261 16.396 14.4829 15.667 14.3472 15.442C14.2206 15.217 14.3291 15.1 14.4467 14.983C14.5462 14.884 14.6729 14.722 14.7814 14.596C14.8899 14.47 14.9352 14.371 15.0075 14.227C15.0799 14.074 15.0437 13.948 14.9894 13.84C14.9352 13.732 14.4829 12.634 14.302 12.184C14.1211 11.752 13.9312 11.806 13.7955 11.797H13.3613C13.2075 11.797 12.9724 11.851 12.7643 12.076C12.5653 12.301 11.9864 12.841 11.9864 13.939C11.9864 15.037 12.7915 16.099 12.9 16.243C13.0085 16.396 14.4829 18.646 16.7261 19.609C17.2598 19.843 17.6759 19.978 18.0015 20.077C18.5352 20.248 19.0236 20.221 19.4126 20.167C19.8467 20.104 20.7422 19.627 20.9231 19.105C21.1131 18.583 21.1131 18.142 21.0497 18.043C20.9864 17.944 20.8508 17.899 20.6246 17.791Z" fill="white"/> 2836 </svg> 2837 </div> 2838 <div class="sixteen-px"> 2839 تابع ÙÙاة عÙاظ عÙ٠اÙÙاتساب 2840 </div> 2841 </a> 2842 2843 </div> 2844 2845 </div> 2846 2847 <div class="text-center py-md-2 py-3"> 2848 ØÙÙ٠اÙÙ ÙÙÙØ© © <span id="year"></span> عÙاظ. ج٠Ùع اÙØÙÙÙ Ù ØÙÙظة 2849 </div> 2850 2851 <div id="Sureview350"></div> 2852 2853
2853<script> 2854 document.addEventListener("DOMContentLoaded",function(){renderYear()});function showErrorSubscriber(message){const messageContainer=document.getElementById("FormSubscriberMessage");if(!messageContainer)return;messageContainer.textContent=message} 2855document.getElementById("registerForm").addEventListener("submit",function(event){event.preventDefault();const emailInputSubscriber=document.getElementById("newsletterEmail");if(!emailInputSubscriber||!emailInputSubscriber.value.trim()){showErrorSubscriber("ج٠Ùع اÙØÙÙÙ Ù Ø·ÙÙبة.");return} 2856const email=emailInputSubscriber.value.trim();if(!validateEmailSubscriber(email)){showErrorSubscriber("Ùرج٠إدخا٠عÙÙا٠برÙد Ø¥ÙÙترÙÙ٠صاÙØ.");return} 2857const formData=new FormData();formData.append("email",email);fetch('/ajax/subscribe-to-newsletter',{method:"POST",body:formData,headers:{"Accept":"application/json","X-Requested-With":"XMLHttpRequest"}}).then(response=>{if(!response.ok){showErrorSubscriber("Error submitting form. Try again.");return} 2858return response.json()}).then(data=>{showErrorSubscriber(data.message)}).catch(error=>{showErrorSubscriber("Error submitting form. Try again.")})});function validateEmailSubscriber(email){const regex=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;return regex.test(email)} 2859 </script>
2859 2860 2861 2862</footer> 2863 </div> 2864 </div> 2865 </div> 2866 2867
2868<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.umd.js"></script>
vendor: 1 bytes, line 2868
2868
2869<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.thumbs.umd.js"></script>
vendor: 1 bytes, line 2869
2869
2870<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.autoplay.umd.js"></script>
2870 2871 2872<!-- default theme js_includes.blade.php -->
2873<script> 2874 2875 2876 2877document.addEventListener("DOMContentLoaded", function () { 2878 2879 /*write your code here*/ 2880 const header = document.querySelector(".header-menu-container"); 2881 const headerOffset = header.offsetTop; 2882 const videoDetails = document.querySelector(".video-details"); 2883 window.addEventListener("scroll", () => { 2884 if (window.scrollY >= headerOffset) { 2885 header.classList.add("fixed"); 2886 //videoDetails.classList.add("large"); 2887 } else { 2888 header.classList.remove("fixed"); 2889 //videoDetails.classList.remove("large"); 2890 } 2891 }); 2892 // renderWeather(map); 2893 window.addEventListener('load', function() { 2894 setTimeout(function() { 2895 if (typeof loadWeather === 'function') { 2896 loadWeather(); 2897 } else { 2898 console.warn('loadWeather() not defined yet'); 2899 } 2900 }, 4000); 2901 }); 2902}); 2903 2904function oneSlideCarousel(){ 2905 2906 2907 const main = document.getElementById("mainCarousel"); 2908 const thumbs = document.getElementById("thumbCarousel"); 2909 2910 const mainCarousel = new Carousel(main, { 2911 Dots: false, 2912 Navigation: true, 2913 direction: "rtl", 2914 Autoplay: { timeout: 3000 }, 2915 }, { Autoplay }); 2916 2917 const thumbCarousel = new Carousel(thumbs, { 2918 Dots: false, 2919 Navigation: false, 2920 center: true, 2921 direction: "rtl", 2922 slidesPerPage: 3, 2923 }); 2924 2925 // Sync slides 2926 mainCarousel.on("change", (that) => { 2927 const activeIndex = that.page; 2928 document.querySelectorAll(".thumb-btn img").forEach((img, index) => { 2929 img.classList.toggle("active", index === activeIndex); 2930 }); 2931 thumbCarousel.slideTo(activeIndex); 2932 }); 2933 2934 // Click thumb â go to slide 2935 document.querySelectorAll(".thumb-btn").forEach((btn) => { 2936 btn.addEventListener("click", function() { 2937 const index = parseInt(this.getAttribute("data-index")); 2938 mainCarousel.slideTo(index); 2939 }); 2940 }); 2941} 2942 2943function renderYear(){ 2944 document.getElementById("year").textContent = new Date().getFullYear(); 2945} 2946function callVideosCarousel() { 2947 const videoCarousel = document.getElementById("VideosCarousel"); 2948 2949 const mainCarouselOptions = { 2950 Dots: false, 2951 Navigation: false, 2952 direction: 'rtl', 2953 }; 2954 2955 const videoCarouselInstance = new Carousel( 2956 videoCarousel, 2957 mainCarouselOptions 2958 ); 2959 2960 let goToSLide = null; 2961 let prevArrow = null; 2962 let nextArrow = null; 2963 2964 prevArrow = document.getElementById("video-carousel-prev-arrow"); 2965 nextArrow = document.getElementById("video-carousel-next-arrow"); 2966 2967 if (prevArrow) { 2968 prevArrow.addEventListener("click", () => { 2969 videoCarouselInstance.slidePrev(); 2970 }); 2971 } 2972 if (nextArrow) { 2973 nextArrow.addEventListener("click", () => { 2974 videoCarouselInstance.slideNext(); 2975 }); 2976 } 2977} 2978function breakingNewsarousel(){ 2979 const BreakingNewsCarousel = document.getElementById("BreakingNewsCarousel"); 2980 2981 const mainCarouselOptions = { 2982 Dots: false, 2983 Navigation: false, 2984 }; 2985 2986 const BreakingNewsCarouselInstance = new Carousel( 2987 BreakingNewsCarousel, 2988 mainCarouselOptions 2989 ); 2990 2991 let goToSLide = null; 2992 let prevArrow = null; 2993 let nextArrow = null; 2994 2995 prevArrow = document.getElementById("breaking-carousel-prev-arrow"); 2996 nextArrow = document.getElementById("breaking-carousel-next-arrow"); 2997 2998 if (prevArrow) { 2999 prevArrow.addEventListener("click", () => { 3000 BreakingNewsCarouselInstance.slidePrev(); 3001 }); 3002 } 3003 if (nextArrow) { 3004 nextArrow.addEventListener("click", () => { 3005 BreakingNewsCarouselInstance.slideNext(); 3006 }); 3007 } 3008} 3009 3010function breakingNewscarouselBottom(){ 3011 const BreakingNewsCarousel = document.getElementById("breakingNewscarouselBottom"); 3012 3013 const mainCarouselOptions = { 3014 Dots: false, 3015 Navigation: false, 3016 Autoplay: { 3017 timeout: 3000, 3018 showProgress: false, 3019 }, 3020 }; 3021 3022 const BreakingNewsCarouselInstance = new Carousel( 3023 BreakingNewsCarousel, 3024 mainCarouselOptions, 3025 { Autoplay } 3026 ); 3027 3028 let goToSLide = null; 3029 let nextArrow = null; 3030 3031 nextArrow = document.getElementById("breaking-carousel-next-arrow"); 3032 3033 if (nextArrow) { 3034 nextArrow.addEventListener("click", () => { 3035 BreakingNewsCarouselInstance.slideNext(); 3036 }); 3037 } 3038} 3039 3040 3041function mainCarousel() { 3042 const mainCarouselContainer = document.getElementById("mainCarousel"); 3043 const thumbCarouselContainer = document.getElementById("thumbCarousel"); 3044 3045 const mainCarouselOptions = { 3046 Dots: false, 3047 Navigation: false, 3048 Autoplay: { 3049 timeout: 3000, 3050 showProgress: false, 3051 }, 3052 }; 3053 3054 const mainCarousel = new Carousel( 3055 mainCarouselContainer, 3056 mainCarouselOptions, 3057 { Autoplay } 3058 ); 3059 3060 const thumbCarouselOptions = { 3061 Dots: true, 3062 Navigation: false, 3063 slidesToShow: 1, 3064 center: true, 3065 }; 3066 3067 const thumbCarousel = new Carousel( 3068 thumbCarouselContainer, 3069 thumbCarouselOptions 3070 ); 3071 3072 // ? Make thumbs follow main carousel 3073 mainCarousel.on("change", (carousel) => { 3074 thumbCarousel.slideTo(carousel.page, { friction: 0 }); 3075 });
3076 3077 thumbCarousel.on("change", (carousel) => { 3078 mainCarousel.slideTo(carousel.page, { friction: 0 }); 3079 }); 3080 3081 // show only after initialization 3082 requestAnimationFrame(() => { 3083 mainCarouselContainer.classList.add("carousel-ready"); 3084 thumbCarouselContainer.classList.add("carousel-ready"); 3085 }); 3086} 3087 3088function renderCurrentDate(){ 3089 const now = new Date(); 3090 3091 const dayName = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { weekday: 'long' }).format(now); 3092 3093 const hijriFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-islamic', { day: 'numeric', month: 'long', year: 'numeric' }); 3094 const hijriParts = hijriFormatter.formatToParts(now); 3095 const hijriDay = hijriParts.find(p => p.type === 'day').value; 3096 const hijriMonth = hijriParts.find(p => p.type === 'month').value; 3097 const hijriYear = hijriParts.find(p => p.type === 'year').value; 3098 3099 const gregFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { day: 'numeric', month: 'long', year: 'numeric' }); 3100 const gregParts = gregFormatter.formatToParts(now); 3101 const gregDay = gregParts.find(p => p.type === 'day').value; 3102 const gregMonth = gregParts.find(p => p.type === 'month').value; 3103 const gregYear = gregParts.find(p => p.type === 'year').value; 3104 3105 const dateString = `${dayName}Ø ${hijriDay} ${hijriMonth} ${hijriYear} ÙÙ ${gregDay} ${gregMonth} ${gregYear} Ù `; 3106 3107 document.getElementById("current-date").textContent = dateString; 3108} 3109 3110 3111//Weather popup 3112async function loadWeather() { 3113 3114 const apiKey = "02ad9b51568ee3b07546ea94b77b7495"; 3115 const lat = 24.71, lon = 46.67; // Riyadh 3116 3117 const forecastEl = document.getElementById("forecast"); 3118 forecastEl.innerHTML = "<p>تØÙ ÙÙ...</p>"; 3119 3120 try { 3121 // ---- Current Weather ---- 3122 const currentRes = await fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&units=metric&lang=ar&appid=${apiKey}`); 3123 if (!currentRes.ok) throw new Error("Current weather request failed"); 3124 const currentData = await currentRes.json(); 3125 3126 document.querySelector("#currentWeather h2").textContent = `${Math.round(currentData.main.temp)}°C`; 3127 document.querySelector("#currentWeather p").textContent = currentData.weather[0].description; 3128 document.querySelector("#currentIcon").src = `http://openweathermap.org/img/wn/${currentData.weather[0].icon}@2x.png`; 3129 3130 // ---- Fallback: 5-day / 3-hour forecast ---- 3131 const fallbackRes = await fetch(`https://api.openweathermap.org/data/2.5/forecast?lat=${lat}&lon=${lon}&units=metric&lang=ar&appid=${apiKey}`); 3132 if (!fallbackRes.ok) throw new Error("5-day forecast request failed"); 3133 const fallbackData = await fallbackRes.json(); 3134 3135 forecastEl.innerHTML = ""; 3136 for (let i = 0; i < fallbackData.list.length; i += 8) { 3137 const dayData = fallbackData.list[i]; 3138 const date = new Date(dayData.dt * 1000); 3139 const weekday = date.toLocaleDateString("ar-SA", { weekday: "short" }); 3140 3141 forecastEl.innerHTML += ` 3142 <div class="weather-day"> 3143 <p>${weekday}</p> 3144 <img src="http://openweathermap.org/img/wn/${dayData.weather[0].icon}.png" alt=""> 3145 <p>${Math.round(dayData.main.temp_max)}° / ${Math.round(dayData.main.temp_min)}°</p> 3146 </div> 3147 `; 3148 } 3149 3150 } catch (err) { 3151 console.error("Weather load failed:", err); 3152 forecastEl.innerHTML = "<p>Ùش٠تØÙ Ù٠اÙØ·Ùس</p>"; 3153 } 3154 3155} 3156 3157 3158document.addEventListener("DOMContentLoaded", function () { 3159 3160 const mapEl = document.getElementById("map"); 3161 if (!mapEl) return; // stop if no map container on this page 3162 3163 const apiKey = "02ad9b51568ee3b07546ea94b77b7495"; 3164 let markers = []; 3165 3166 var map = L.map('map').setView([26, 45], 4); 3167 3168 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 3169 attribution: '© OpenStreetMap contributors' 3170 }).addTo(map); 3171 3172 const globalCities = [ 3173 { name: "ÙبÙاÙ", coords: [33.89, 35.50] }, 3174 { name: "سÙرÙا", coords: [33.51, 36.29] }, 3175 { name: "اÙأردÙ", coords: [31.95, 35.93] }, 3176 { name: "اÙعراÙ", coords: [33.31, 44.36] }, 3177 { name: "اÙÙÙÙت", coords: [29.37, 47.97] }, 3178 { name: "Ùطر", coords: [25.28, 51.52] }, 3179 { name: "اÙسعÙدÙØ©", coords: [24.71, 46.67] }, 3180 { name: "اÙإ٠ارات", coords: [25.20, 55.27] } 3181 ]; 3182 3183 const localCities = [ 3184 { name: "اÙرÙاض", coords: [24.71, 46.67] }, 3185 { name: "جدة", coords: [21.49, 39.19] }, 3186 { name: "Ù ÙØ©", coords: [21.39, 39.86] }, 3187 { name: "اÙد٠ا٠", coords: [26.42, 50.11] }, 3188 { name: "اÙ٠دÙÙØ©", coords: [24.47, 39.61] } 3189 ]; 3190 3191 function clearMarkers() {
3192 markers.forEach(m => map.removeLayer(m)); 3193 markers = []; 3194 } 3195 3196 function loadWeather(cities) { 3197 clearMarkers(); 3198 cities.forEach(city => { 3199 fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${city.coords[0]}&lon=${city.coords[1]}&units=metric&lang=ar&appid=${apiKey}`) 3200 .then(res => res.json()) 3201 .then(data => { 3202 const temp = Math.round(data.main.temp); 3203 const icon = data.weather[0].icon; 3204 3205 let marker = L.marker(city.coords, { 3206 icon: L.icon({ 3207 iconUrl: `http://openweathermap.org/img/wn/${icon}@2x.png`, 3208 iconSize: [50, 50] 3209 }) 3210 }).addTo(map); 3211 3212 marker.bindTooltip(`${city.name}: ${temp}°C`, { permanent: true, direction: 'right' }); 3213 markers.push(marker); 3214 }); 3215 }); 3216 } 3217 3218 // Switchers 3219 function showGlobal() { 3220 map.setView([26, 45], 4); 3221 loadWeather(globalCities); 3222 } 3223 3224 function showLocal() {
3225 map.setView([23.8859, 45.0792], 6); 3226 loadWeather(localCities); 3227 } 3228 3229 function goToCity(cityName) { 3230 const cityCoords = { 3231 "اÙرÙاض": [24.71, 46.67], 3232 "اÙسعÙدÙØ©": [24.71, 46.67], 3233 "اÙد٠ا٠": [26.42, 50.11], 3234 "تبÙÙ": [28.383, 36.566], 3235 "اÙشر٠ÙØ©": [27.05, 44.22], 3236 "طبرجÙ": [30.5, 38.2], 3237 "صا٠طة": [16.6, 42.95], 3238 "اÙÙ٠اص": [19.1, 42.13], 3239 "اÙزÙÙÙ": [26.3, 44.83], 3240 "ÙبÙاÙ": [33.89, 35.50], 3241 "سÙرÙا": [33.51, 36.29], 3242 "اÙعراÙ": [33.31, 44.36], 3243 "اÙÙÙÙت": [29.37, 47.97], 3244 "اÙإ٠ارات اÙعربÙØ© اÙ٠تØدة": [25.20, 55.27], 3245 "اÙاردÙ": [31.95, 35.93], 3246 "Ùطر": [25.28, 51.52] 3247 }; 3248 3249 if (!cityCoords[cityName]) return; 3250 3251 const coords = cityCoords[cityName]; 3252 map.setView(coords, 8); 3253 3254 clearMarkers(); 3255 fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${coords[0]}&lon=${coords[1]}&units=metric&lang=ar&appid=${apiKey}`) 3256 .then(res => res.json()) 3257 .then(data => { 3258 const temp = Math.round(data.main.temp); 3259 const icon = data.weather[0].icon; 3260 3261 let marker = L.marker(coords, { 3262 icon: L.icon({ 3263 iconUrl: `http://openweathermap.org/img/wn/${icon}@2x.png`, 3264 iconSize: [50, 50] 3265 }) 3266 }).addTo(map); 3267 3268 marker.bindTooltip(`${cityName}: ${temp}°C`, { permanent: true, direction: 'right' }); 3269 markers.push(marker); 3270 }); 3271 } 3272 3273 document.getElementById("citySelect").addEventListener("change", function () { 3274 if (this.value) goToCity(this.value); 3275 }); 3276 document.querySelector(".show-local").addEventListener("click", showLocal); 3277 document.querySelector(".show-global").addEventListener("click", showGlobal); 3278 3279 showGlobal(); 3280 3281 3282}); 3283</script>
vendor: 1 bytes, line 3283
3283
3284<script type="text/javascript" class="teads" src="//a.teads.tv/page/244596/tag" async="true"></script>
3284 3285</body> 3286</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.