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/login" /> 85<meta property="og:site_name" content="Ø¹ÙØ§Ø¸ "/> 86<meta property="og:updated_time" content="2026-10-01T14:46:38+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-10-01" /> 103<meta name="DC.date.issued" content="2026-10-01" /> 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/login" 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/login", 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': 'login', 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-12 noPadding col-xs-12"> 2096 <div id="widget_23513"> 2097 2098 <style> 2099 .login-page { 2100 padding: 3% 0px; 2101 width: 60%; 2102 display: flex; 2103 flex-direction: column; 2104 align-items: center; 2105 justify-content: center; 2106 margin: auto; 2107 text-align: center; 2108 } 2109 2110 .login-page .forgot-password-link { 2111 margin: 10px 0px; 2112 text-decoration: none; 2113 border-bottom: solid 1px #888; 2114 padding-bottom: 5px; 2115 width: 130px; 2116 margin-bottom: 10px; 2117 align-items: right; 2118 } 2119 2120 .login-page .form-link:not(.forgot-password-link) { 2121 width: 85px; 2122 margin: auto; 2123 text-align: center; 2124 } 2125 2126 .login-page .collapse-btn { 2127 margin: 30px auto; 2128 } 2129 </style> 2130 2131 <div class="login-page premium-page"> 2132 <form method="post" id="loginForm" action="ajax/loginAction" data-gtm-form-interact-id="0"> 2133 <input type="hidden" value="login" name="action"> 2134 2135 <input type="hidden" value="/dashboard" name="redirect_link"> 2136 2137 <div class="header-row"> 2138 تسجÙÙ Ø§ÙØ¯Ø®ÙÙ / Ø¥ÙØ´Ø§Ø¡ ØØ³Ø§Ø¨ 2139 </div> 2140 2141 <div style="height: 50px;"></div> 2142 2143 <div class="footer-row-premium"> 2144 2145 <div class="login-input"> 2146 <label class="label">Ø§ÙØØ³Ø§Ø¨ \ Ø§ÙØ¨Ø±Ùد Ø§ÙØ§ÙÙØªØ±ÙÙÙ</label> 2147 <input class="main-input flex-1" type="text" name="login_input" id="login_input" autofocus="" required="" data-gtm-form-interact-field-id="0"> 2148 </div> 2149 2150 <div class="login-input"> 2151 <label class="label">ÙÙÙ Ø© اÙÙ Ø±ÙØ±</label> 2152 <input class="main-input flex-1" type="password" name="password" id="password" required="" data-gtm-form-interact-field-id="1"> 2153 </div> 2154 2155 <div class="g-recaptcha" data-sitekey="6LdIdlUqAAAAAGOChKYjHXrQQkebjuowdb7d2iqx"></div> 2156 2157 <a class="forgot-password-link form-link" href="/forgot-password-premium">ÙØ³Ùت ÙÙÙ Ø© اÙÙ Ø±ÙØ±Ø</a> 2158 2159 <div class=""></div> 2160 2161 <div id="FormErrors" class="alert d-none col-span-full" role="alert"></div> 2162 2163 <button class="collapse-btn secondary">تسجÙÙ Ø§ÙØ¯Ø®ÙÙ</button> 2164 2165 <a class="form-link" href="/premium-signup"> Ø¥ÙØ´Ø§Ø¡ ØØ³Ø§Ø¨ </a> 2166 2167 </div> 2168 </form> 2169 </div> 2170 2171
2171<script> 2172 document.addEventListener("DOMContentLoaded", function () { 2173 const script = document.createElement('script'); 2174 script.src = 'https://www.google.com/recaptcha/api.js'; 2175 script.async = true; 2176 script.defer = true; 2177 document.head.appendChild(script); 2178 2179 2180 2181 const params = new URLSearchParams(window.location.search); 2182 const message = params.get("message"); 2183 const errorsBox = document.getElementById("FormErrors"); 2184 2185 if (message) { 2186 errorsBox.innerHTML = message; 2187 errorsBox.classList.remove("d-none"); 2188 } else { 2189 errorsBox.classList.add("d-none"); 2190 } 2191 }); 2192 </script>
2192 2193 2194</div> 2195 </div> 2196 </div> 2197 </div> 2198<div class="container-fluid "> 2199 <div class="row"> 2200 <div class="col-md-12 noPadding col-xs-12"> 2201 <footer id="widget_23288" class=""> 2202 2203 <style> 2204 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} 2205 </style> 2206 2207 <div 2208 class="footer-apps-section container d-flex align-content-center justify-content-md-between justify-content-center my-5" 2209 > 2210 <a href="/" class="col-md-2 col-4"> 2211 <img class="main-footer-logo w-100" src="https://www.okaz.com.sa/okaz/uploads/global_files/main-logo.png" alt="Logo" title="Logo" /> 2212 <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" /> 2213 </a> 2214 2215 <div class="d-md-flex d-none justify-content-end align-content-center gap-2"> 2216 <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"> 2217 <img 2218 class="w-100 h-100" 2219 src="https://www.okaz.com.sa/okaz/uploads/global_files/apple-store-new.png" 2220 alt="apple store" 2221 /> 2222 </a> 2223 <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"> 2224 <img 2225 class="w-100 h-100" 2226 src="https://www.okaz.com.sa/okaz/uploads/global_files/google-play-new.png" 2227 alt="google play" 2228 /> 2229 </a> 2230 </div> 2231 </div> 2232 2233 <hr class="w-100" /> 2234 2235 <div class="container d-md-flex d-none justify-content-between" style="padding-bottom:30px !important; padding-top:30px !important;"> 2236 <div class="w-55 multi-column"> 2237 <a class="menu-link" title="Ù ØÙÙØ§Øª" href='https://www.okaz.com.sa/local'> 2238 2239 Ù ØÙÙØ§Øª 2240 2241</a> 2242<a class="menu-link" title="Ø³ÙØ§Ø³Ø©" href='https://www.okaz.com.sa/politics'> 2243 2244 Ø³ÙØ§Ø³Ø© 2245 2246</a> 2247<a class="menu-link" title="Ø§ÙØªØµØ§Ø¯" href='https://www.okaz.com.sa/economy'> 2248 2249 Ø§ÙØªØµØ§Ø¯ 2250 2251</a> 2252<a class="menu-link" title="Ø±ÙØ§Ø¶Ø©" href='https://www.okaz.com.sa/sport'> 2253 2254 Ø±ÙØ§Ø¶Ø© 2255 2256</a> 2257<a class="menu-link" title="Ø«ÙØ§ÙØ© ÙÙÙ" href='https://www.okaz.com.sa/culture'> 2258 2259 Ø«ÙØ§ÙØ© ÙÙÙ 2260 2261</a> 2262<a class="menu-link" title="Ù ÙÙØ¹Ø§Øª" href='https://www.okaz.com.sa/variety'> 2263 2264 Ù ÙÙØ¹Ø§Øª 2265 2266</a> 2267<a class="menu-link" title="Ù ÙØ§Ùات" href='https://www.okaz.com.sa/articles'> 2268 2269 Ù ÙØ§Ùات 2270 2271</a> 2272<a class="menu-link" title="Ù ÙØªÙÙ ÙØ¯Ùا" href='https://www.okaz.com.sa/multimedia'> 2273 2274 Ù ÙØªÙÙ ÙØ¯Ùا 2275 2276</a> 2277<a class="menu-link" title="Ø§ÙØ±Ùاضات Ø§ÙØ¥ÙÙØªØ±ÙÙÙØ©" href='https://www.okaz.com.sa/esports'> 2278 2279 Ø§ÙØ±Ùاضات Ø§ÙØ¥ÙÙØªØ±ÙÙÙØ© 2280 2281</a> 2282<a class="menu-link" title="Ø³Ø¹ÙØ¯Ùات" href='https://www.okaz.com.sa/saudi-women'> 2283 2284 Ø³Ø¹ÙØ¯Ùات 2285 2286</a> 2287<a class="menu-link" title="Ø§Ø²ÙØ§Ø¡" href='https://www.okaz.com.sa/fashion'> 2288 2289 Ø§Ø²ÙØ§Ø¡ 2290 2291</a> 2292<a class="menu-link" title="Ø³ÙØ§ØØ©" href='https://www.okaz.com.sa/tourism'> 2293 2294 Ø³ÙØ§ØØ© 2295 2296</a> 2297<a class="menu-link" title="اÙÙØ§Ø³" href='https://www.okaz.com.sa/people-situations'> 2298 2299 اÙÙØ§Ø³ 2300 2301</a> 2302<a class="menu-link" title="تØÙÙÙØ§Øª" href='https://www.okaz.com.sa/investigation'> 2303 2304 تØÙÙÙØ§Øª 2305 2306</a> 2307<a class="menu-link" title="تÙÙÙÙÙØ¬Ùا" href='https://www.okaz.com.sa/technology'> 2308 2309 تÙÙÙÙÙØ¬Ùا 2310 2311</a> 2312<a class="menu-link" title="ØµÙØª اÙÙ ÙØ§Ø·Ù" href='https://www.okaz.com.sa/citizen-voice'> 2313 2314 ØµÙØª اÙÙ ÙØ§Ø·Ù 2315 2316</a> 2317<a class="menu-link" title="Ø²ÙØ§Ùا ٠تخصصة" href='https://www.okaz.com.sa/special-zones'> 2318 2319 Ø²ÙØ§Ùا ٠تخصصة 2320 2321</a> 2322<a class="menu-link" title="Ù Ø±ÙØ² اÙ٠عÙÙ٠ات" href='https://www.okaz.com.sa/information-center'> 2323 2324 Ù Ø±ÙØ² اÙ٠عÙÙ٠ات 2325 2326</a> 2327<a class="menu-link" title="ÙÙØ¯ÙÙ" href='https://www.okaz.com.sa/video'> 2328 2329 ÙÙØ¯ÙÙ 2330 2331</a> 2332<a class="menu-link" title="Ø¨ÙØ¯Ùاست" href='https://www.okaz.com.sa/podcast'> 2333 2334 Ø¨ÙØ¯Ùاست 2335 2336</a> 2337<a class="menu-link" title="٠باشر" href='https://www.okaz.com.sa/live'> 2338 2339 ٠باشر 2340 2341</a> 2342 </div> 2343 <div class="w-25 text-start"> 2344 <a class="menu-link left" href='https://www.okaz.com.sa/privacy-policy' key="568"> 2345 2346 Ø§ÙØ´Ø±ÙØ· ÙØ§ÙØ£ØÙا٠2347 2348</a> 2349<a class="menu-link left" href='https://www.okaz.com.sa/about-us' key="569"> 2350 2351 ØÙ٠اÙ٠ؤسسة 2352 2353</a> 2354<a class="menu-link left" href='https://www.okaz.com.sa/editorial-management' key="570"> 2355 2356 إدارة Ø§ÙØªØØ±Ùر 2357 2358</a> 2359<a class="menu-link left" href='https://www.okaz.com.sa/media-kit' key="571"> 2360 2361 ÙÙØ¥Ø¹Ùا٠2362 2363</a> 2364<a class="menu-link left" href='https://www.okaz.com.sa/contact-us' key="572"> 2365 2366 Ø¥ØªØµÙ Ø¨ÙØ§ 2367 2368</a> 2369<a class="menu-link left" href='https://subscribe.okaz.com.sa/' key="573"> 2370 2371 Ø§ÙØ¥Ø´ØªØ±Ø§Ùات 2372 2373</a> 2374 </div> 2375 </div> 2376 2377 <div class="mt-3"> 2378 <div class="container d-flex d-md-none justify-content-center align-content-center gap-2 mx-auto"> 2379 <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"> 2380 <img 2381 src="https://www.okaz.com.sa/okaz/uploads/global_files/apple-store-new.png" 2382 alt="apple store" 2383 /> 2384 </a> 2385 <a target="_blank" href="https://play.google.com/store/apps/details?id=com.apps2you.okaz" class="app-icon" title="play store application" rel="nofollow"> 2386 <img 2387 src="https://www.okaz.com.sa/okaz/uploads/global_files/google-play-new.png" 2388 alt="google play" 2389 /> 2390 </a> 2391 </div> 2392 </div> 2393 2394 <div class="container grid-3 d-grid d-md-none row-gap-2 sixteen-px" style="padding-bottom:30px !important; padding-top:30px !important;"> 2395 2396 <a class="menu-link" title="Ù ØÙÙØ§Øª" href='https://www.okaz.com.sa/local'> 2397 2398 Ù ØÙÙØ§Øª 2399 2400</a> 2401<a class="menu-link" title="Ø³ÙØ§Ø³Ø©" href='https://www.okaz.com.sa/politics'> 2402 2403 Ø³ÙØ§Ø³Ø© 2404 2405</a> 2406<a class="menu-link" title="Ø§ÙØªØµØ§Ø¯" href='https://www.okaz.com.sa/economy'> 2407 2408 Ø§ÙØªØµØ§Ø¯ 2409 2410</a> 2411<a class="menu-link" title="Ø±ÙØ§Ø¶Ø©" href='https://www.okaz.com.sa/sport'> 2412 2413 Ø±ÙØ§Ø¶Ø© 2414 2415</a> 2416<a class="menu-link" title="Ø«ÙØ§ÙØ© ÙÙÙ" href='https://www.okaz.com.sa/culture'> 2417 2418 Ø«ÙØ§ÙØ© ÙÙÙ 2419 2420</a> 2421<a class="menu-link" title="Ù ÙÙØ¹Ø§Øª" href='https://www.okaz.com.sa/variety'> 2422 2423 Ù ÙÙØ¹Ø§Øª 2424 2425</a> 2426<a class="menu-link" title="Ù ÙØ§Ùات" href='https://www.okaz.com.sa/articles'> 2427 2428 Ù ÙØ§Ùات 2429 2430</a> 2431<a class="menu-link" title="Ù ÙØªÙÙ ÙØ¯Ùا" href='https://www.okaz.com.sa/multimedia'> 2432 2433 Ù ÙØªÙÙ ÙØ¯Ùا 2434 2435</a> 2436<a class="menu-link" title="Ø§ÙØ±Ùاضات Ø§ÙØ¥ÙÙØªØ±ÙÙÙØ©" href='https://www.okaz.com.sa/esports'> 2437 2438 Ø§ÙØ±Ùاضات Ø§ÙØ¥ÙÙØªØ±ÙÙÙØ© 2439 2440</a> 2441<a class="menu-link" title="Ø³Ø¹ÙØ¯Ùات" href='https://www.okaz.com.sa/saudi-women'> 2442 2443 Ø³Ø¹ÙØ¯Ùات 2444 2445</a> 2446<a class="menu-link" title="Ø§Ø²ÙØ§Ø¡" href='https://www.okaz.com.sa/fashion'> 2447 2448 Ø§Ø²ÙØ§Ø¡ 2449 2450</a> 2451<a class="menu-link" title="Ø³ÙØ§ØØ©" href='https://www.okaz.com.sa/tourism'> 2452 2453 Ø³ÙØ§ØØ© 2454 2455</a> 2456<a class="menu-link" title="اÙÙØ§Ø³" href='https://www.okaz.com.sa/people-situations'> 2457 2458 اÙÙØ§Ø³ 2459 2460</a> 2461<a class="menu-link" title="تØÙÙÙØ§Øª" href='https://www.okaz.com.sa/investigation'> 2462 2463 تØÙÙÙØ§Øª 2464 2465</a> 2466<a class="menu-link" title="تÙÙÙÙÙØ¬Ùا" href='https://www.okaz.com.sa/technology'> 2467 2468 تÙÙÙÙÙØ¬Ùا 2469 2470</a> 2471<a class="menu-link" title="ØµÙØª اÙÙ ÙØ§Ø·Ù" href='https://www.okaz.com.sa/citizen-voice'> 2472 2473 ØµÙØª اÙÙ ÙØ§Ø·Ù 2474 2475</a> 2476<a class="menu-link" title="Ø²ÙØ§Ùا ٠تخصصة" href='https://www.okaz.com.sa/special-zones'> 2477 2478 Ø²ÙØ§Ùا ٠تخصصة 2479 2480</a> 2481<a class="menu-link" title="Ù Ø±ÙØ² اÙ٠عÙÙ٠ات" href='https://www.okaz.com.sa/information-center'> 2482 2483 Ù Ø±ÙØ² اÙ٠عÙÙ٠ات 2484 2485</a> 2486<a class="menu-link" title="ÙÙØ¯ÙÙ" href='https://www.okaz.com.sa/video'> 2487 2488 ÙÙØ¯ÙÙ 2489 2490</a> 2491<a class="menu-link" title="Ø¨ÙØ¯Ùاست" href='https://www.okaz.com.sa/podcast'> 2492 2493 Ø¨ÙØ¯Ùاست 2494 2495</a> 2496<a class="menu-link" title="٠باشر" href='https://www.okaz.com.sa/live'> 2497 2498 ٠باشر 2499 2500</a> 2501 2502 <a class="menu-link" href='https://www.okaz.com.sa/privacy-policy' key="568"> 2503 2504 Ø§ÙØ´Ø±ÙØ· ÙØ§ÙØ£ØÙا٠2505 2506</a> 2507<a class="menu-link" href='https://www.okaz.com.sa/about-us' key="569"> 2508 2509 ØÙ٠اÙ٠ؤسسة 2510 2511</a> 2512<a class="menu-link" href='https://www.okaz.com.sa/editorial-management' key="570"> 2513 2514 إدارة Ø§ÙØªØØ±Ùر 2515 2516</a> 2517<a class="menu-link" href='https://www.okaz.com.sa/media-kit' key="571"> 2518 2519 ÙÙØ¥Ø¹Ùا٠2520 2521</a> 2522<a class="menu-link" href='https://www.okaz.com.sa/contact-us' key="572"> 2523 2524 Ø¥ØªØµÙ Ø¨ÙØ§ 2525 2526</a> 2527<a class="menu-link" href='https://subscribe.okaz.com.sa/' key="573"> 2528 2529 Ø§ÙØ¥Ø´ØªØ±Ø§Ùات 2530 2531</a> 2532 2533 </div> 2534 2535 <div class="primary-bg"> 2536 2537 <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;"> 2538 2539 <div class="d-md-flex d-none gap-3"> 2540 <form id="registerForm" method="POST" class="d-flex h-12 newsletter-input-container"> 2541 <input 2542 type="email" 2543 class="newsletter-input" 2544 placeholder="Ø¨Ø±ÙØ¯Ù Ø§ÙØ§ÙÙØªØ±ÙÙÙ" 2545 id="newsletterEmail" name="newsletterEmail" required 2546 /> 2547 <button class="submit-email"> 2548 <svg 2549 width="20" 2550 height="23"
2551 viewBox="0 0 22 23" 2552 fill="none" 2553 xmlns="http://www.w3.org/2000/svg" 2554 > 2555 <path 2556 fill-rule="evenodd" 2557 clip-rule="evenodd" 2558 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" 2559 fill="#2F4959" 2560 /> 2561 </svg> 2562 </button> 2563 </form> 2564 <div class="text-white" id="FormSubscriberMessage"> 2565 اشتر٠ÙÙ ÙØ´Ø±ØªÙا Ø§ÙØ¥Ø®Ø¨Ø§Ø±ÙØ© ÙØªØ§Ø¨Ø¹ <br />Ø£ØØ¯Ø« Ø§ÙØ£Ø®Ø¨Ø§Ø±! 2566 </div> 2567 </div> 2568 <div class="d-flex gap-md-2 grid-3"> 2569 <!--x icon--> 2570 <a target="_blank" href="https://x.com/okaz_online" title="X page" rel="nofollow"> 2571 <svg 2572 width="35" 2573 height="35"
2574 viewBox="0 0 35 35" 2575 fill="none" 2576 xmlns="http://www.w3.org/2000/svg" 2577 > 2578 <g clip-path="url(#clip0_1705_200)"> 2579 <path 2580 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" 2581 fill="white" 2582 /> 2583 </g> 2584 <rect 2585 x="0.5" 2586 y="0.5" 2587 width="34" 2588 height="34" 2589 rx="4.5" 2590 stroke="white" 2591 /> 2592 <defs> 2593 <clipPath id="clip0_1705_200"> 2594 <rect 2595 width="15" 2596 height="15" 2597 fill="white" 2598 transform="translate(10 10)" 2599 /> 2600 </clipPath> 2601 </defs> 2602 </svg> 2603 </a> 2604 <!--instagram link--> 2605 <a target="_blank" href="https://www.instagram.com/okaznewspaper/" title="instagram page" rel="nofollow"> 2606 <svg 2607 width="35" 2608 height="35"
2609 viewBox="0 0 35 35" 2610 fill="none" 2611 xmlns="http://www.w3.org/2000/svg" 2612 > 2613 <path 2614 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" 2615 fill="white" 2616 /> 2617 <path 2618 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" 2619 fill="white" 2620 /> 2621 <path 2622 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" 2623 fill="white" 2624 /> 2625 <rect 2626 x="0.5" 2627 y="0.5" 2628 width="34" 2629 height="34" 2630 rx="4.5" 2631 stroke="white" 2632 /> 2633 </svg> 2634 </a> 2635 <!--facebook link--> 2636 <a target="_blank" href="https://www.facebook.com/OKAZNEWS" title="facebook page" rel="nofollow"> 2637 <svg 2638 width="35" 2639 height="35"
2640 viewBox="0 0 35 35" 2641 fill="none" 2642 xmlns="http://www.w3.org/2000/svg" 2643 > 2644 <rect 2645 x="0.5" 2646 y="0.5" 2647 width="34" 2648 height="34" 2649 rx="4.5" 2650 stroke="white" 2651 /> 2652 <path 2653 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" 2654 fill="white" 2655 /> 2656 </svg> 2657 </a> 2658 <!-- link--> 2659 <a target="_blank" href="/rss" title="okaz rss"> 2660 <svg 2661 width="35" 2662 height="35" 2663 viewBox="0 0 35 35" 2664 fill="none" 2665 xmlns="http://www.w3.org/2000/svg" 2666 > 2667 <rect 2668 x="0.5" 2669 y="0.5" 2670 width="34" 2671 height="34" 2672 rx="4.5" 2673 stroke="white" 2674 /> 2675 <path 2676 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" 2677 fill="white" 2678 /> 2679 </svg> 2680 </a> 2681 <!--youtube link--> 2682 <a target="_blank" href="https://www.youtube.com/user/okazonline" title="youtube channel" rel="nofollow"> 2683 <svg 2684 width="35" 2685 height="35"
2686 viewBox="0 0 35 35" 2687 fill="none" 2688 xmlns="http://www.w3.org/2000/svg" 2689 > 2690 <rect 2691 x="0.5" 2692 y="0.5" 2693 width="34" 2694 height="34" 2695 rx="4.5" 2696 stroke="white" 2697 /> 2698 <path 2699 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" 2700 fill="white" 2701 /> 2702 </svg> 2703 </a> 2704 </div> 2705 <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"> 2706 <div> 2707 <svg width="35" height="35" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 2708 <rect x="1" y="0.5" width="31" height="31" rx="4.5" stroke="white"/> 2709 <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"/> 2710 </svg> 2711 </div> 2712 <div class="sixteen-px"> 2713 تابع ÙÙØ§Ø© Ø¹ÙØ§Ø¸ عÙ٠اÙÙØ§ØªØ³Ø§Ø¨ 2714 </div> 2715 </a> 2716 2717 </div> 2718 2719 </div> 2720 2721 <div class="text-center py-md-2 py-3"> 2722 ØÙÙ٠اÙÙ ÙÙÙØ© © <span id="year"></span> Ø¹ÙØ§Ø¸. Ø¬Ù ÙØ¹ Ø§ÙØÙÙÙ Ù ØÙÙØ¸Ø© 2723 </div> 2724 2725 <div id="Sureview350"></div> 2726 2727
2727<script> 2728 document.addEventListener("DOMContentLoaded",function(){renderYear()});function showErrorSubscriber(message){const messageContainer=document.getElementById("FormSubscriberMessage");if(!messageContainer)return;messageContainer.textContent=message} 2729document.getElementById("registerForm").addEventListener("submit",function(event){event.preventDefault();const emailInputSubscriber=document.getElementById("newsletterEmail");if(!emailInputSubscriber||!emailInputSubscriber.value.trim()){showErrorSubscriber("Ø¬Ù ÙØ¹ Ø§ÙØÙÙÙ Ù Ø·ÙÙØ¨Ø©.");return} 2730const email=emailInputSubscriber.value.trim();if(!validateEmailSubscriber(email)){showErrorSubscriber("ÙØ±Ø¬Ù إدخا٠عÙÙØ§Ù Ø¨Ø±ÙØ¯ Ø¥ÙÙØªØ±ÙÙÙ ØµØ§ÙØ.");return} 2731const 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} 2732return 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)} 2733 </script>
2733 2734 2735 2736</footer> 2737 </div> 2738 </div> 2739 </div> 2740 2741
2742<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.umd.js"></script>
vendor: 1 bytes, line 2742
2742
2743<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.thumbs.umd.js"></script>
vendor: 1 bytes, line 2743
2743
2744<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/carousel/carousel.autoplay.umd.js"></script>
2744 2745 2746<!-- default theme js_includes.blade.php -->
2747<script> 2748 2749 2750 2751document.addEventListener("DOMContentLoaded", function () { 2752 2753 /*write your code here*/ 2754 const header = document.querySelector(".header-menu-container"); 2755 const headerOffset = header.offsetTop; 2756 const videoDetails = document.querySelector(".video-details"); 2757 window.addEventListener("scroll", () => { 2758 if (window.scrollY >= headerOffset) { 2759 header.classList.add("fixed"); 2760 //videoDetails.classList.add("large"); 2761 } else { 2762 header.classList.remove("fixed"); 2763 //videoDetails.classList.remove("large"); 2764 } 2765 }); 2766 // renderWeather(map); 2767 window.addEventListener('load', function() { 2768 setTimeout(function() { 2769 if (typeof loadWeather === 'function') { 2770 loadWeather(); 2771 } else { 2772 console.warn('loadWeather() not defined yet'); 2773 } 2774 }, 4000); 2775 }); 2776}); 2777 2778function oneSlideCarousel(){ 2779 2780 2781 const main = document.getElementById("mainCarousel"); 2782 const thumbs = document.getElementById("thumbCarousel"); 2783 2784 const mainCarousel = new Carousel(main, { 2785 Dots: false, 2786 Navigation: true, 2787 direction: "rtl", 2788 Autoplay: { timeout: 3000 }, 2789 }, { Autoplay }); 2790 2791 const thumbCarousel = new Carousel(thumbs, { 2792 Dots: false, 2793 Navigation: false, 2794 center: true, 2795 direction: "rtl", 2796 slidesPerPage: 3, 2797 }); 2798 2799 // Sync slides 2800 mainCarousel.on("change", (that) => { 2801 const activeIndex = that.page; 2802 document.querySelectorAll(".thumb-btn img").forEach((img, index) => { 2803 img.classList.toggle("active", index === activeIndex); 2804 }); 2805 thumbCarousel.slideTo(activeIndex); 2806 }); 2807 2808 // Click thumb â go to slide 2809 document.querySelectorAll(".thumb-btn").forEach((btn) => { 2810 btn.addEventListener("click", function() { 2811 const index = parseInt(this.getAttribute("data-index")); 2812 mainCarousel.slideTo(index); 2813 }); 2814 }); 2815} 2816 2817function renderYear(){ 2818 document.getElementById("year").textContent = new Date().getFullYear(); 2819} 2820function callVideosCarousel() { 2821 const videoCarousel = document.getElementById("VideosCarousel"); 2822 2823 const mainCarouselOptions = { 2824 Dots: false, 2825 Navigation: false, 2826 direction: 'rtl', 2827 }; 2828 2829 const videoCarouselInstance = new Carousel( 2830 videoCarousel, 2831 mainCarouselOptions 2832 ); 2833 2834 let goToSLide = null; 2835 let prevArrow = null; 2836 let nextArrow = null; 2837 2838 prevArrow = document.getElementById("video-carousel-prev-arrow"); 2839 nextArrow = document.getElementById("video-carousel-next-arrow"); 2840 2841 if (prevArrow) { 2842 prevArrow.addEventListener("click", () => { 2843 videoCarouselInstance.slidePrev(); 2844 }); 2845 } 2846 if (nextArrow) { 2847 nextArrow.addEventListener("click", () => { 2848 videoCarouselInstance.slideNext(); 2849 }); 2850 } 2851} 2852function breakingNewsarousel(){ 2853 const BreakingNewsCarousel = document.getElementById("BreakingNewsCarousel"); 2854 2855 const mainCarouselOptions = { 2856 Dots: false, 2857 Navigation: false, 2858 }; 2859 2860 const BreakingNewsCarouselInstance = new Carousel( 2861 BreakingNewsCarousel, 2862 mainCarouselOptions 2863 ); 2864 2865 let goToSLide = null; 2866 let prevArrow = null; 2867 let nextArrow = null; 2868 2869 prevArrow = document.getElementById("breaking-carousel-prev-arrow"); 2870 nextArrow = document.getElementById("breaking-carousel-next-arrow"); 2871 2872 if (prevArrow) { 2873 prevArrow.addEventListener("click", () => { 2874 BreakingNewsCarouselInstance.slidePrev(); 2875 }); 2876 } 2877 if (nextArrow) { 2878 nextArrow.addEventListener("click", () => { 2879 BreakingNewsCarouselInstance.slideNext(); 2880 }); 2881 } 2882} 2883 2884function breakingNewscarouselBottom(){ 2885 const BreakingNewsCarousel = document.getElementById("breakingNewscarouselBottom"); 2886 2887 const mainCarouselOptions = { 2888 Dots: false, 2889 Navigation: false, 2890 Autoplay: { 2891 timeout: 3000, 2892 showProgress: false, 2893 }, 2894 }; 2895 2896 const BreakingNewsCarouselInstance = new Carousel( 2897 BreakingNewsCarousel, 2898 mainCarouselOptions, 2899 { Autoplay } 2900 ); 2901 2902 let goToSLide = null; 2903 let nextArrow = null; 2904 2905 nextArrow = document.getElementById("breaking-carousel-next-arrow"); 2906 2907 if (nextArrow) { 2908 nextArrow.addEventListener("click", () => { 2909 BreakingNewsCarouselInstance.slideNext(); 2910 }); 2911 } 2912} 2913 2914 2915function mainCarousel() { 2916 const mainCarouselContainer = document.getElementById("mainCarousel"); 2917 const thumbCarouselContainer = document.getElementById("thumbCarousel"); 2918 2919 const mainCarouselOptions = { 2920 Dots: false, 2921 Navigation: false, 2922 Autoplay: { 2923 timeout: 3000, 2924 showProgress: false, 2925 }, 2926 }; 2927 2928 const mainCarousel = new Carousel( 2929 mainCarouselContainer, 2930 mainCarouselOptions, 2931 { Autoplay } 2932 ); 2933 2934 const thumbCarouselOptions = { 2935 Dots: true, 2936 Navigation: false, 2937 slidesToShow: 1, 2938 center: true, 2939 }; 2940 2941 const thumbCarousel = new Carousel( 2942 thumbCarouselContainer, 2943 thumbCarouselOptions 2944 ); 2945 2946 // ? Make thumbs follow main carousel 2947 mainCarousel.on("change", (carousel) => { 2948 thumbCarousel.slideTo(carousel.page, { friction: 0 }); 2949 });
2950 2951 thumbCarousel.on("change", (carousel) => { 2952 mainCarousel.slideTo(carousel.page, { friction: 0 }); 2953 }); 2954 2955 // show only after initialization 2956 requestAnimationFrame(() => { 2957 mainCarouselContainer.classList.add("carousel-ready"); 2958 thumbCarouselContainer.classList.add("carousel-ready"); 2959 }); 2960} 2961 2962function renderCurrentDate(){ 2963 const now = new Date(); 2964 2965 const dayName = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { weekday: 'long' }).format(now); 2966 2967 const hijriFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-islamic', { day: 'numeric', month: 'long', year: 'numeric' }); 2968 const hijriParts = hijriFormatter.formatToParts(now); 2969 const hijriDay = hijriParts.find(p => p.type === 'day').value; 2970 const hijriMonth = hijriParts.find(p => p.type === 'month').value; 2971 const hijriYear = hijriParts.find(p => p.type === 'year').value; 2972 2973 const gregFormatter = new Intl.DateTimeFormat('ar-SA-u-ca-gregory', { day: 'numeric', month: 'long', year: 'numeric' }); 2974 const gregParts = gregFormatter.formatToParts(now); 2975 const gregDay = gregParts.find(p => p.type === 'day').value; 2976 const gregMonth = gregParts.find(p => p.type === 'month').value; 2977 const gregYear = gregParts.find(p => p.type === 'year').value; 2978 2979 const dateString = `${dayName}Ø ${hijriDay} ${hijriMonth} ${hijriYear} ÙÙ ${gregDay} ${gregMonth} ${gregYear} Ù `; 2980 2981 document.getElementById("current-date").textContent = dateString; 2982} 2983 2984 2985//Weather popup 2986async function loadWeather() { 2987 2988 const apiKey = "02ad9b51568ee3b07546ea94b77b7495"; 2989 const lat = 24.71, lon = 46.67; // Riyadh 2990 2991 const forecastEl = document.getElementById("forecast"); 2992 forecastEl.innerHTML = "<p>تØÙ ÙÙ...</p>"; 2993 2994 try { 2995 // ---- Current Weather ---- 2996 const currentRes = await fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&units=metric&lang=ar&appid=${apiKey}`); 2997 if (!currentRes.ok) throw new Error("Current weather request failed"); 2998 const currentData = await currentRes.json(); 2999 3000 document.querySelector("#currentWeather h2").textContent = `${Math.round(currentData.main.temp)}°C`; 3001 document.querySelector("#currentWeather p").textContent = currentData.weather[0].description; 3002 document.querySelector("#currentIcon").src = `http://openweathermap.org/img/wn/${currentData.weather[0].icon}@2x.png`; 3003 3004 // ---- Fallback: 5-day / 3-hour forecast ---- 3005 const fallbackRes = await fetch(`https://api.openweathermap.org/data/2.5/forecast?lat=${lat}&lon=${lon}&units=metric&lang=ar&appid=${apiKey}`); 3006 if (!fallbackRes.ok) throw new Error("5-day forecast request failed"); 3007 const fallbackData = await fallbackRes.json(); 3008 3009 forecastEl.innerHTML = ""; 3010 for (let i = 0; i < fallbackData.list.length; i += 8) { 3011 const dayData = fallbackData.list[i]; 3012 const date = new Date(dayData.dt * 1000); 3013 const weekday = date.toLocaleDateString("ar-SA", { weekday: "short" }); 3014 3015 forecastEl.innerHTML += ` 3016 <div class="weather-day"> 3017 <p>${weekday}</p> 3018 <img src="http://openweathermap.org/img/wn/${dayData.weather[0].icon}.png" alt=""> 3019 <p>${Math.round(dayData.main.temp_max)}° / ${Math.round(dayData.main.temp_min)}°</p> 3020 </div> 3021 `; 3022 } 3023 3024 } catch (err) { 3025 console.error("Weather load failed:", err); 3026 forecastEl.innerHTML = "<p>ÙØ´Ù تØÙ ÙÙ Ø§ÙØ·Ùس</p>"; 3027 } 3028 3029} 3030 3031 3032document.addEventListener("DOMContentLoaded", function () { 3033 3034 const mapEl = document.getElementById("map"); 3035 if (!mapEl) return; // stop if no map container on this page 3036 3037 const apiKey = "02ad9b51568ee3b07546ea94b77b7495"; 3038 let markers = []; 3039 3040 var map = L.map('map').setView([26, 45], 4); 3041 3042 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 3043 attribution: '© OpenStreetMap contributors' 3044 }).addTo(map); 3045 3046 const globalCities = [ 3047 { name: "ÙØ¨ÙاÙ", coords: [33.89, 35.50] }, 3048 { name: "Ø³ÙØ±Ùا", coords: [33.51, 36.29] }, 3049 { name: "Ø§ÙØ£Ø±Ø¯Ù", coords: [31.95, 35.93] }, 3050 { name: "Ø§ÙØ¹Ø±Ø§Ù", coords: [33.31, 44.36] }, 3051 { name: "اÙÙÙÙØª", coords: [29.37, 47.97] }, 3052 { name: "ÙØ·Ø±", coords: [25.28, 51.52] }, 3053 { name: "Ø§ÙØ³Ø¹ÙØ¯ÙØ©", coords: [24.71, 46.67] }, 3054 { name: "Ø§ÙØ¥Ù ارات", coords: [25.20, 55.27] } 3055 ]; 3056 3057 const localCities = [ 3058 { name: "Ø§ÙØ±Ùاض", coords: [24.71, 46.67] }, 3059 { name: "جدة", coords: [21.49, 39.19] }, 3060 { name: "Ù ÙØ©", coords: [21.39, 39.86] }, 3061 { name: "Ø§ÙØ¯Ù ا٠", coords: [26.42, 50.11] }, 3062 { name: "اÙ٠دÙÙØ©", coords: [24.47, 39.61] } 3063 ]; 3064 3065 function clearMarkers() {
3066 markers.forEach(m => map.removeLayer(m)); 3067 markers = []; 3068 } 3069 3070 function loadWeather(cities) { 3071 clearMarkers(); 3072 cities.forEach(city => { 3073 fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${city.coords[0]}&lon=${city.coords[1]}&units=metric&lang=ar&appid=${apiKey}`) 3074 .then(res => res.json()) 3075 .then(data => { 3076 const temp = Math.round(data.main.temp); 3077 const icon = data.weather[0].icon; 3078 3079 let marker = L.marker(city.coords, { 3080 icon: L.icon({ 3081 iconUrl: `http://openweathermap.org/img/wn/${icon}@2x.png`, 3082 iconSize: [50, 50] 3083 }) 3084 }).addTo(map); 3085 3086 marker.bindTooltip(`${city.name}: ${temp}°C`, { permanent: true, direction: 'right' }); 3087 markers.push(marker); 3088 }); 3089 }); 3090 } 3091 3092 // Switchers 3093 function showGlobal() { 3094 map.setView([26, 45], 4); 3095 loadWeather(globalCities); 3096 } 3097 3098 function showLocal() {
3099 map.setView([23.8859, 45.0792], 6); 3100 loadWeather(localCities); 3101 } 3102 3103 function goToCity(cityName) { 3104 const cityCoords = { 3105 "Ø§ÙØ±Ùاض": [24.71, 46.67], 3106 "Ø§ÙØ³Ø¹ÙØ¯ÙØ©": [24.71, 46.67], 3107 "Ø§ÙØ¯Ù ا٠": [26.42, 50.11], 3108 "تبÙÙ": [28.383, 36.566], 3109 "Ø§ÙØ´Ø±Ù ÙØ©": [27.05, 44.22], 3110 "طبرجÙ": [30.5, 38.2], 3111 "صا٠طة": [16.6, 42.95], 3112 "اÙÙ٠اص": [19.1, 42.13], 3113 "Ø§ÙØ²ÙÙÙ": [26.3, 44.83], 3114 "ÙØ¨ÙاÙ": [33.89, 35.50], 3115 "Ø³ÙØ±Ùا": [33.51, 36.29], 3116 "Ø§ÙØ¹Ø±Ø§Ù": [33.31, 44.36], 3117 "اÙÙÙÙØª": [29.37, 47.97], 3118 "Ø§ÙØ¥Ù ارات Ø§ÙØ¹Ø±Ø¨ÙØ© اÙÙ ØªØØ¯Ø©": [25.20, 55.27], 3119 "Ø§ÙØ§Ø±Ø¯Ù": [31.95, 35.93], 3120 "ÙØ·Ø±": [25.28, 51.52] 3121 }; 3122 3123 if (!cityCoords[cityName]) return; 3124 3125 const coords = cityCoords[cityName]; 3126 map.setView(coords, 8); 3127 3128 clearMarkers(); 3129 fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${coords[0]}&lon=${coords[1]}&units=metric&lang=ar&appid=${apiKey}`) 3130 .then(res => res.json()) 3131 .then(data => { 3132 const temp = Math.round(data.main.temp); 3133 const icon = data.weather[0].icon; 3134 3135 let marker = L.marker(coords, { 3136 icon: L.icon({ 3137 iconUrl: `http://openweathermap.org/img/wn/${icon}@2x.png`, 3138 iconSize: [50, 50] 3139 }) 3140 }).addTo(map); 3141 3142 marker.bindTooltip(`${cityName}: ${temp}°C`, { permanent: true, direction: 'right' }); 3143 markers.push(marker); 3144 }); 3145 } 3146 3147 document.getElementById("citySelect").addEventListener("change", function () { 3148 if (this.value) goToCity(this.value); 3149 }); 3150 document.querySelector(".show-local").addEventListener("click", showLocal); 3151 document.querySelector(".show-global").addEventListener("click", showGlobal); 3152 3153 showGlobal(); 3154 3155 3156}); 3157</script>
vendor: 1 bytes, line 3157
3157
3158<script type="text/javascript" class="teads" src="//a.teads.tv/page/244596/tag" async="true"></script>
3158 3159</body> 3160</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.