PageSourceSearch

https://www.okaz.com.sa/login

html okaz.com.sa collected 2026-10-01 11:46:38 UTC 155,313 bytes, 3,160 lines download raw bytes

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: '&copy; 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.