PageSourceSearch

https://www.jcci.org.sa/en/aboutthechamber

html jcci.org.sa collected 2026-10-02 10:29:04 UTC 512,891 bytes, 12,074 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35	
36		
37			<!DOCTYPE html>
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99<html class="ltr" dir="ltr" lang="en-US">
100
101<head>
102	<title>عن الغرفة - JCC - Jeddah Chamber</title>
103
104	<meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content">
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
139
140
141
142
143
144
145
146
147
148
149
150
151<script data-senna-track="permanent" src="https://www.jcci.org.sa/o/frontend-js-svg4everybody-web/index.js?&mac=qjmDyuZP3frhkhHhmeOD/TuGbvE=&browserId=chrome&languageId=en_US&minifierType=js" type="text/javascript"></script>
vendor: 1 bytes, line 151
151
152<script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.basePath = '/o/icons';Liferay.Icons.spritemap = 'https://www.jcci.org.sa/o/jcc-theme/images/clay/icons.svg';Liferay.Icons.systemSpritemap = 'https://www.jcci.org.sa/o/jcc-theme/images/clay/icons.svg';</script>
vendor: 1 bytes, line 152
152
153<script data-senna-track="permanent" src="https://www.jcci.org.sa/combo?browserId=chrome&minifierType=js&languageId=en_US&t=1772406502657&/o/frontend-js-jquery-web/jquery/jquery.min.js&/o/frontend-js-jquery-web/jquery/init.js&/o/frontend-js-jquery-web/jquery/ajax.js&/o/frontend-js-jquery-web/jquery/bootstrap.bundle.min.js&/o/frontend-js-jquery-web/jquery/collapsible_search.js&/o/frontend-js-jquery-web/jquery/fm.js&/o/frontend-js-jquery-web/jquery/form.js&/o/frontend-js-jquery-web/jquery/popper.min.js&/o/frontend-js-jquery-web/jquery/side_navigation.js" type="text/javascript"></script>
153
154<link data-senna-track="temporary" href="https://www.jcci.org.sa/en/aboutthechamber" rel="canonical" />
155<link data-senna-track="temporary" href="https://www.jcci.org.sa/%D8%B9%D9%86-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9" hreflang="ar-SA" rel="alternate" />
156<link data-senna-track="temporary" href="https://www.jcci.org.sa/en/aboutthechamber" hreflang="en-US" rel="alternate" />
157<link data-senna-track="temporary" href="https://www.jcci.org.sa/%D8%B9%D9%86-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9" hreflang="x-default" rel="alternate" />
158<meta property="title" content="About the Chamber - Jeddah Chamber of Commerce and Industries">
159<meta property="description" content="Learn more about the history, mission, and vision of the chamber.">
160
161<meta property="og:locale" content="en_US">
162<meta property="og:locale:alternate" content="ar_SA">
163<meta property="og:locale:alternate" content="en_US">
164<meta property="og:site_name" content="JCC">
165<meta property="og:title" content="عن الغرفة - JCC - Jeddah Chamber">
166<meta property="og:type" content="website">
167<meta property="og:url" content="https://www.jcci.org.sa/en/aboutthechamber">
168<meta property="og:image" content="https://www.jcci.org.sa/documents/44210/0/JCCI-Logo.png/94e3da6c-eb62-3ff2-0bb3-918d228b8f9c?version=1.0&amp;t=1661169750059&amp;imagePreview=1">
169
170<meta property="og:image:type" content="image/png">
171<meta property="og:image:url" content="https://www.jcci.org.sa/documents/44210/0/JCCI-Logo.png/94e3da6c-eb62-3ff2-0bb3-918d228b8f9c?version=1.0&amp;t=1661169750059&amp;imagePreview=1">
172<meta property="og:image:height" content="400">
173<meta property="og:image:width" content="400">
174
175
176<link href="https://www.jcci.org.sa/o/jcc-theme/images/favicon.ico" rel="icon" />
177
178
179
180<link class="lfr-css-file" data-senna-track="temporary" href="https://www.jcci.org.sa/o/jcc-theme/css/clay.css?browserId=chrome&amp;themeId=jcc_WAR_jcctheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1751894342000" id="liferayAUICSS" rel="stylesheet" type="text/css" />
181
182
183
184
185
186
187
188
189
190	<link href="https://www.jcci.org.sa/combo?browserId=chrome&amp;minifierType=&amp;themeId=jcc_WAR_jcctheme&amp;languageId=en_US&amp;com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_qsrr:%2Fo%2Fdynamic-data-mapping-form-web%2Fadmin%2Fcss%2Fmain.css&amp;com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&amp;com_liferay_segments_experiment_web_internal_portlet_SegmentsExperimentPortlet:%2Fo%2Fsegments-experiment-web%2Fcss%2Fmain.css&amp;com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet:%2Fo%2Fsite-navigation-language-web%2Fcss%2Fmain.css&amp;com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_fifw:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&amp;t=1777538408000" rel="stylesheet" type="text/css"
191 data-senna-track="temporary" id="fc49135a" />
192
193
194
195
196
197
198
199
200<script data-senna-track="temporary" type="text/javascript">
201	// <![CDATA[
202		var Liferay = Liferay || {};
203
204		Liferay.Browser = {
205			acceptsGzip: function() {
206				return true;
207			},
208
209			
210
211			getMajorVersion: function() {
212				return 128.0;
213			},
214
215			getRevision: function() {
216				return '537.36';
217			},
218			getVersion: function() {
219				return '128.0';
220			},
221
222			
223
224			isAir: function() {
225				return false;
226			},
227			isChrome: function() {
228				return true;
229			},
230			isEdge: function() {
231				return false;
232			},
233			isFirefox: function() {
234				return false;
235			},
236			isGecko: function() {
237				return true;
238			},
239			isIe: function() {
240				return false;
241			},
242			isIphone: function() {
243				return false;
244			},
245			isLinux: function() {
246				return false;
247			},
248			isMac: function() {
249				return false;
250			},
251			isMobile: function() {
252				return false;
253			},
254			isMozilla: function() {
255				return false;
256			},
257			isOpera: function() {
258				return false;
259			},
260			isRtf: function() {
261				return true;
262			},
263			isSafari: function() {
264				return true;
265			},
266			isSun: function() {
267				return false;
268			},
269			isWebKit: function() {
270				return true;
271			},
272			isWindows: function() {
273				return false;
274			}
275		};
276
277		Liferay.Data = Liferay.Data || {};
278
279		Liferay.Data.ICONS_INLINE_SVG = true;
280
281		Liferay.Data.NAV_SELECTOR = '#navigation';
282
283		Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse';
284
285		Liferay.Data.isCustomizationView = function() {
286			return false;
287		};
288
289		Liferay.Data.notices = [
290			
291		];
292
293		(function () {
294			var available = {};
295
296			var direction = {};
297
298			
299
300				available['en_US'] = 'English\x20\x28United\x20States\x29';
301				direction['en_US'] = 'ltr';
302
303			
304
305				available['ar_SA'] = 'Arabic\x20\x28Saudi\x20Arabia\x29';
306				direction['ar_SA'] = 'rtl';
307
308			
309
310				available['ca_ES'] = 'Catalan\x20\x28Spain\x29';
311				direction['ca_ES'] = 'ltr';
312
313			
314
315				available['zh_CN'] = 'Chinese\x20\x28China\x29';
316				direction['zh_CN'] = 'ltr';
317
318			
319
320				available['nl_NL'] = 'Dutch\x20\x28Netherlands\x29';
321				direction['nl_NL'] = 'ltr';
322
323			
324
325				available['fi_FI'] = 'Finnish\x20\x28Finland\x29';
326				direction['fi_FI'] = 'ltr';
327
328			
329
330				available['fr_FR'] = 'French\x20\x28France\x29';
331				direction['fr_FR'] = 'ltr';
332
333			
334
335				available['de_DE'] = 'German\x20\x28Germany\x29';
336				direction['de_DE'] = 'ltr';
337
338			
339
340				available['hu_HU'] = 'Hungarian\x20\x28Hungary\x29';
341				direction['hu_HU'] = 'ltr';
342
343			
344
345				available['ja_JP'] = 'Japanese\x20\x28Japan\x29';
346				direction['ja_JP'] = 'ltr';
347
348			
349
350				available['pt_BR'] = 'Portuguese\x20\x28Brazil\x29';
351				direction['pt_BR'] = 'ltr';
352
353			
354
355				available['es_ES'] = 'Spanish\x20\x28Spain\x29';
356				direction['es_ES'] = 'ltr';
357
358			
359
360				available['sv_SE'] = 'Swedish\x20\x28Sweden\x29';
361				direction['sv_SE'] = 'ltr';
362
363			
364
365			Liferay.Language = {
366				available,
367				direction,
368				get: function(key) {
369					return key;
370				}
371			};
372		})();
373
374		var featureFlags = {"LPS-149720":"false","COMMERCE-9410":"false","LRAC-10632":"false","LPS-152677":"false","LPS-150277":"false","LPS-114786":"false","COMMERCE-8087":"false","LRAC-10757":"false","LPS-158043":"false","LPS-157670":"false","COMMERCE-5898":"false","LPS-155692":"false","LPS-159052":"false","LPS-144527":"false","COMMERCE-8949":"false","LPS-145112":"false","LPS-153452":"false","LPS-157738":"false","LPS-87806":"false","LPS-135404":"false","LPS-158821":"false","LPS-153457":"false","LPS-155284":"false","LPS-135430":"false","LPS-158456":"false","LPS-142518":"false","LPS-143206":"false","LPS-149625":"false","LPS-122223":"false","LPS-125653":"false"};
375
376		Liferay.FeatureFlags = Object.keys(featureFlags).reduce(
377			(acc, key) => ({
378				...acc, [key]: featureFlags[key] === 'true'
379			}), {}
380		);
381
382		Liferay.PortletKeys = {
383			DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet',
384			DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet',
385			ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet'
386		};
387
388		Liferay.PropsValues = {
389			JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0,
390			UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 104857600
391		};
392
393		Liferay.ThemeDisplay = {
394
395			
396
397			
398				getLayoutId: function() {
399					return '58';
400				},
401
402				
403
404				getLayoutRelativeControlPanelURL: function() {
405					return '/en/group/jcc/~/control_panel/manage';
406				},
407
408				getLayoutRelativeURL: function() {
409					return '/en/aboutthechamber';
410				},
411				getLayoutURL: function() {
412					return 'https://www.jcci.org.sa/en/aboutthechamber';
413				},
414				getParentLayoutId: function() {
415					return '455';
416				},
417				isControlPanel: function() {
418					return false;
419				},
420				isPrivateLayout: function() {
421					return 'false';
422				},
423				isVirtualLayout: function() {
424					return false;
425				},
426			
427
428			getBCP47LanguageId: function() {
429				return 'en-US';
430			},
431			getCanonicalURL: function() {
432
433				
434
435				return 'https\x3a\x2f\x2fwww\x2ejcci\x2eorg\x2esa\x2fen\x2faboutthechamber';
436			},
437			getCDNBaseURL: function() {
438				return 'https://www.jcci.org.sa';
439			},
440			getCDNDynamicResourcesHost: function() {
441				return 'https://www.jcci.org.sa';
442			},
443			getCDNHost: function() {
444				return 'https://www.jcci.org.sa';
445			},
446			getCompanyGroupId: function() {
447				return '20124';
448			},
449			getCompanyId: function() {
450				return '20098';
451			},
452			getDefaultLanguageId: function() {
453				return 'ar_SA';
454			},
455			getDoAsUserIdEncoded: function() {
456				return '';
457			},
458			getLanguageId: function() {
459				return 'en_US';
460			},
461			getParentGroupId: function() {
462				return '44210';
463			},
464			getPathContext: function() {
465				return '';
466			},
467			getPathImage: function() {
468				return 'https://www.jcci.org.sa/image';
469			},
470			getPathJavaScript: function() {
471				return '/o/frontend-js-web';
472			},
473			getPathMain: function() {
474				return '/en/c';
475			},
476			getPathThemeImages: function() {
477				return 'https://www.jcci.org.sa/o/jcc-theme/images';
478			},
479			getPathThemeRoot: function() {
480				return '/o/jcc-theme';
481			},
482			getPlid: function() {
483				return '158';
484			},
485			getPortalURL: function() {
486				return 'https://www.jcci.org.sa';
487			},
488			getRealUserId: function() {
489				return '20102';
490			},
491			getRemoteAddr: function() {
492				return '172.16.13.101';
493			},
494			getRemoteHost: function() {
495				return '172.16.13.101';
496			},
497			getScopeGroupId: function() {
498				return '44210';
499			},
500			getScopeGroupIdOrLiveGroupId: function() {
501				return '44210';
502			},
503			getSessionId: function() {
504				return '';
505			},
506			getSiteAdminURL: function() {
507				return 'https://www.jcci.org.sa/group/jcc/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view';
508			},
509			getSiteGroupId: function() {
510				return '44210';
511			},
512			getURLControlPanel: function() {
513				return '/en/group/control_panel?refererPlid=158';
514			},
515			getURLHome: function() {
516				return 'https\x3a\x2f\x2fwww\x2ejcci\x2eorg\x2esa\x2fweb\x2fjcc';
517			},
518			getUserEmailAddress: function() {
519				return '';
520			},
521			getUserId: function() {
522				return '20102';
523			},
524			getUserName: function() {
525				return '';
526			},
527			isAddSessionIdToURL: function() {
528				return false;
529			},
530			isImpersonated: function() {
531				return false;
532			},
533			isSignedIn: function() {
534				return false;
535			},
536
537			isStagedPortlet: function() {
538				
539					
540						return false;
541					
542				
543			},
544
545			isStateExclusive: function() {
546				return false;
547			},
548			isStateMaximized: function() {
549				return false;
550			},
551			isStatePopUp: function() {
552				return false;
553			}
554		};
555
556		var themeDisplay = Liferay.ThemeDisplay;
557
558		Liferay.AUI = {
559
560			
561
562			getCombine: function() {
563				return true;
564			},
565			getComboPath: function() {
566				return 'https://www.jcci.org.sa/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1768330945709&';
567			},
568			getDateFormat: function() {
569				return '%m/%d/%Y';
570			},
571			getEditorCKEditorPath: function() {
572				return '/o/frontend-editor-ckeditor-web';
573			},
574			getFilter: function() {
575				var filter = 'raw';
576
577				
578					
579						filter = 'min';
580					
581					
582
583				return filter;
584			},
585			getFilterConfig: function() {
586				var instance = this;
587
588				var filterConfig = null;
589
590				if (!instance.getCombine()) {
591					filterConfig = {
592						replaceStr: '.js' + instance.getStaticResourceURLParams(),
593						searchExp: '\\.js$'
594					};
595				}
596
597				return filterConfig;
598			},
599			getJavaScriptRootPath: function() {
600				return '/o/frontend-js-web';
601			},
602			getPortletRootPath: function() {
603				return '/html/portlet';
604			},
605			getStaticResourceURLParams: function() {
606				return '?browserId=chrome&minifierType=&languageId=en_US&t=1768330945709';
607			}
608		};
609
610		Liferay.authToken = '19Jmlu';
611
612		
613
614		Liferay.currentURL = '\x2fen\x2faboutthechamber';
615		Liferay.currentURLEncoded = '\x252Fen\x252Faboutthechamber';
616	// ]]>
617</script>
617
618
619<script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: '', namespace:'Liferay', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: 'https://www.jcci.org.sa/combo/?browserId=chrome&minifierType=&languageId=en_US&t=1768330945709&', waitTimeout: 0};</script>
619<script data-senna-track="permanent" src="https://www.jcci.org.sa/o/frontend-js-loader-modules-extender/loader.js?&mac=8TOodH/f/0adFbM2161Kv7ZtPbo=&browserId=chrome&languageId=en_US&minifierType=js" type="text/javascript"></script>
619<script data-senna-track="permanent" src="https://www.jcci.org.sa/combo?browserId=chrome&minifierType=js&languageId=en_US&t=1768330945709&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js&/o/frontend-js-module-launcher/webpack_federation.js" type="text/javascript"></script>
vendor: 1 bytes, line 619
619
620<script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/staging-processes-web';AUI().applyConfig({groups:{stagingprocessesweb:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-staging-processes-export-import":{path:"js/main.js",requires:["aui-datatype","aui-dialog-iframe-deprecated","aui-modal","aui-parse-content","aui-toggler","aui-tree-view","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/"}}});
621} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/staging-taglib';AUI().applyConfig({groups:{stagingTaglib:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-export-import-management-bar-button":{path:"export_import_entity_management_bar_button/js/main.js",requires:["aui-component","liferay-search-container","liferay-search-container-select"]}},root:MODULE_PATH+"/"}}});
622} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/product-navigation-simulation-device';AUI().applyConfig({groups:{"navigation-simulation-device":{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-product-navigation-simulation-device":{path:"product_navigation_simulation_device.js",requires:["aui-dialog-iframe-deprecated","aui-event-input","aui-modal","liferay-portlet-base","liferay-product-navigation-control-menu","liferay-util-window","liferay-widget-size-animation-plugin"]}},root:MODULE_PATH+"/js/"}}});
623} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/product-navigation-taglib';AUI().applyConfig({groups:{controlmenu:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-product-navigation-control-menu":{path:"control_menu/js/product_navigation_control_menu.js",requires:["aui-node","event-touch"]}},root:MODULE_PATH+"/"}}});
624} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/layout-taglib';AUI().applyConfig({groups:{"layout-taglib":{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-layouts-tree":{path:"layouts_tree/js/layouts_tree.js",requires:["aui-tree-view"]},"liferay-layouts-tree-check-content-display-page":{path:"layouts_tree/js/layouts_tree_check_content_display_page.js",requires:["aui-component","plugin"]},"liferay-layouts-tree-node-radio":{path:"layouts_tree/js/layouts_tree_node_radio.js",requires:["aui-tree-node"]},"liferay-layouts-tree-node-task":{path:"layouts_tree/js/layouts_tree_node_task.js",requires:["aui-tree-node"]},"liferay-layouts-tree-radio":{path:"layouts_tree/js/layouts_tree_radio.js",requires:["aui-tree-node","liferay-layouts-tree-node-radio"]},"liferay-layouts-tree-selectable":{path:"layouts_tree/js/layouts_tree_selectable.js",requires:["liferay-layouts-tree-node-task"]},"liferay-layouts-tree-state":{path:"layouts_tree/js/layouts_tree_state.js",requires:["aui-base"]}},root:MODULE_PATH+"/"}}});
625} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/journal-web';AUI().applyConfig({groups:{journal:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-journal-navigation":{path:"navigation.js",requires:["aui-component","liferay-portlet-base","liferay-search-container"]},"liferay-portlet-journal":{path:"main.js",requires:["aui-base","aui-dialog-iframe-deprecated","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/js/"}}});
626} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/exportimport-web';AUI().applyConfig({groups:{exportimportweb:{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-export-import-export-import":{path:"js/main.js",requires:["aui-datatype","aui-dialog-iframe-deprecated","aui-modal","aui-parse-content","aui-toggler","aui-tree-view","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/"}}});
627} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/frontend-taglib';AUI().applyConfig({groups:{"frontend-taglib":{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-management-bar":{path:"management_bar/js/management_bar.js",requires:["aui-component","liferay-portlet-base"]},"liferay-sidebar-panel":{path:"sidebar_panel/js/sidebar_panel.js",requires:["aui-base","aui-debounce","aui-parse-content","liferay-portlet-base"]}},root:MODULE_PATH+"/"}}});
628} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/frontend-js-state-web';AUI().applyConfig({groups:{state:{mainModule:MODULE_MAIN}}});
629} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/frontend-js-react-web';AUI().applyConfig({groups:{react:{mainModule:MODULE_MAIN}}});
630} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/frontend-js-components-web';AUI().applyConfig({groups:{components:{mainModule:MODULE_MAIN}}});
631} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';
631AUI().applyConfig({groups:{alloyeditor:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-alloy-editor":{path:"alloyeditor.js",requires:["aui-component","liferay-portlet-base","timers"]},"liferay-alloy-editor-source":{path:"alloyeditor_source.js",requires:["aui-debounce","liferay-fullscreen-source-editor","liferay-source-editor","plugin"]}},root:MODULE_PATH+"/js/"}}});
632} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/contacts-web';AUI().applyConfig({groups:{contactscenter:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-contacts-center":{path:"main.js",requires:["aui-io-plugin-deprecated","aui-toolbar","autocomplete-base","datasource-io","json-parse","liferay-portlet-base","liferay-util-window"]}},root:MODULE_PATH+"/js/"}}});
633} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/portal-search-web';AUI().applyConfig({groups:{search:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-search-bar":{path:"search_bar.js",requires:[]},"liferay-search-custom-filter":{path:"custom_filter.js",requires:[]},"liferay-search-facet-util":{path:"facet_util.js",requires:[]},"liferay-search-modified-facet":{path:"modified_facet.js",requires:["aui-form-validator","liferay-search-facet-util"]},"liferay-search-modified-facet-configuration":{path:"modified_facet_configuration.js",requires:["aui-node"]},"liferay-search-sort-configuration":{path:"sort_configuration.js",requires:["aui-node"]},"liferay-search-sort-util":{path:"sort_util.js",requires:[]}},root:MODULE_PATH+"/js/"}}});
634} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/portal-workflow-task-web';AUI().applyConfig({groups:{workflowtasks:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-workflow-tasks":{path:"main.js",requires:["liferay-util-window"]}},root:MODULE_PATH+"/js/"}}});
635} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';AUI().applyConfig({groups:{"kaleo-designer":{base:MODULE_PATH+"/designer/js/legacy/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-kaleo-designer-autocomplete-util":{path:"autocomplete_util.js",requires:["autocomplete","autocomplete-highlighters"]},"liferay-kaleo-designer-definition-diagram-controller":{path:"definition_diagram_controller.js",requires:["liferay-kaleo-designer-field-normalizer","liferay-kaleo-designer-utils"]},"liferay-kaleo-designer-dialogs":{path:"dialogs.js",requires:["liferay-util-window"]},"liferay-kaleo-designer-editors":{path:"editors.js",requires:["aui-ace-editor","aui-ace-editor-mode-xml","aui-base","aui-datatype","aui-node","liferay-kaleo-designer-autocomplete-util","liferay-kaleo-designer-utils"]},"liferay-kaleo-designer-field-normalizer":{path:"field_normalizer.js",requires:["liferay-kaleo-designer-remote-services"]},"liferay-kaleo-designer-nodes":{path:"nodes.js",requires:["aui-datatable","aui-datatype","aui-diagram-builder","liferay-kaleo-designer-editors","liferay-kaleo-designer-utils"]},"liferay-kaleo-designer-remote-services":{path:"remote_services.js",requires:["aui-io","liferay-portlet-url"]},"liferay-kaleo-designer-templates":{path:"templates.js",requires:["aui-tpl-snippets-deprecated"]},"liferay-kaleo-designer-utils":{path:"utils.js",requires:[]},"liferay-kaleo-designer-xml-definition":{path:"xml_definition.js",requires:["aui-base","aui-component","dataschema-xml","datatype-xml"]},"liferay-kaleo-designer-xml-definition-serializer":{path:"xml_definition_serializer.js",requires:["escape","liferay-kaleo-designer-xml-util"]},"liferay-kaleo-designer-xml-util":{path:"xml_util.js",requires:["aui-base"]},"liferay-portlet-kaleo-designer":{path:"main.js",requires:["aui-ace-editor","aui-ace-editor-mode-xml","aui-tpl-snippets-deprecated","dataschema-xml","datasource","datatype-xml","event-valuechange","io-form","liferay-kaleo-designer-autocomplete-util","liferay-kaleo-designer-editors","liferay-kaleo-designer-nodes","liferay-kaleo-designer-remote-services","liferay-kaleo-designer-utils","liferay-kaleo-designer-xml-util","liferay-util-window"]}},root:MODULE_PATH+"/designer/js/legacy/"}}});
636} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/dynamic-data-mapping-web';!function(){const a=Liferay.AUI;AUI().applyConfig({groups:{ddm:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:a.getFilterConfig(),modules:{"liferay-ddm-form":{path:"ddm_form.js",requires:["aui-base","aui-datatable","aui-datatype","aui-image-viewer","aui-parse-content","aui-set","aui-sortable-list","json","liferay-form","liferay-layouts-tree","liferay-layouts-tree-radio","liferay-layouts-tree-selectable","liferay-map-base","liferay-translation-manager","liferay-util-window"]},"liferay-portlet-dynamic-data-mapping":{condition:{trigger:"liferay-document-library"}
636,path:"main.js",requires:["arraysort","aui-form-builder-deprecated","aui-form-validator","aui-map","aui-text-unicode","json","liferay-menu","liferay-translation-manager","liferay-util-window","text"]},"liferay-portlet-dynamic-data-mapping-custom-fields":{condition:{trigger:"liferay-document-library"},path:"custom_fields.js",requires:["liferay-portlet-dynamic-data-mapping"]}},root:MODULE_PATH+"/js/"}}})}();
637} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/segments-simulation-web';AUI().applyConfig({groups:{segmentssimulation:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-portlet-segments-simulation":{path:"main.js",requires:["aui-base","liferay-portlet-base"]}},root:MODULE_PATH+"/js/"}}});
638} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/calendar-web';AUI().applyConfig({groups:{calendar:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-calendar-a11y":{path:"calendar_a11y.js",requires:["calendar"]},"liferay-calendar-container":{path:"calendar_container.js",requires:["aui-alert","aui-base","aui-component","liferay-portlet-base"]},"liferay-calendar-date-picker-sanitizer":{path:"date_picker_sanitizer.js",requires:["aui-base"]},"liferay-calendar-interval-selector":{path:"interval_selector.js",requires:["aui-base","liferay-portlet-base"]},"liferay-calendar-interval-selector-scheduler-event-link":{path:"interval_selector_scheduler_event_link.js",requires:["aui-base","liferay-portlet-base"]},"liferay-calendar-list":{path:"calendar_list.js",requires:["aui-template-deprecated","liferay-scheduler"]},"liferay-calendar-message-util":{path:"message_util.js",requires:["liferay-util-window"]},"liferay-calendar-recurrence-converter":{path:"recurrence_converter.js",requires:[]},"liferay-calendar-recurrence-dialog":{path:"recurrence.js",requires:["aui-base","liferay-calendar-recurrence-util"]},"liferay-calendar-recurrence-util":{path:"recurrence_util.js",requires:["aui-base","liferay-util-window"]},"liferay-calendar-reminders":{path:"calendar_reminders.js",requires:["aui-base"]},"liferay-calendar-remote-services":{path:"remote_services.js",requires:["aui-base","aui-component","liferay-calendar-util","liferay-portlet-base"]},"liferay-calendar-session-listener":{path:"session_listener.js",requires:["aui-base","liferay-scheduler"]},"liferay-calendar-simple-color-picker":{path:"simple_color_picker.js",requires:["aui-base","aui-template-deprecated"]},"liferay-calendar-simple-menu":{path:"simple_menu.js",requires:["aui-base","aui-template-deprecated","event-outside","event-touch","widget-modality","widget-position","widget-position-align","widget-position-constrain","widget-stack","widget-stdmod"]},"liferay-calendar-util":{path:"calendar_util.js",requires:["aui-datatype","aui-io","aui-scheduler","aui-toolbar","autocomplete","autocomplete-highlighters"]},"liferay-scheduler":{path:"scheduler.js",requires:["async-queue","aui-datatype","aui-scheduler","dd-plugin","liferay-calendar-a11y","liferay-calendar-message-util","liferay-calendar-recurrence-converter","liferay-calendar-recurrence-util","liferay-calendar-util","liferay-scheduler-event-recorder","liferay-scheduler-models","promise","resize-plugin"]},"liferay-scheduler-event-recorder":{path:"scheduler_event_recorder.js",requires:["dd-plugin","liferay-calendar-util","resize-plugin"]},"liferay-scheduler-models":{path:"scheduler_models.js",requires:["aui-datatype","dd-plugin","liferay-calendar-util"]}},root:MODULE_PATH+"/js/"}}});
639} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/commerce-product-content-web';AUI().applyConfig({groups:{productcontent:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),modules:{"liferay-commerce-product-content":{path:"product_content.js",requires:["aui-base","aui-io-request","aui-parse-content","liferay-portlet-base","liferay-portlet-url"]}},root:MODULE_PATH+"/js/"}}});
640} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/commerce-frontend-impl';AUI().applyConfig({groups:{commercefrontend:{base:MODULE_PATH+"/js/",combine:Liferay.AUI.getCombine(),modules:{"liferay-commerce-frontend-asset-categories-selector":{path:"liferay_commerce_frontend_asset_categories_selector.js",requires:["aui-tree","liferay-commerce-frontend-asset-tag-selector"]},"liferay-commerce-frontend-asset-tag-selector":{path:"liferay_commerce_frontend_asset_tag_selector.js",requires:["aui-io-plugin-deprecated","aui-live-search-deprecated","aui-template-deprecated","aui-textboxlist-deprecated","datasource-cache","liferay-service-datasource"]},"liferay-commerce-frontend-management-bar-state":{condition:{trigger:"liferay-management-bar"},path:"management_bar_state.js",requires:["liferay-management-bar"]}},root:MODULE_PATH+"/js/"}}});
641} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index.es';var MODULE_PATH='/o/item-selector-taglib';AUI().applyConfig({groups:{"item-selector-taglib":{base:MODULE_PATH+"/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-image-selector":{path:"image_selector/js/image_selector.js",requires:["aui-base","liferay-item-selector-dialog","liferay-portlet-base","uploader"]}},root:MODULE_PATH+"/"}}});
642} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/invitation-invite-members-web';
642AUI().applyConfig({groups:{"invite-members":{base:MODULE_PATH+"/invite_members/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-portlet-invite-members":{path:"main.js",requires:["aui-base","autocomplete-base","datasource-io","datatype-number","liferay-portlet-base","liferay-util-window","node-core"]}},root:MODULE_PATH+"/invite_members/js/"}}});
643} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/document_library/js/index';var MODULE_PATH='/o/document-library-web';AUI().applyConfig({groups:{dl:{base:MODULE_PATH+"/document_library/js/legacy/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"document-library-upload":{path:"upload.js",requires:["aui-component","aui-data-set-deprecated","aui-overlay-manager-deprecated","aui-overlay-mask-deprecated","aui-parse-content","aui-progressbar","aui-template-deprecated","aui-tooltip","liferay-history-manager","liferay-search-container","querystring-parse-simple","uploader"]},"liferay-document-library":{path:"main.js",requires:["document-library-upload","liferay-portlet-base"]}},root:MODULE_PATH+"/document_library/js/legacy/"}}});
644} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/bookmarks-web';AUI().applyConfig({groups:{bookmarks:{base:MODULE_PATH+"/bookmarks/js/",combine:Liferay.AUI.getCombine(),filter:Liferay.AUI.getFilterConfig(),modules:{"liferay-bookmarks":{path:"main.js",requires:["liferay-portlet-base"]}},root:MODULE_PATH+"/bookmarks/js/"}}});
645} catch(error) {console.error(error);}</script>
645
646
647
648<script data-senna-track="temporary" type="text/javascript">
649	// <![CDATA[
650		
651			
652				
653		
654
655		
656
657		
658	// ]]>
659</script>
659
660
661
662
663
664
665	
666		
667
668			
669
670			
671				
671<script data-senna-track="permanent" id="googleAnalyticsScript" type="text/javascript">
672					(function(i, s, o, g, r, a, m) {
673						i['GoogleAnalyticsObject'] = r;
674
675						i[r] = i[r] || function() {
676							var arrayValue = i[r].q || [];
677
678							i[r].q = arrayValue;
679
680							(i[r].q).push(arguments);
681						};
682
683						i[r].l = 1 * new Date();
684
685						a = s.createElement(o);
686						m = s.getElementsByTagName(o)[0];
687						a.async = 1;
688						a.src = g;
689						m.parentNode.insertBefore(a, m);
690					})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
691
692					
693
694					
695						
696							ga('create', 'UA-59328350-1', 'auto');
697						
698					
699
700					
701
702					
703
704					ga('send', 'pageview');
705
706					
707						Liferay.on(
708							'endNavigate',
709							function(event) {
710								ga('set', 'page', event.path);
711								ga('send', 'pageview');
712							}
713						);
714					
715				</script>
715
716			
717		
718		
719
720
721
722	
723		
724
725			
726
727			
728		
729	
730
731
732
733
734
735
736
737
738
739
740
741
742	
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762<link class="lfr-css-file" data-senna-track="temporary" href="https://www.jcci.org.sa/o/jcc-theme/css/main.css?browserId=chrome&amp;themeId=jcc_WAR_jcctheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1751894342000" id="liferayThemeCSS" rel="stylesheet" type="text/css" />
763
764
765
766
767
768
769
770
771	<style data-senna-track="temporary" type="text/css">
772
773		
774
775			
776
777		
778
779			
780
781		
782
783			
784
785		
786
787			
788
789		
790
791			
792
793		
794
795			
796
797		
798
799			
800
801		
802
803	</style>
804
805
806<link href="/o/commerce-frontend-js/styles/main.css" rel="stylesheet"type="text/css" /><style data-senna-track="temporary" type="text/css">
807	:root {
808		--container-max-sm: 540px;
809		--h4-font-size: 1rem;
810		--font-weight-bold: 700;
811		--gradientDarkHorizontal: linear-gradient(103.99deg,#203961 15.66%,#09172d 107.08%);
812		--rounded-pill: 50rem;
813		--display4-weight: 300;
814		--english-alternative-font-family: ;
815		--secondary-12-color: #cdd2d9;
816		--danger: #da1414;
817		--display2-size: 5.5rem;
818		--gradientCardBackgroundLightAr: linear-gradient(119.38deg,rgba(233, 240, 249, 0.1) 0%,rgba(236, 244, 249, 0.7) 48.73%,rgba(233, 240, 249, 0) 102.32%,rgba(233, 240, 249, 0.1) 102.33%);
819		--body-bg: #fff;
820		--calendar-cadreColor: linear-gradient(270.04deg,#3b80d6 50.03%,#38b7c7 88.07%);
821		--display2-weight: 300;
822		--display1-weight: 300;
823		--display3-weight: 300;
824		--box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
825		--primary-color: #37BAC6;
826		--font-weight-lighter: lighter;
827		--h3-font-size: 1.1875rem;
828		--btn-outline-primary-hover-border-color: #0b5fff;
829		--transition-collapse: height .35s ease;
830		--blockquote-small-color: #6b6c7e;
831		--gray-200: #f1f2f5;
832		--btn-secondary-hover-background-color: #f7f8f9;
833		--default-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
834		--gray-600: #6b6c7e;
835		--secondary: #6b6c7e;
836		--btn-outline-primary-color: #0b5fff;
837		--btn-link-hover-color: #004ad7;
838		--hr-border-color: rgba(0, 0, 0, .1);
839		--light-l1-color: #f5f7fa;
840		--hr-border-margin-y: 1rem;
841		--gradientDarkerHorizontal: linear-gradient(94.47deg,#203961 50.83%,#09172d 97.19%);
842		--light: #f1f2f5;
843		--arabic-alternative-font-family: ;
844		--btn-outline-primary-hover-color: #0b5fff;
845		--gradientDarkVertical: linear-gradient(0deg, #203961 0%, #09172d 100%);
846		--btn-secondary-background-color: #fff;
847		--btn-outline-secondary-hover-border-color: transparent;
848		--gradientCardHoverOverlayAr: linear-gradient(180deg, rgba(55, 186, 198, 0.3) 0%, rgba(55, 186, 198, 0) 100%);
849		--display3-size: 4.5rem;
850		--primary: #0b5fff;
851		--gradientDarkHorizontalAr: linear-gradient(103.99deg,#09172d 15.66%,#203961 107.08%);
852		--gradient-separator-lighter: linear-gradient(270deg,#f0f2f2 0%,#c9e2ee 52.6%,#f0f2f2 100%);
853		--container-max-md: 720px;
854		--border-radius-sm: 0.1875rem;
855		--display-line-height: 1.2;
856		--gradientBlueHorizontal: linear-gradient(90deg, #17658b 0%, #37bac6 100%);
857		--h6-font-size: 0.8125rem;
858		--h2-font-size: 1.375rem;
859		--aspect-ratio-4-to-3: 75%;
860		--spacer-10: 10rem;
861		--font-weight-semi-bold: 600;
862		--scrollbar-color: rgba(55, 186, 198, 0.4);
863		--font-weight-normal: 400;
864		--dark: #272833;
865		--blockquote-small-font-size: 80%;
866		--h5-font-size: 0.875rem;
867		--gradientBlueVertical: linear-gradient(180deg, #37bac6 0%, #17658b 100%);
868		--blockquote-font-size: 1.25rem;
869		--brand-color-3: #2e5aac;
870		--brand-color-2: #6b6c7e;
871		--brand-color-1: #0b5fff;
872		--transition-fade: opacity .15s linear;
873		--display4-size: 3.5rem;
874		--border-radius-lg: 0.375rem;
875		--btn-primary-hover-color: #fff;
876		--display1-size: 6rem;
877		--brand-color-4: #30313f;
878		--black: #000;
879		--lighter: #f7f8f9;
880		--gray-300: #e7e7ed;
881		--gray-700: #495057;
882		--btn-secondary-border-color: #cdced9;
883		--btn-outline-secondary-hover-color: #272833;
884		--body-color: #272833;
885		--btn-outline-secondary-hover-background-color: rgba(39, 40, 51, 0.03);
886		--btn-primary-color: #fff;
887		--btn-secondary-color: #6b6c7e;
888		--btn-secondary-hover-border-color: #cdced9;
889		--box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
890		--secondary-font: Cairo;
891		--container-max-lg: 960px;
892		--btn-outline-primary-border-color: #0b5fff;
893		--aspect-ratio: 100%;
894		--arabic-font-family: ;
895		--gradientIconBackground: linear-gradient(187.78deg, rgba(36, 66, 142, 0.7) 5.05%,rgba(73, 156, 164, 0.37) 52.11%,rgba(9, 25, 48, 0) 115.06%);
896		--gray-dark: #393a4a;
897		--aspect-ratio-16-to-9: 56.25%;
898		--box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
899		--white: #fff;
900		--calendar-cadreColorAr: linear-gradient(270.04deg,#38b7c7 50.03%,#3b80d6 88.07%);
901		--gradientIconBackgroundAr: linear-gradient(187.78deg,rgba(9, 25, 48, 0) 5.05%,rgba(73, 156, 164, 0.37) 52.11%,rgba(36, 66, 142, 0.7) 115.06%);
902		--warning: #b95000;
903		--info: #2e5aac;
904		--gradient-seperator-2: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%,#58acbe 0.01%,rgba(255, 255, 255, 0) 100%);
905		--hr-border-width: 1px;
906		--btn-link-color: #0b5fff;
907		--gray-400: #cdced9;
908		--gradient-separator: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%,#3a9dce 52.6%,rgba(255, 255, 255, 0) 100%);
909		--gray-800: #393a4a;
910		--btn-outline-primary-hover-background-color: #f0f5ff;
911		--btn-primary-hover-background-color: #0053f0;
912		--gradientCardBackgroundLight: linear-gradient(119.38deg,rgba(233, 240, 249, 0.1) 0%,rgba(233, 240, 249, 0) 48.73%,rgba(236, 244, 249, 0.7) 102.32%,rgba(233, 240, 249, 0.1) 102.33%);
913		--btn-primary-background-color: #0b5fff;
914		--success: #287d3c;
915		--secondary-11-color: #7891ab;
916		--font-size-sm: 0.875rem;
917		--btn-primary-border-color: #0b5fff;
918		--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
919		--gradientDarkerHorizontalAr: linear-gradient(94.47deg,  #09172d 50.83%,#203961 97.19%);
920		--spacer-0: 0;
921		--gradientDarkVertical80p: linear-gradient(180deg,rgba(9, 23, 45, 0.8) 0%, rgba(4, 14, 28, 0.8) 100%);
922		--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
923		--lead-font-size: 1.25rem;
924		--border-radius: 0.25rem;
925		--spacer-9: 9rem;
926		--font-weight-light: 300;
927		--btn-secondary-hover-color: #272833;
928		--primary-color-d1: #0097A5;
929		--secondary-13-color: #eef4fa;
930		--gradientBlueHorizontalAr: linear-gradient(90deg, #37bac6 0%, #17658b 100%);
931		--spacer-2: 0.5rem;
932		--spacer-1: 0.25rem;
933		--spacer-4: 1.5rem;
934		--spacer-3: 1rem;
935		--dark-color: #09172d;
936		--spacer-6: 4.5rem;
937		--spacer-5: 3rem;
938		--spacer-8: 7.5rem;
939		--border-radius-circle: 50%;
940		--spacer-7: 6rem;
941		--font-size-lg: 1.125rem;
942		--aspect-ratio-8-to-3: 37.5%;
943		--font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
944		--gray-100: #f7f8f9;
945		--secondary-color: #17658b;
946		--font-weight-bolder: 900;
947		--container-max-xl: 1248px;
948		--btn-outline-secondary-color: #6b6c7e;
949		--gradientCardHoverOverlay: linear-gradient(180deg, rgba(55, 186, 198, 0) 0%, rgba(55, 186, 198, 0.3) 100%);
950		--gray-500: #a7a9bc;
951		--h1-font-size: 1.625rem;
952		--gray-900: #272833;
953		--text-muted: #a7a9bc;
954		--btn-primary-hover-border-color: transparent;
955		--primary-font: '29LTBukra';
956		--btn-outline-secondary-border-color: #cdced9;
957		--dark-d2-color: #040e1c;
958		--lead-font-weight: 300;
959		--font-size-base: 0.875rem;
960	}
961	:root {
962		--font-family-base: SF Pro Text, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
963		--font-family-sans-serif: SF Pro Text;
964		--arabic-alternative-font-family: Cairo;
965		--primary-font: '29LTBukra';
966		--arabic-font-family: '29LTBukra';
967		--calendar-cadreColorAr: linear-gradient(270.04deg, rgb(59, 128, 214) 50.03%, rgb(56, 183, 199) 88.07%);
968		--english-alternative-font-family: SF Pro Text;
969		--font-family-monospace: SF Pro Text, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
970	}
971</style>
972<script type="text/javascript">
973// <![CDATA[
974Liferay.Loader.require('@liferay/[email protected]', function(_liferayFrontendJsStateWeb1013) {
975try {
976(function() {
977var FrontendJsState = _liferayFrontendJsStateWeb1013;
978
979})();
980} catch (err) {
981	console.error(err);
982}
983});
984// ]]>
985</script>
985<script type="text/javascript">
986// <![CDATA[
987Liferay.Loader.require('[email protected]/init', function(frontendJsSpaWeb5028Init) {
988try {
989(function() {
990var frontendJsSpaWebInit = frontendJsSpaWeb5028Init;
991frontendJsSpaWebInit.default({"navigationExceptionSelectors":":not([target=\"_blank\"]):not([data-senna-off]):not([data-resource-href]):not([data-cke-saved-href]):not([data-cke-saved-href])","cacheExpirationTime":-1,"clearScreensCache":false,"portletsBlacklist":["com_liferay_account_admin_web_internal_portlet_AccountUsersAdminPortlet","com_liferay_account_admin_web_internal_portlet_AccountEntriesAdminPortlet","com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet","com_liferay_site_navigation_directory_web_portlet_SitesDirectoryPortlet","com_liferay_questions_web_internal_portlet_QuestionsPortlet","com_liferay_account_admin_web_internal_portlet_AccountEntriesManagementPortlet","com_liferay_portal_language_override_web_internal_portlet_PLOPortlet","com_liferay_login_web_portlet_LoginPortlet","com_liferay_login_web_portlet_FastLoginPortlet"],"validStatusCodes":[221,490,494,499,491,492,493,495,220],"debugEnabled":false,"loginRedirect":"","excludedPaths":["/c/document_library","/documents","/image"],"userNotification":{"message":"It looks like this is taking longer than expected.","title":"Oops","timeout":30000},"requestTimeout":0})
992})();
993} catch (err) {
994	console.error(err);
995}
996});
997// ]]>
998</script>
998<link data-senna-track="temporary" href="/o/layout-common-styles/main.css?plid=158&segmentsExperienceId=95981&t=1782275021140" rel="stylesheet" type="text/css">
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018<script data-senna-track="temporary" type="text/javascript">
1019	if (window.Analytics) {
1020		window._com_liferay_document_library_analytics_isViewFileEntry = false;
1021	}
1022</script>
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036<script type="text/javascript">
1037// <![CDATA[
1038Liferay.on(
1039	'ddmFieldBlur', function(event) {
1040		if (window.Analytics) {
1041			Analytics.send(
1042				'fieldBlurred',
1043				'Form',
1044				{
1045					fieldName: event.fieldName,
1046					focusDuration: event.focusDuration,
1047					formId: event.formId,
1048					page: event.page
1049				}
1050			);
1051		}
1052	}
1053);
1054
1055Liferay.on(
1056	'ddmFieldFocus', function(event) {
1057		if (window.Analytics) {
1058			Analytics.send(
1059				'fieldFocused',
1060				'Form',
1061				{
1062					fieldName: event.fieldName,
1063					formId: event.formId,
1064					page: event.page
1065				}
1066			);
1067		}
1068	}
1069);
1070
1071Liferay.on(
1072	'ddmFormPageShow', function(event) {
1073		if (window.Analytics) {
1074			Analytics.send(
1075				'pageViewed',
1076				'Form',
1077				{
1078					formId: event.formId,
1079					page: event.page,
1080					title: event.title
1081				}
1082			);
1083		}
1084	}
1085);
1086
1087Liferay.on(
1088	'ddmFormSubmit', function(event) {
1089		if (window.Analytics) {
1090			Analytics.send(
1091				'formSubmitted',
1092				'Form',
1093				{
1094					formId: event.formId
1095				}
1096			);
1097		}
1098	}
1099);
1100
1101Liferay.on(
1102	'ddmFormView', function(event) {
1103		if (window.Analytics) {
1104			Analytics.send(
1105				'formViewed',
1106				'Form',
1107				{
1108					formId: event.formId,
1109					title: event.title
1110				}
1111			);
1112		}
1113	}
1114);
1115// ]]>
1116</script>
1116
1117
1118	<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
1119	
1119<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1119
1120	
1120<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
1120
1121	
1121<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.4/swiper-bundle.min.js" integrity="sha512-k2o1KZdvUi59PUXirfThShW9Gdwtk+jVYum6t7RmyCNAVyF9ozijFpvLEWmpgqkHuqSWpflsLf5+PEW6Lxy/wA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1121
1122	<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
1123	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.4/swiper-bundle.css" integrity="sha512-wbWvHguVvzF+YVRdi8jOHFkXFpg7Pabs9NxwNJjEEOjiaEgjoLn6j5+rPzEqIwIroYUMxQTQahy+te87XQStuA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
1124	
1124<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
1124
1125	
1125<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js" integrity="sha512-42PE0rd+wZ2hNXftlM78BSehIGzezNeQuzihiBCvUEB3CVxHvsShF86wBWwQORNxNINlBPuq7rG4WWhNiTVHFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
1125
1126 	
1126<script type="text/javascript">
1127		// handle the noconflict designation, use namespace $jcc for jQuery.
1128	$jcc = jQuery.noConflict(true);
1129	let containAPaginationClicked = false;
1130
1131	const urlParams = new URLSearchParams(location.search);
1132	for (const [key, value] of urlParams) {
1133	if (key?.indexOf("page_number") != -1) {
1134		containAPaginationClicked = true;
1135	}
1136	}
1137
1138	   function handleSearchChange() {
1139       		 // Check if an element with class "taglib-empty-result-message" exists
1140			if ($jcc('.taglib-empty-result-message').length > 0) {
1141				// If it exists, add "display: none" to elements with class "portlet-header"
1142				$jcc('.portlet-search-results .portlet-header').css('display', 'none');
1143				// remove border-top color of portlet-content-container
1144				$jcc('.portlet-search-results .portlet-content-container').css('border-top','2px solid transparent')
1145			}
1146
1147			 // Check if the element with class pagination-results exists
1148            if ($jcc(".pagination-results").length > 0) {
1149                // Get the text from the pagination-results div
1150                var originalText = $jcc(".pagination-results").text();
1151                // Replace Arabic digits with English digits
1152                var convertedText = originalText.replace(/Ù¡/g, "1")
1153                                               .replace(/Ù¢/g, "2")
1154                                               .replace(/Ù£/g, "3")
1155                                               .replace(/Ù¤/g, "4")
1156                                               .replace(/Ù¥/g, "5")
1157                                               .replace(/Ù¦/g, "6")
1158                                               .replace(/Ù§/g, "7")
1159                                               .replace(/Ù¨/g, "8")
1160                                               .replace(/Ù©/g, "9")
1161                                               .replace(/Ù /g, "0");
1162
1163                // Update the content of the pagination-results div
1164                $jcc(".pagination-results").text(convertedText);
1165            }
1166			
1167    		if ($jcc(".portlet-tag-facet").length === 0) {
1168        			// The element with class "portlet-tag-facet" does not exist, so remove margins and paddings.
1169        			$jcc(".portlet-search-results").addClass('no-padding-top');
1170			}
1171		}
1172	// override window.history callback
1173	(function(history){
1174    const pushState = history.pushState;
1175    history.pushState = function(state) {
1176        if (typeof history.onpushstate == "function") {
1177            history.onpushstate({state: state});
1178        }
1179		// call function to execute styling on history params change
1180        setTimeout(()=>handleSearchChange(),1500);
1181        return pushState.apply(history, arguments);
1182    }
1183	})(window.history);
1184
1185
1186	$jcc(document).ready(function () {
1187		// call function to execute styling on history params change
1188        setTimeout(()=>handleSearchChange(),1500);
1189		// Select all elements with the class "list-group-item" and bind a click event handler
1190   		 $jcc('.list-group-item').click(function () {
1191        // Find the anchor link within the clicked list item
1192        var anchorLink = $jcc(this).find('a');
1193        if (anchorLink.length) {
1194            // Programmatically trigger a click event on the anchor link
1195            anchorLink[0].click();
1196       		}
1197   		});      
1198	})
1199	
1200
1201	if (containAPaginationClicked) {
1202	$jcc(document).ready(function () {
1203		let pagination = $jcc(".pagination.pagination-root")
1204		.eq(0)
1205		.parents(".d-lg-block");
1206		if (pagination) {
1207		$jcc("html, body").animate(
1208			{
1209			scrollTop: pagination.offset().top - 200,
1210			},
1211			"slow"
1212		);
1213		};
1214	});
1215
1216	$jcc(window).on('load',function () {
1217		let pagination = $jcc(".pagination.pagination-root")
1218		.eq(0)
1219		.parents(".d-lg-block");
1220		if (pagination) {
1221		$jcc("html, body").animate(
1222			{
1223			scrollTop: pagination.offset().top - 200,
1224			},
1225			"slow"
1226		);
1227		}
1228		//check if we have a form
1229		let frm = $jcc('.lfr-ddm-form-container');
1230		if(frm.length > 0){
1231           	$jcc("html, body").animate(
1232			{
1233			scrollTop: frm.offset().top - 200,
1234			},
1235			"slow"
1236		);
1237		}
1238	});
1239	}
1240
1241	setTimeout(function(){
1242		if($jcc('.jcc-share-link').length > 0){
1243			$jcc('.jcc-share-link').on('click',function(){
1244				$jcc(this).toggleClass('show-share');
1245			});
1246		}
1247	} , 1000);
1248	</script>
1248
1249    
1249<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=63187c5cfd193a0013760368&product=inline-share-buttons' async='async'></script>
1249	<style>
1250		.has-edit-mode-menu [data-aos]{
1251			opacity: 1 !important;
1252			transform: none !important;
1253		}
1254	</style>
1255	<!-- Google Tag Manager -->
1256	
1256<script>
vendor: 335 bytes, lines 1256-1262
1256(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
1257
1258	{'gtm.start': new Date().getTime(),event:'gtm.js'}
1259	);var f=d.getElementsByTagName(s)[0],
1260	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1261	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1262	})(window,document,'script','dataLayer','
1262GTM-MRJ4ZD
vendor: 3 bytes, line 1262
1262');
1262</script>
1262
1263	<!-- End Google Tag Manager -->
1264</head>
1265<body class="chrome controls-visible change-tracking-enabled  yui3-skin-sam signed-out public-page site">
1266<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1266-1267
1266
1267<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1267GTM-MRJ4ZD
vendor: 83 bytes, lines 1267-1268
1267"
1268height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1269<!-- End Google Tag Manager (noscript) -->
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316	<nav aria-label="Quick Links" class="bg-dark cadmin d-none d-xl-block quick-access-nav text-center text-white" id="lrdy_quickAccessNav">
1317		<h1 class="sr-only">Navigation</h1>
1318
1319		<ul class="list-unstyled mb-0">
1320			
1321				<li>
1322					<a class="d-block p-2 sr-only sr-only-focusable text-reset" href="#main-content">
1323						Skip to Content
1324					</a>
1325				</li>
1326			
1327
1328			
1329		</ul>
1330	</nav>
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409<div class="d-flex flex-column min-vh-100">
1410
1411	<div class="d-flex flex-column flex-fill position-relative" id="wrapper">
1412
1413		<section class=" flex-fill" id="content">
1414			<h2 class="sr-only" role="heading" aria-level="1">عن الغرفة - JCC</h2>
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
1443
1444
1445
1446
1447	
1448
1449		
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466	
1467	
1468		<div class="layout-content portlet-layout" id="main-content" role="main">
1469			
1470
1471
1472
1473
1474
1475
1476
1477
1478
1479
1480
1481
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495<style data-senna-track="temporary" type="text/css">
1496.portlet-borderless .portlet-content {padding: 0;}</style>
1497
1498
1499
1500
1501	
1502
1503	
1504
1505	<div class="lfr-layout-structure-item-css lfr-layout-structure-item-b080d5b3-2403-9256-ad85-51979f2a9b6c " style="">
1506 <div id="fragment-16839-vmcq"> 
1507  <div class="fragment_8831">
1508  </div>
1509 </div>
1510 <style>.footer-quick-link.container-fluid {
1511  padding: 2px;
1512  background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
1513}
1514
1515.footer-quick-link a {
1516 text-decoration: none !important;
1517}
1518
1519/*footer CSS start*/
1520
1521.footer-section-box {
1522  background: linear-gradient(to bottom, #09172D 0%, #203961 100%);
1523  color: #fff;
1524}
1525
1526.footer-section-box .social-icon {
1527  width: 16px;
1528  height: 16px;
1529  margin-right: 20px;
1530}
1531
1532.footer-section-box a {
1533  color: #ffffff;
1534  text-decoration: none;
1535}
1536
1537
1538.footer-section-box .custom-calendar{
1539  border: 1px solid #304F78;
1540  height: 304px;
1541}
1542.footer-section-box .calendar-controls select {
1543  padding: 5px;
1544  background: transparent;
1545  color: white;
1546  border: none;
1547}
1548.footer-section-box .calendar-controls {
1549  gap: 10px;
1550  flex-wrap: wrap;
1551  padding: 0 10px 0px 10px;
1552  margin-top: 10px;
1553  margin-bottom: 15px;
1554  display: flex;
1555}
1556.footer-section-box .selected-date {
1557  background-color: #8FE7EF !important;
1558  border-radius: 50%;
1559}
1560.footer-section-box .selected-date a{
1561  color: #304F78 !important;
1562}
1563.footer-section-box #yearSelect option,
1564.footer-section-box #monthSelect option{
1565  background: #fff;
1566  color: #333;
1567  padding: 8px;
1568}
1569.footer-section-box .fc .fc-daygrid-day-top{
1570  justify-content: center;
1571}
1572.footer-section-box .fc .fc-toolbar-title {
1573}
1574.footer-section-box .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
1575  min-height: 0;
1576}
1577.footer-section-box .fc .fc-button{
1578  margin-right: 10px;
1579  padding: 3px;
1580  border-radius: 50%;
1581}
1582.footer-section-box .fc-day-today {
1583  background-color: rgba(255, 255, 255, 0.1) !important;
1584  border-radius: 50%;
1585}
1586.footer-section-box .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child){
1587  border-bottom-right-radius: 50%;
1588  border-top-right-radius: 50%;
1589}
1590.footer-section-box .fc-daygrid-month .fc-daygrid-body .fc-daygrid-week:nth-child(6) {
1591  display: none;
1592}
1593.footer-section-box .fc-theme-standard td, .fc-theme-standard th{
1594  border: none;
1595}
1596.footer-section-box .fc-theme-standard .fc-scrollgrid{
1597  border: none;
1598}
1599.footer-section-box .fc-daygrid-day:not(.fc-day-other) .fc-daygrid-day-number {
1600  padding-top: 6px;
1601}
1602
1603.footer-section-box .custom-hr{
1604  border: 0;  
1605  width: 100%;
1606  height: 2px;                
1607  background-color: #304F78;                 
1608  margin: 2rem auto;
1609}
1610
1611.footer-section-box .map-box img{
1612  height: 304px;
1613}
1614.footer-section-box .contact-box-content{
1615  display: flex;
1616  padding: 24px;
1617  border: 1px solid #304F78;
1618  height: 304px;
1619  align-items: flex-start;
1620  flex-direction: column;
1621  justify-content: space-between;
1622}
1623.footer-section-box .contact-box-content p{
1624  color: #8FE7EF;
1625}
1626.footer-section-box .footer-links{
1627  gap: 40px;
1628}
1629
1630.footer-section-box #google-map-div {
1631      height: 304px;
1632      width: 100%;
1633    }
1634
1635/*footer CSS end*/
1636
1637
1638[dir="rtl"] .icon-mirror {
1639    transform: scaleX(-1);
1640  }
1641
1642.business-center-bg-color{
1643  background: rgba(243, 248, 252, 1);
1644}
1645
1646
1647.gap-10px {
1648    gap: 10px;
1649}
1650
1651.gap-15px {
1652    gap: 15px;
1653}
1654
1655.gap-20px {
1656    gap: 20px;
1657}
1658
1659.gap-25px {
1660    gap: 25px;
1661}
1662
1663.collection-container-title {
1664  color: rgba(48, 79, 120, 1);
1665}
1666
1667
1668.event-card .card-body{
1669    position: relative;
1670    top: -50px;
1671    background: white;
1672    min-height: 115px;
1673}
1674
1675
1676.value-added-heading {
1677  color: rgba(48, 79, 120, 1);
1678}
1679.value-added-span {
1680}
1681
1682.ltr .left-image {
1683       right: 0;
1684}
1685 
1686.ltr .right-image {
1687        left: -45px;
1688}
1689 
1690.rtl .left-image {
1691      left: 0;
1692}
1693 
1694.rtl .right-image {
1695right: -45px;
1696}
1697 
1698.left-image {
1699top: 0;
1700
1701}
1702 
1703.right-image {
1704position: absolute;
1705 top: -56px;
1706}
1707    
1708
1709/*Event card*/
1710
1711.event-card .badge{
1712  border-top-left-radius: 8px;
1713  top: -29px;
1714  right: 20px;
1715  padding: 6px 16px;
1716  border-top-right-radius: 8px;
1717  border-bottom-left-radius: 0px;
1718  border-bottom-right-radius: 0px;
1719}
1720
1721.event-card-hr{
1722  border: 1px solid rgb(230 233 236);
1723  width: 100%;
1724}
1725
1726.event-card .card-title{
1727  cursor: pointer;
1728  color: rgba(48, 79, 120, 1);
1729}
1730
1731.event-card .event-card-date{
1732  bottom: 15px;
1733  right: 15px;
1734}
1735
1736/*Services for subscribers*/
1737
1738.services-title {
1739  color: rgba(48, 79, 120, 1);
1740}
1741.rtl .services-bg-image{
1742  transform: none;
1743  position: absolute;
1744  left: 0;
1745  top: 0;
1746  z-index: 0;
1747}
1748.ltr .services-bg-image{
1749  transform: scaleX(-1);
1750  position: absolute;
1751  right: 0;
1752  top: 0;
1753  z-index: 0;
1754}
1755
1756/*Chamber Database Service*/
1757
1758.rtl .jcc-float-50-top {
1759    position: absolute;
1760    left: 5%;
1761    /* z-index: 20; */
1762    bottom: 60%;
1763}
1764
1765.ltr .jcc-float-50-top {left
1766   position: absolute;
1767    top: -70px;
1768    right: 5%;
1769    /* z-index: 979; */
1770}
1771
1772.chamber-database-title{
1773  color: rgba(48, 79, 120, 1);
1774  position: relative;
1775
1776}
1777
1778/*news*/
1779
1780body {
1781      font-family: '29LTBukra', sans-serif;
1782      background-color: #fff;
1783      color: #0d1b2a;
1784    }
1785    .news-section {
1786      padding: 40px 0;
1787    }
1788.news-section h3{
1789  color: rgba(48, 79, 120, 1);
1790}
1791    .news-header {
1792      margin-bottom: 20px;
1793      color: #0d1b2a;
1794    }
1795    .news-list .news-item {
1796      padding-bottom: 20px;
1797      cursor: pointer;
1798    }
1799    .news-list .news-item:last-child {
1800      border-bottom: none;
1801    }
1802    .news-item a {
1803      color: rgba(17, 38, 70, 1); 
1804      text-decoration: none;
1805      transition: color 0.3s;
1806    }
1807    .news-item a:hover {
1808      text-decoration: none;
1809      color: rgba(55, 186, 198, 1);
1810    }
1811    .news-item.active a {
1812      color: #007b83; 
1813    }
1814    .news-meta {
1815      display: flex;
1816    color: #555;
1817    margin-top: 5px;
1818    align-items: center;
1819    }
1820    .news-meta i {
1821      margin-right: 5px;
1822      color: #007b83;
1823    }
1824.news-meta .badge-light{
1825    padding: 8px 10px;
1826    border: 1px solid rgba(120, 145, 171, 1);
1827    background-color: transparent;
1828    color: rgba(120, 145, 171, 1);
1829    }
1830    .news-card {
1831      position: relative;
1832      overflow: hidden;
1833      border-radius: 5px;
1834    }
1835    .news-card img {
1836      width: 100%;
1837      height: 100%;
1838      display: block;
1839    }
1840.ltr .news-meta img,
1841.ltr .news-date img {
1842  width: 14px;   
1843  height: 14px;
1844  object-fit: contain;
1845  margin-right: 5px;
1846  vertical-align: middle;
1847}
1848.rtl .news-meta img,
1849.rtl .news-date img{
1850  margin-left: 5px;
1851  width: 16px;   
1852  height: 16px;
1853  object-fit: contain;
1854  vertical-align: middle;
1855}
1856    .news-card-content {
1857      width: 100%;
1858      background: #304F78;
1859      color: #fff;
1860      padding: 32px 15px;
1861    }
1862    .news-card-content h5 {
1863      margin: 0;
1864      line-height: 1.4;
1865    }
1866    .news-card-content .news-date {
1867      margin-top: 10px;
1868      display: flex;
1869      align-items: center;
1870    }
1871    .news-card-content .news-date i {
1872      margin-right: 5px;
1873      color: #6bc5d2;
1874    }
1875    .all-news {
1876      color: #304F78;
1877      display: flex;
1878      align-items: center;
1879      margin-bottom: 20px;
1880    }
1881    .all-news i {
1882      margin-right: 5px;
1883    }
1884.news-separator {
1885      height: 2px;
1886    width: 100%;
1887    margin: 12px 0;
1888    background: radial-gradient(circle, #3A9DCE 70%, transparent 100%);
1889    border-radius: 50%;
1890    margin-left: 0;           /* spacing */
1891}
1892
1893/* Banner with Image and Carousel */
1894
1895.ltr .banner-image-container .bg-image-banner{
1896  position: absolute;
1897  z-index: 1;
1898  top: 18%;
1899  right: 12%;
1900}
1901.banner-image-container .badge{
1902  border: 1px solid rgba(209, 218, 227, 1);
1903  color: rgb(106 113 120);
1904  background-color: #FFFFFF;
1905}
1906.banner-image-carousel{
1907  background-color: #F3F8FC
1908}
1909.rtl .banner-image-container .bg-image-banner{
1910  position: absolute;
1911  z-index: 1;
1912  top: 13%;
1913  left: 12%;
1914}
1915.banner-image-container .row{
1916  height: 320px;
1917}
1918.bg-gradient-banner{
1919  background: linear-gradient(135deg, #1aa7b7, #045f88);
1920}
1921.banner-image-container .carousel-inner h3{
1922  color: rgba(48, 79, 120, 1);
1923}
1924.rtl .banner-image-container .carousel-inner{
1925  text-align: right;
1926  margin-right: 10%;
1927}
1928.ltr .banner-image-container .carousel-inner{
1929  text-align: left;
1930  margin-left: 10%;
1931}
1932.banner-image-container .carousel-inner{
1933  width: 60%;
1934}
1935
1936
1937
1938/* Main Banner with Carousel */
1939
1940
1941.bg-video {
1942  position: absolute;
1943  top: 0;
1944  left: 0;
1945  width: 100%;
1946  height: 600px;
1947  object-fit: cover;
1948  z-index: 0;
1949}
1950
1951.video-overlay {
1952  position: absolute;
1953  top: 0;
1954  left: 0;
1955  width: 100%;
1956  height: 600px;
1957  background: rgba(0, 0, 0, 0.55);
1958  z-index: 1;
1959}
1960
1961.banner-carousel .carousel-inner {
1962  position: relative;
1963  z-index: 2;
1964}
1965
1966.banner-carousel .carousel-item {
1967  /* height: 80vh;
1968  min-height: 600px; */
1969  color: #fff;
1970}
1971
1972.banner-carousel .carousel-content {
1973  position: relative;
1974}
1975
1976.banner-carousel .content-box {
1977  max-width: 600px;
1978}
1979
1980.banner-carousel .content-box h1 {
1981}
1982
1983.banner-carousel .content-box p {
1984  color: #ddd;
1985}
1986
1987.banner-carousel .btn {
1988  border-radius: 0px;
1989  padding: 0.75rem 1.20rem;
1990}
1991
1992.banner-carousel .btn.read-more {
1993  background-color: #37BAC6;
1994  color: #FFFFFF;
1995}
1996
1997
1998.carousel-control-prev,
1999.carousel-control-next {
2000  width: auto;
2001  z-index: 3;
2002}
2003
2004.carousel-control-prev-icon,
2005.carousel-control-next-icon {
2006    background-size: 11px 15px;
2007    filter: invert(1);
2008    width: 10px;
2009    height: 25px;
2010}
2011.banner-carousel .carousel-control-prev-icon,
2012.banner-carousel .carousel-control-next-icon{
2013   filter: invert(0);
2014}
2015.banner-carousel .carousel-controls {
2016  position: relative;
2017  display: flex;
2018  width: fix-content;
2019  gap: 2%;
2020  z-index: 3;
2021  /* margin-top: -160px;  */
2022}
2023
2024.banner-carousel .carousel-pagination{
2025  display: flex;
2026  gap: 30px;
2027}
2028
2029/*Header*/
2030
2031/* Header fixed on top */
2032    .custom-header {
2033      position: fixed;
2034      left: 0;
2035      width: 100%;
2036      z-index: 980;
2037      color: #fff;
2038    }
2039
2040    /* Top Bar – Solid Black */
2041    .top-bar {
2042      height: 45px;
2043      background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 79%);
2044    }
2045
2046    /* Main Nav – Green gradient left → transparent right */
2047    .main-nav {
2048       background: linear-gradient(to right, rgb(88, 172, 190) 0%, rgba(53, 105, 130, 0.5) 69%, rgb(17, 38, 70, 0.0) 79%);
2049    }
2050
2051    .custom-header .nav-link {
2052      color: #fff !important;
2053      padding: 0.5rem 1rem;
2054    }
2055
2056.page-container {
2057  position: fixed;
2058  top: 140px; /* start below header (adjust as needed) */
2059  left: 0;
2060  width: 100%;
2061  height: calc(100vh - 140px); /* full height minus header */
2062  background: linear-gradient(-60.01deg, #09172d 15.66%, #203961 107.08%);
2063  color: #fff;
2064  overflow-y: auto;
2065  padding: 2rem;
2066  z-index: 500;
2067  transition: top 0.3s ease;
2068  min-height: 175px;
2069}
2070
2071.page-container.hidden {
2072  display: none;
2073}
2074
2075.custom-header.scrolled .top-bar {
2076  background: #021c3b !important;
2077}
2078
2079.custom-header.scrolled .main-nav {
2080  background: #021c3b !important;
2081  transition: background 0.3s ease;
2082}
2083
2084.child-nav p{
2085     background: -webkit-linear-gradient(0, #37bac6, #17658b);
2086    -webkit-background-clip: text;
2087    -webkit-text-fill-color: transparent;
2088    line-height: 25px;
2089}
2090
2091.child-nav{
2092  min-height: 56px;
2093    width: 100%;
2094    padding: 0 16px 0 24px;
2095    display: flex;
2096    align-items: center;
2097    justify-content: space-between;
2098  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #58acbe 0.01%, rgba(255, 255, 255, 0) 100%) 100% 1;
2099    border-bottom: 1px solid;
2100}
2101.content-inner {
2102  position: relative;
2103  border-radius: 8px;
2104  overflow-y: auto;
2105}
2106.content-inner .common-img{
2107  object-fit: fixed;
2108}
2109
2110/* top-left corner border */
2111.content-inner::before {
2112  content: "";
2113  position: absolute;
2114  top: 5px;
2115  left: 0;
2116  width: 143px; /* adjust size of the corner */
2117  height: 175px;
2118  border-top: 14px solid;
2119  border-left: 14px solid;
2120  border-image: linear-gradient(90deg, #17658b 0%, #37bac6 100%);
2121  border-image-slice: 1;
2122}
2123
2124/* bottom-right corner border */
2125.content-inner::after {
2126  content: "";
2127  position: absolute;
2128  bottom: 0;
2129  right: 0;
2130  width: 143px;
2131  height: 175px;
2132  border-bottom: 14px solid;
2133  border-right: 14px solid;
2134  border-image: linear-gradient(90deg, #37bac6 0%, #17658b 100%);
2135  border-image-slice: 1;
2136}
2137
2138.child-wrapper {
2139  position: relative;
2140  background: #09172d;
2141}
2142
2143.child-nav {
2144  position: static; /* break local positioning context */
2145  padding: 12px 16px;
2146}
2147
2148.ltr .nested-nav {
2149  display: none;
2150  position: absolute;
2151  top: 0; /* align to top of .child-wrapper */
2152  left: 100%; /* appear on right side */
2153  width: 508px;
2154  background: linear-gradient(104.01deg, #09172d 15.66%, #203961 107.08%);
2155  padding: 1.5rem;
2156  border-radius: 0px;
2157  z-index: 99;
2158}
2159
2160.rtl .nested-nav {
2161  display: none;
2162  position: absolute;
2163  top: 0; /* align to top of .child-wrapper */
2164  right: 100%; /* appear on right side */
2165  width: 508px;
2166  background: linear-gradient(104.01deg, #09172d 15.66%, #203961 107.08%);
2167  padding: 1.5rem;
2168  border-radius: 0px;
2169  z-index: 99;
2170}
2171
2172.child-nav:hover > .nested-nav {
2173  display: block;
2174}
2175.child-nav:hover{
2176  background: linear-gradient(104.01deg, #37bac6 15.66%, #17658b 107.08%);
2177}
2178.child-nav:hover p{
2179  background: -webkit-linear-gradient(0, #ffffff, #ffffff);
2180  -webkit-background-clip: text;
2181  -webkit-text-fill-color: transparent;
2182}
2183
2184/* Standard CSS transition */
2185
2186hr.custom-hr {
2187    border-width: 1px;
2188}
2189
2190.jcc-burger-menu .jcc-burger-dropdown{
2191        display: none  ;
2192    }
2193
2194.jcc-burger-menu.jcc-expanded .jcc-burger-dropdown{
2195display:block;
2196}
2197
2198
2199.jcc-bar-menu {
2200        display: block  ;
2201    }
2202@media (min-width: 768px) {
2203    
2204   .jcc-burger-menu {
2205        display: none  ;
2206    }
2207
2208}
2209@media (max-width: 768px) {
2210    
2211    .jcc-bar-menu {
2212        display: none !important  ;
2213    }
2214
2215}
2216
2217.jcc-burger-dropdown {
2218    display: none;
2219    position: fixed;
2220    left: 0;
2221    width: 100%;
2222    min-width: 375px;
2223    max-height: calc(100vh - 170px);
2224    overflow-y: auto;
2225    margin-top: 40px;
2226}
2227
2228 .jcc-burger-menu .jcc-main-menu {
2229    margin: 34px 16px 24px;
2230    border-radius: 42px;
2231    padding: 24px;
2232    flex-direction: column;
2233    gap: 24px;
2234    background: linear-gradient(103.99deg, rgba(9, 23, 45, 0.49) 15.66%, rgba(32, 57, 97, 0.49) 107.08%, rgba(32, 57, 97, 0.49) 107.08%);
2235    position: relative;
2236}
2237
2238.jcc-header-fragment.jcc-expanded {
2239    height: 100vh;
2240    background: linear-gradient(103.99deg, #09172d 15.66%, #203961 107.08%);
2241}
2242
2243.jcc-burger-menu .jcc-menu-item {
2244    position: relative;
2245    height: 44px;
2246    padding: 0 16px;
2247    display: flex;
2248    align-items: center;
2249}
2250
2251@media (max-width: 600px) {
2252    .jcc-menu .jcc-burger-menu .jcc-main-menu:before {
2253        top: 0;
2254        left: 0;
2255    }
2256	.banner-image-container .carousel-inner {
2257	  width: 90%;
2258	}
2259}
2260
2261.jcc-burger-menu .jcc-main-menu::before {
2262    padding: 2px;
2263    background: linear-gradient(to bottom, #37bac6, #17658b);
2264}
2265
2266.jcc-burger-menu .jcc-main-menu::before {
2267    content: "";
2268    position: absolute;
2269    inset: 0;
2270    width: 100%;
2271    height: 100%;
2272    pointer-events: none;
2273    border-radius: 42px;
2274    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
2275    -webkit-mask-composite: xor;
2276    mask-composite: exclude;
2277}
2278
2279.jcc-burger-menu li, .jcc-burger-menu ul li {
2280    margin: 0;
2281    padding: 0;
2282    text-indent: 0;
2283    list-style-type: none;
2284}
2285
2286.jcc-burger-menu .jcc-menu-header {
2287    font-weight: 400;
2288    font-size: 14px;
2289    line-height: 25px;
2290}
2291.jcc-burger-menu  a, .jcc-burger-menu a:hover {
2292    color: #ffffff;
2293    text-decoration: none;
2294}
2295
2296.jcc-burger-menu button {
2297    border: none;
2298    background-color: transparent;
2299    padding: 0;
2300    color: white;
2301}
2302
2303.jcc-burger-menu .jcc-sections-set {
2304    width: 100%;
2305}
2306
2307.jcc-burger-menu .jcc-sections-set .jcc-nav-icon {
2308    height: 16px;
2309    width: 16px;
2310    fill: #37bac6;
2311    margin: 0 8px 0 0;
2312}
2313
2314.jcc-burger-menu .jcc-sections-set .jcc-back-button {
2315    height: 48px;
2316    display: flex;
2317    align-items: center;
2318    cursor: pointer;
2319    padding: 0 24px;
2320    margin-bottom: 38px;
2321    color: #37bac6;
2322    font-weight: 700;
2323    font-size: 16px;
2324    line-height: 24px;
2325}
2326
2327.jcc-burger-menu .jcc-sections-set .jcc-section-set-separator {
2328    height: 4px;
2329    width: 38%;
2330    background: linear-gradient(90deg, #37bac6 0%, #17658b 100%);
2331}
2332.jcc-burger-menu .jcc-sections-set .jcc-sections-set-content {
2333    position: relative;
2334    padding: 30px 24px 40px;
2335}
2336
2337 .jcc-burger-menu .jcc-sections-set .jcc-background {
2338    position: absolute;
2339    top: 0;
2340    left: 0;
2341    display: flex;
2342    width: 100%;
2343    height: 100%;
2344}
2345
2346.jcc-burger-menu .jcc-sections-set .jcc-background img {
2347    height: 100%;
2348    width: 100%;
2349    -o-object-fit: cover;
2350    object-fit: cover;
2351}
2352
2353 .jcc-burger-menu .jcc-sections-set .jcc-background .jcc-mask {
2354    background: linear-gradient(94.47deg, #09172d 50.83%, #203961 97.19%);
2355    opacity: 0.8;
2356    position: absolute;
2357    top: 0;
2358    left: 0;
2359    display: flex;
2360    width: 100%;
2361    height: 100%;
2362}
2363
2364.jcc-burger-menu .jcc-sections-set .jcc-section-title {
2365    color: #ffffff;
2366    margin-bottom: 12px;
2367    position: relative;
2368    font-weight: 700;
2369    font-size: 28px;
2370    line-height: 42px;
2371}
2372
2373.jcc-burger-menu .jcc-sections-set .jcc-highlight {
2374    height: 49px;
2375    display: flex;
2376    align-items: center;
2377    margin-bottom: 12px;
2378    position: relative;
2379}
2380
2381 .jcc-burger-menu .jcc-sections-set .jcc-highlight a {
2382    color: #37bac6;
2383}
2384
2385 .jcc-burger-menu .jcc-sections-set .jcc-sections {
2386    padding: 12px 0;
2387    background-color: #09172d;
2388    position: relative;
2389}
2390
2391.jcc-burger-menu, .jcc-burger-menu  li, .jcc-burger-menu ul li {
2392    margin: 0;
2393    padding: 0;
2394    text-indent: 0;
2395    list-style-type: none;
2396}
2397
2398.jcc-burger-menu .jcc-sections-set .jcc-sections .jcc-section-toggle {
2399    height: 56px;
2400    width: 100%;
2401    cursor: pointer;
2402    padding: 0 16px 0 24px;
2403    display: flex;
2404    align-items: center;
2405    justify-content: space-between;
2406    -o-border-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, #58acbe 0.01%, rgba(255, 255, 255, 0) 100% ) 100% 1;
2407    border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #58acbe 0.01%, rgba(255, 255, 255, 0) 100%) 100% 1;
2408    border-width: 0 0 1px 0;
2409    border-style: solid;
2410}
2411
2412.jcc-burger-menu .jcc-sections-set .jcc-section-links
2413 {
2414    color: #ffffff;
2415    padding: 24px;
2416}
2417
2418.jcc-burger-menu .jcc-sections-set .jcc-section-links .jcc-section-link {
2419    display: flex;
2420    align-items: center;
2421    height: 46px;
2422    position: relative;
2423}
2424 .jcc-burger-menu .jcc-sections-set .jcc-sections .jcc-section-toggle.expanded {
2425    background: linear-gradient(90deg, #37bac6 0%, #17658b 100%);
2426}
2427
2428/* form popup */
2429
2430.vertical-bar {
2431	top: 40%;
2432	z-index: 9999;
2433	
2434}
2435
2436.call-popup {
2437	top: 40%;
2438	z-index: 9999;
2439	border-radius: 15px;
2440	display: none;
2441	background: rgba(0,0,0,0.7)
2442}
2443
2444.rtl {
2445
2446	.vertical-bar {
2447		background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #58ACBE 0.01%, rgba(255, 255, 255, 0) 100%);
2448		left: 0;
2449	}
2450	
2451	.call-popup {
2452	left: 80px
2453}
2454
2455	.vertical-bar-item{
2456		padding: 10px;
2457		margin: 0px 1px 1px 0px;
2458		background:#112646;
2459	}
2460
2461	
2462}
2463
2464.ltr{
2465	 .vertical-bar {
2466	 	background: linear-gradient(272deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 100%);
2467		right: 0;
2468	}
2469	.call-popup {
2470	right: 80px
2471}
2472	.vertical-bar-item{
2473		padding: 10px;
2474		margin: 0px 0px 1px 1px;
2475		background:#112646;
2476	}
2477}
2478
2479.vertical-bar-item.first{
2480	margin-top: 1px;
2481}
2482
2483.call-popup.show {
2484  display: block;
2485  animation: fadeIn 0.2s ease;
2486	min-width: 18%;
2487}
2488
2489.color-brand-1 {
2490	color: #8FE7EF;
2491}
2492#formPopup h1,
2493#formPopup label,
2494#formPopup p{
2495    color: #37BAC6 !important;
2496}
2497
2498#formPopup input {
2499    border: 1px solid #37BAC6;
2500}
2501
2502#formPopup {
2503    max-height: 500px;
2504    overflow-y: scroll;
2505    overflow-x: hidden;
2506    scroll-behavior: smooth;
2507    scrollbar-width: none;
2508}
2509
2510#formPopup img {
2511    background: white;
2512}
2513
2514.vertical-bar {
2515    cursor: pointer;
2516}
2517
2518
2519/* cookie */
2520
2521.cookie-banner {
2522  position: fixed;
2523  bottom: 20px;
2524  background-color: #1d3557;
2525  color: #fff;
2526  border: none;
2527  z-index: 9999;
2528  direction: rtl;
2529}
2530
2531/* Footer quick link */
2532@media (max-width: 768px) {
2533	
2534	.footer-quick-link .border-right {
2535		border: 0px !important;
2536	}
2537}
2538
2539/* Footer */
2540.scroll-to-top {
2541	background: #304F78;
2542    width: 48px;
2543    height: 48px;
2544    position: absolute;
2545    bottom: 0px;
2546    left: 40px;
2547	
2548}
2549.scroll-to-top img {
2550	transform: rotate(90deg)
2551}
2552
2553
2554/* Main banner */
2555
2556.main-banner-div {
2557height: 614px;
2558}
2559
2560.banner-bg-video {
2561  position: absolute;
2562  top: 0;
2563  left: 0;
2564  width: 100%;
2565  height: 100%;
2566  pointer-events: none; /* Prevent interaction (view-only) */
2567}
2568
2569.banner-video-overlay {
2570  position: absolute;
2571  top: 0;
2572  left: 0;
2573  width: 100%;
2574  height: 100%;
2575  background: rgba(0, 0, 0, 0.4); /* overlay color */
2576  pointer-events: none; /* overlay shouldn’t block other layers */
2577}
2578
2579.banner-dropzone{
2580	position: absolute;
2581	top: 145px;
2582	width: 100%;
2583}
2584
2585.rtl .banner-dropzone{
2586  right: 10%;
2587}
2588
2589.ltr .banner-dropzone{
2590  left: 10%;
2591}
2592
2593.height-300 {
2594	height: 300px;
2595}
2596
2597.arrow-btn {
2598  direction: ltr;
2599  background: none !important;
2600  -webkit-appearance: none !important;
2601  appearance: none !important;
2602  -webkit-tap-highlight-color: transparent;
2603}
2604
2605.arrow-btn::after {
2606  content: '▶';
2607  font-family: sans-serif !important;
2608  font-size: 14px;
2609  margin-left: 8px;
2610  transition: transform 0.2s ease;
2611}
2612
2613a.arrow-btn:focus,
2614a.arrow-btn:active {
2615  background: none !important;
2616  outline: none;
2617}
2618
2619/* Standard CSS Animation */
2620
2621.zoom-transition {
2622  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), 
2623              box-shadow 0.3s ease;
2624  transform-origin: center center;
2625}
2626 
2627.zoom-in:hover {
2628  transform: scale(1.2);
2629}
2630 
2631.zoom-out:hover {
2632  transform: scale(0.75);
2633}
2634
2635/* Standard Fonts */
2636@font-face {
2637	font-family: '29LTBukra';
2638	src: url("/documents/d/jcc/29lt-bukra-light") format("opentype");
2639	font-weight: 300;
2640	font-style: normal;
2641	font-display: swap; 
2642}
2643
2644@font-face {
2645	font-family: '29LTBukra';
2646	src: url("/documents/d/jcc/29lt-bukra-regular") format("opentype");
2647	font-weight: 400;
2648	font-style: normal;
2649	font-display: swap; 
2650}
2651
2652@font-face {
2653	font-family: '29LTBukra';
2654	src: url("/documents/d/jcc/29lt-bukra-bold") format("opentype");
2655	font-weight: 700;
2656	font-style: normal;
2657	font-display: swap; 
2658}
2659
2660@font-face {
2661	font-family: '29LTBukra';
2662	src: url("/documents/d/jcc/29lt-bukra-extra-bold") format("opentype");
2663	font-weight: 900;
2664	font-style: normal;
2665	font-display: swap; 
2666}
2667
2668@font-face {
2669	font-family: 'SFProText';
2670	src: url("/documents/d/jcc/sfprotext-regular-1") format("truetype");
2671	font-weight: 400;
2672	font-style: normal;
2673	font-display: swap; 
2674}
2675
2676/* 29LT Bukra font classes */
2677
2678.font-bukra-light {
2679    font-family: '29LTBukra', sans-serif;
2680    font-weight: 300;
2681}
2682
2683.font-bukra-regular {
2684    font-family: '29LTBukra', sans-serif;
2685    font-weight: 400;
2686}
2687
2688.font-bukra-bold {
2689    font-family: '29LTBukra', sans-serif;
2690    font-weight: 700;
2691}
2692
2693.font-bukra-extrabold {
2694    font-family: '29LTBukra', sans-serif;
2695    font-weight: 900;
2696}
2697
2698/* SF Pro Text font classes */
2699.font-sf {
2700    font-family: 'SFProText', sans-serif;
2701}
2702
2703.font-sf-regular {
2704    font-family: 'SFProText', sans-serif;
2705    font-weight: 400;
2706}
2707
2708
2709.services-list .services-content:hover{
2710  background: #ffffff;
2711	box-shadow: 1px 5px 20px 2px rgba(0, 0, 0, 0.15);
2712}
2713
2714.ltr .vector-icon{
2715  transform: rotate(180deg);
2716}
2717
2718span.clay-color-primary{
2719  color: #304F78;
2720	font-size: 16px;
2721}
2722
2723.event-content{
2724  width: 394px;
2725	overflow: hidden;
2726}
2727
2728.ltr .banner-image-container .carousel-controls{
2729  margin-left: 10%;
2730}
2731
2732.rtl .banner-image-container .carousel-controls{
2733  margin-right: 10%;
2734}
2735
2736.live-count {
2737		
2738	  position: absolute;
2739    background: white;
2740    padding: 10px;
2741	  z-index: 1;
2742		border-bottom: 4px solid #37BAC6;
2743		bottom: 0px; 
2744	span {
2745	color : #37BAC6;
2746	}
2747}
2748
2749.carousel-control-next-icon{
2750  background-image: url("/documents/d/jcc/angle-right") !important
2751}
2752
2753.carousel-control-prev-icon{
2754  background-image: url("/documents/d/jcc/angle-left") !important
2755}
2756
2757
2758.border-none {
2759border:0px !important
2760}
2761
2762#bannerCarouselmain {
2763height: 600px;
2764	max-width: 100%;
2765	overflow: hidden;
2766}
2767	
2768
2769.arrow-btn {
2770 direction: ltr;
2771}
2772.arrow-btn::after {
2773  content: "";
2774  display: inline-block;
2775  width: 16px;
2776  height: 16px;
2777  margin-left: 8px; 
2778  vertical-align: middle;
2779  background-color: white;
2780  mask: url(https://www.jcci.org.sa/documents/d/jcc/icon-play) center / contain no-repeat;
2781  -webkit-mask: url(https://www.jcci.org.sa/documents/d/jcc/icon-play) center / contain no-repeat;
2782  transition: transform 0.2s ease;
2783}
2784
2785.arrow-btn:hover::after {
2786  transform: translateX(4px);
2787  background-color: black;
2788}
2789
2790.news-list .row.align-items-start:first-of-type {
2791display: none;
2792}
2793
2794.collection-container div a{
2795  font-weight: 600;
2796	color: #304F78;
2797}
2798
2799.event-tag-dc.badge span a{
2800	text-decoration: none;
2801	color: #FFFFFF;
2802}
2803
2804div.event-content img.card-img-top {
2805	object-fit: cover;
2806}
2807
2808@media (max-width: 1024px) {
2809  .portlet-search-bar {
2810    margin-top: 50px;
2811  }
2812	#main-content .portlet-layout div.portlet-column#column-1 {
2813    background-color: white;
2814  }
2815}
2816
2817#portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet .portlet-content {
2818 padding: 0;
2819}</style>
2820</div>
2821<div class="lfr-layout-structure-item-stylebook-css lfr-layout-structure-item-87a014ff-6147-ea3d-ded7-cf21f79d5928 " style="">
2822 <div id="fragment-16849-ygiu"> 
2823  <div class="fragment_24948">
2824  </div>
2825 </div>
2826 <style>/* ===== Font Sizes ===== */
2827
2828.font-s-12 { font-size: 12px; }
2829
2830.font-s-14 { font-size: 14px; }
2831
2832.font-s-16 { font-size: 16px; }
2833
2834.font-s-18 { font-size: 18px; }
2835
2836.font-s-20 { font-size: 20px; }
2837
2838.font-s-24 { font-size: 24px; }
2839
2840.font-s-28 { font-size: 28px; }
2841
2842.font-s-32 { font-size: 32px; }
2843
2844.font-s-36 { font-size: 36px; }
2845
2846.font-s-40 { font-size: 40px; }
2847
2848.font-s-48 { font-size: 48px; }
2849
2850
2851/* ===== Font Weights ===== */
2852
2853.font-w-300 { font-weight: 300; } /* Light */
2854
2855.font-w-400 { font-weight: 400; } /* Normal */
2856
2857.font-w-500 { font-weight: 500; } /* Medium */
2858
2859.font-w-600 { font-weight: 600; } /* Semi-Bold */
2860
2861.font-w-700 { font-weight: 700; } /* Bold */
2862
2863.font-w-800 { font-weight: 800; } /* Extra-Bold */
2864
2865.font-w-900 { font-weight: 900; } /* Black */
2866
2867
2868/*shadow*/
2869
2870.shadow-1{
2871	backdrop-filter: blur(15px);
2872	box-shadow: 0px 10px 20px 5px #36719326 !important;
2873}
2874
2875
2876
2877/* gap */
2878.gap-5 {gap: 5px;}
2879.gap-10 {gap: 10px;}
2880.gap-15 {gap: 15px;}
2881.gap-20 {gap: 20px;}
2882.gap-25 {gap: 25px;}
2883
2884.btn.btn-animation-1 {
2885  border: 1px solid #FFFFFF
2886}
2887
2888.btn.btn-animation-1:hover {
2889  color: #0097A5;
2890  background: #FFFFFF;
2891}
2892
2893.btn.btn-animation-2 {
2894  background: #37BAC6;
2895  color : #FFFFFF;
2896}
2897
2898.btn.btn-animation-2:hover {
2899 background: #0097A5;
2900}
2901
2902.link-animation-1 a {
2903  color : #304F78;
2904  text-decoration: none;
2905}
2906
2907.link-animation-1 a:hover {
2908 color: #0097A5;
2909}
2910
2911.link-animation-1 {
2912  color : #304F78;
2913  text-decoration: none;
2914}
2915
2916.link-animation-1:hover {
2917 color: #0097A5;
2918 
2919}
2920
2921
2922:root {
2923  --space-1: 0.25rem;
2924  --space-2: 0.5rem;
2925  --space-3: 0.75rem;
2926  --space-4: 1rem;
2927  --space-5: 1.5rem;
2928  --space-6: 2rem;
2929  --space-7: 3rem;
2930  --space-8: 4rem;
2931}
2932
2933@media (max-width: 576px) {
2934  .m-xs-1 { margin: var(--space-1) !important; }
2935  .mt-xs-1 { margin-top: var(--space-1) !important; }
2936  .mr-xs-1 { margin-right: var(--space-1) !important; }
2937  .mb-xs-1 { margin-bottom: var(--space-1) !important; }
2938  .ml-xs-1 { margin-left: var(--space-1) !important; }
2939  .mx-xs-1 { margin-left: var(--space-1) !important; margin-right: var(--space-1) !important; }
2940  .my-xs-1 { margin-top: var(--space-1) !important; margin-bottom: var(--space-1) !important; }
2941  .m-xs-2 { margin: var(--space-2) !important; }
2942  .mt-xs-2 { margin-top: var(--space-2) !important; }
2943  .mr-xs-2 { margin-right: var(--space-2) !important; }
2944  .mb-xs-2 { margin-bottom: var(--space-2) !important; }
2945  .ml-xs-2 { margin-left: var(--space-2) !important; }
2946  .mx-xs-2 { margin-left: var(--space-2) !important; margin-right: var(--space-2) !important; }
2947  .my-xs-2 { margin-top: var(--space-2) !important; margin-bottom: var(--space-2) !important; }
2948  .m-xs-3 { margin: var(--space-3) !important; }
2949  .mt-xs-3 { margin-top: var(--space-3) !important; }
2950  .mr-xs-3 { margin-right: var(--space-3) !important; }
2951  .mb-xs-3 { margin-bottom: var(--space-3) !important; }
2952  .ml-xs-3 { margin-left: var(--space-3) !important; }
2953  .mx-xs-3 { margin-left: var(--space-3) !important; margin-right: var(--space-3) !important; }
2954  .my-xs-3 { margin-top: var(--space-3) !important; margin-bottom: var(--space-3) !important; }
2955  .m-xs-4 { margin: var(--space-4) !important; }
2956  .mt-xs-4 { margin-top: var(--space-4) !important; }
2957  .mr-xs-4 { margin-right: var(--space-4) !important; }
2958  .mb-xs-4 { margin-bottom: var(--space-4) !important; }
2959  .ml-xs-4 { margin-left: var(--space-4) !important; }
2960  .mx-xs-4 { margin-left: var(--space-4) !important; margin-right: var(--space-4) !important; }
2961  .my-xs-4 { margin-top: var(--space-4) !important; margin-bottom: var(--space-4) !important; }
2962  .m-xs-5 { margin: var(--space-5) !important; }
2963  .mt-xs-5 { margin-top: var(--space-5) !important; }
2964  .mr-xs-5 { margin-right: var(--space-5) !important; }
2965  .mb-xs-5 { margin-bottom: var(--space-5) !important; }
2966  .ml-xs-5 { margin-left: var(--space-5) !important; }
2967  .mx-xs-5 { margin-left: var(--space-5) !important; margin-right: var(--space-5) !important; }
2968  .my-xs-5 { margin-top: var(--space-5) !important; margin-bottom: var(--space-5) !important; }
2969  .m-xs-6 { margin: var(--space-6) !important; }
2970  .mt-xs-6 { margin-top: var(--space-6) !important; }
2971  .mr-xs-6 { margin-right: var(--space-6) !important; }
2972  .mb-xs-6 { margin-bottom: var(--space-6) !important; }
2973  .ml-xs-6 { margin-left: var(--space-6) !important; }
2974  .mx-xs-6 { margin-left: var(--space-6) !important; margin-right: var(--space-6) !important; }
2975  .my-xs-6 { margin-top: var(--space-6) !important; margin-bottom: var(--space-6) !important; }
2976  .m-xs-7 { margin: var(--space-7) !important; }
2977  .mt-xs-7 { margin-top: var(--space-7) !important; }
2978  .mr-xs-7 { margin-right: var(--space-7) !important; }
2979  .mb-xs-7 { margin-bottom: var(--space-7) !important; }
2980  .ml-xs-7 { margin-left: var(--space-7) !important; }
2981  .mx-xs-7 { margin-left: var(--space-7) !important; margin-right: var(--space-7) !important; }
2982  .my-xs-7 { margin-top: var(--space-7) !important; margin-bottom: var(--space-7) !important; }
2983  .m-xs-8 { margin: var(--space-8) !important; }
2984  .mt-xs-8 { margin-top: var(--space-8) !important; }
2985  .mr-xs-8 { margin-right: var(--space-8) !important; }
2986  .mb-xs-8 { margin-bottom: var(--space-8) !important; }
2987  .ml-xs-8 { margin-left: var(--space-8) !important; }
2988  .mx-xs-8 { margin-left: var(--space-8) !important; margin-right: var(--space-8) !important; }
2989  .my-xs-8 { margin-top: var(--space-8) !important; margin-bottom: var(--space-8) !important; }
2990}
2991
2992@media (max-width: 576px) {
2993  .p-xs-1 { padding: var(--space-1) !important; }
2994  .pt-xs-1 { padding-top: var(--space-1) !important; }
2995  .pr-xs-1 { padding-right: var(--space-1) !important; }
2996  .pb-xs-1 { padding-bottom: var(--space-1) !important; }
2997  .pl-xs-1 { padding-left: var(--space-1) !important; }
2998  .px-xs-1 { padding-left: var(--space-1) !important; padding-right: var(--space-1) !important; }
2999  .py-xs-1 { padding-top: var(--space-1) !important; padding-bottom: var(--space-1) !important; }
3000  .p-xs-2 { padding: var(--space-2) !important; }
3001  .pt-xs-2 { padding-top: var(--space-2) !important; }
3002  .pr-xs-2 { padding-right: var(--space-2) !important; }
3003  .pb-xs-2 { padding-bottom: var(--space-2) !important; }
3004  .pl-xs-2 { padding-left: var(--space-2) !important; }
3005  .px-xs-2 { padding-left: var(--space-2) !important; padding-right: var(--space-2) !important; }
3006  .py-xs-2 { padding-top: var(--space-2) !important; padding-bottom: var(--space-2) !important; }
3007  .p-xs-3 { padding: var(--space-3) !important; }
3008  .pt-xs-3 { padding-top: var(--space-3) !important; }
3009  .pr-xs-3 { padding-right: var(--space-3) !important; }
3010  .pb-xs-3 { padding-bottom: var(--space-3) !important; }
3011  .pl-xs-3 { padding-left: var(--space-3) !important; }
3012  .px-xs-3 { padding-left: var(--space-3) !important; padding-right: var(--space-3) !important; }
3013  .py-xs-3 { padding-top: var(--space-3) !important; padding-bottom: var(--space-3) !important; }
3014  .p-xs-4 { padding: var(--space-4) !important; }
3015  .pt-xs-4 { padding-top: var(--space-4) !important; }
3016  .pr-xs-4 { padding-right: var(--space-4) !important; }
3017  .pb-xs-4 { padding-bottom: var(--space-4) !important; }
3018  .pl-xs-4 { padding-left: var(--space-4) !important; }
3019  .px-xs-4 { padding-left: var(--space-4) !important; padding-right: var(--space-4) !important; }
3020  .py-xs-4 { padding-top: var(--space-4) !important; padding-bottom: var(--space-4) !important; }
3021  .p-xs-5 { padding: var(--space-5) !important; }
3022  .pt-xs-5 { padding-top: var(--space-5) !important; }
3023  .pr-xs-5 { padding-right: var(--space-5) !important; }
3024  .pb-xs-5 { padding-bottom: var(--space-5) !important; }
3025  .pl-xs-5 { padding-left: var(--space-5) !important; }
3026  .px-xs-5 { padding-left: var(--space-5) !important; padding-right: var(--space-5) !important; }
3027  .py-xs-5 { padding-top: var(--space-5) !important; padding-bottom: var(--space-5) !important; }
3028  .p-xs-6 { padding: var(--space-6) !important; }
3029  .pt-xs-6 { padding-top: var(--space-6) !important; }
3030  .pr-xs-6 { padding-right: var(--space-6) !important; }
3031  .pb-xs-6 { padding-bottom: var(--space-6) !important; }
3032  .pl-xs-6 { padding-left: var(--space-6) !important; }
3033  .px-xs-6 { padding-left: var(--space-6) !important; padding-right: var(--space-6) !important; }
3034  .py-xs-6 { padding-top: var(--space-6) !important; padding-bottom: var(--space-6) !important; }
3035  .p-xs-7 { padding: var(--space-7) !important; }
3036  .pt-xs-7 { padding-top: var(--space-7) !important; }
3037  .pr-xs-7 { padding-right: var(--space-7) !important; }
3038  .pb-xs-7 { padding-bottom: var(--space-7) !important; }
3039  .pl-xs-7 { padding-left: var(--space-7) !important; }
3040  .px-xs-7 { padding-left: var(--space-7) !important; padding-right: var(--space-7) !important; }
3041  .py-xs-7 { padding-top: var(--space-7) !important; padding-bottom: var(--space-7) !important; }
3042  .p-xs-8 { padding: var(--space-8) !important; }
3043  .pt-xs-8 { padding-top: var(--space-8) !important; }
3044  .pr-xs-8 { padding-right: var(--space-8) !important; }
3045  .pb-xs-8 { padding-bottom: var(--space-8) !important; }
3046  .pl-xs-8 { padding-left: var(--space-8) !important; }
3047  .px-xs-8 { padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; }
3048  .py-xs-8 { padding-top: var(--space-8) !important; padding-bottom: var(--space-8) !important; }
3049}
3050
3051.z-index-1 {
3052    z-index: 1;
3053}
3054
3055.z-index-10 {
3056    z-index: 10;
3057}
3058
3059.z-index-100 {
3060    z-index: 100;
3061}
3062
3063.z-index-1000 {
3064    z-index: 1000;
3065}</style>
3066</div>
3067<div class="lfr-layout-structure-item-js--copy- lfr-layout-structure-item-e443ed00-c923-d35e-1ad8-ad75fa4133ea " style="">
3068 <div id="fragment-16851-itew"> 
3069  <div class="fragment_20801">
3070   <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
3071   
3071<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
3071
3072   
3072<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=63187c5cfd193a0013760368&amp;product=inline-share-buttons" async></script>
3072
3073  </div>
3074 </div>
3075 <style>.fragment_20801 {
3076}</style>
3077 
3077<script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-16851-itew'); var fragmentNamespace = 'itew'; var layoutMode = 'view';window.process = window.process || {};
3078window.process.env = { NODE_ENV: 'production' };;}());</script>
3078
3079</div>
3080<div class="lfr-layout-structure-item-header lfr-layout-structure-item-0fb72043-b1e2-20d8-9cc0-5bbb97d51b91 " style="">
3081 <div id="fragment-16845-giiv"> 
3082  <div class="position-absolute">
3083   <header class="custom-header jcc-header-fragment"><!-- Top Bar -->
3084    <div class="top-bar">
3085     <div class="container d-flex justify-content-end pt-2"><a href="/jcc-search"><img width="16px" height="16px" src="/documents/d/jcc/search-svg?download=true"></a><span class="pr-3 pl-3">|</span>
3086      <div>
3087       <div class="lfr-layout-structure-item-com-liferay-site-navigation-language-web-portlet-sitenavigationlanguageportlet lfr-layout-structure-item-4318b72b-970f-8d33-e613-95b250998bc6 " style="">
3088        <div id="fragment-0-fryf">
3089         <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_  portlet-static portlet-static-end portlet-borderless portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>
3090          <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">
3091           <div class="portlet-content">
3092            <div class=" portlet-content-container">
3093             <div class="portlet-body">
3094              <div><a href="/en/c/portal/update_language?p_l_id=158&amp;redirect=%2Fen%2Faboutthechamber&amp;languageId=ar_SA" role="menuitem" class="language_toggle"> <span class="language-arabic">AR</span> </a>
3095              </div>
3096              <style>
3097 .language_toggle{
3098		color: white;
3099	  text-decoration: none;
3100	}
3101	.language_toggle:hover{
3102		color: white;
3103	  text-decoration: none;
3104	}
3105	.lang-switcher-dropzone .portlet-body .language_toggle .language-english{
3106	  top: 12px;
3107    margin-right: 15px;
3108		position: relative;
3109		font-size: 15px;
3110    line-height: 15px;
3111    font-weight: 500;
3112   }
3113	.lang-switcher-dropzone .portlet-body .language_toggle .language-arabic{
3114	  top: 7px;
3115    margin-left: 15px;
3116		position: relative;
3117		font-size: 15px;
3118    line-height: 15px;
3119    font-weight: 500;
3120   }
3121	
3122</style>
3123             </div>
3124            </div>
3125           </div>
3126          </section>
3127         </div>
3128        </div>
3129       </div>
3130      </div><span class="pl-3 pr-3">|</span>
3131      <img width="25px" height="16px" class="pr-2" src="/documents/d/jcc/login-svg?download=true"> <!-- Guest user --><a href="/login-page" class="text-white"> <span>Login</span> </a>
3132     </div>
3133    </div><!-- Main Nav -->
3134    <div class="main-nav">
3135     <div class="container d-flex justify-content-between align-items-center py-2"><!-- Logo -->
3136      <div class="logo"><a href="https://www.jcci.org.sa/"><img data-lfr-editable-id="site-logo" data-lfr-editable-type="image" src="/documents/d/jcc/jcc-logo-svg-1?download=true" alt="Logo"></a>
3137      </div><!-- Navigation -->
3138      <nav>
3139       <div class="portlet">
3140        <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_  portlet-static portlet-static-end portlet-borderless portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_giiv_"><span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_giiv"></span>
3141         <section class="portlet" id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_giiv">
3142          <div class="portlet-content">
3143           <div class=" portlet-content-container">
3144            <div class="portlet-body">
3145             <div class="jcc-burger-menu"><button class="jcc-burger-button"> <img class="jcc-burger-menu-icon" alt="Calendar Icon" src="/documents/44210/56773/icon-burger-white.svg" focusable="false" role="presentation"> 
3146               <svg class="jcc-close-icon lexicon-icon lexicon-icon-times" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#times" />
3147               </svg> </button>
3148              <div tabindex="0" class="jcc-burger-dropdown jcc-scrollbar">
3149               <ul class="jcc-main-menu">
3150                <li class="jcc-menu-item 1 jcc-expandable first" data-toggle-sections-set-id="jcc-burger-section-set-1"><a class="jcc-menu-header">Jeddah Chamber</a>
3151                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
3152                 </svg></li>
3153                <li class="jcc-menu-item 2 jcc-expandable" data-toggle-sections-set-id="jcc-burger-section-set-2"><a class="jcc-menu-header">Subscriber Services</a>
3154                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
3155                 </svg></li>
3156                <li class="jcc-menu-item 3 jcc-expandable" data-toggle-sections-set-id="jcc-burger-section-set-3"><a class="jcc-menu-header">Programs and Initiatives</a>
3157                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
3158                 </svg></li>
3159                <li class="jcc-menu-item 4 jcc-expandable" data-toggle-sections-set-id="jcc-burger-section-set-4"><a class="jcc-menu-header">News and Events</a>
3160                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
3161                 </svg></li>
3162                <li class="jcc-menu-item 5 jcc-expandable" data-toggle-sections-set-id="jcc-burger-section-set-5"><a class="jcc-menu-header">Circulars and Publications</a>
3163                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
3164                 </svg></li>
3165                <li class="jcc-menu-item 6 jcc-expandable" data-toggle-sections-set-id="jcc-burger-section-set-6"><a class="jcc-menu-header">Added Value Projects</a>
3166                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
3167                 </svg></li>
3168               </ul>
3169               <div class="jcc-sections-set jcc-burger-expandable jcc-burger-first" id="jcc-burger-section-set-1">
3170                <div class="jcc-back-button">
3171                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-left icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-left" />
3172                 </svg>
3173                 <p class="m-0">Jeddah Chamber</p>
3174                </div>
3175                <div class="jcc-section-set-separator"></div>
3176                <div class="jcc-sections-set-content">
3177                 <div class="jcc-background">
3178                  <img src="/documents/44210/0/nav-bar-demo.png" class=" icon-mirror">
3179                  <div class="jcc-mask"></div>
3180                 </div>
3181                 <h4 class="jcc-section-title">Jeddah Chamber</h4>
3182                 <ul class="jcc-sections">
3183                  <li>
3184                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-1">
3185                    <p>About the Chamber</p>
3186                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3187                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3188                   </div>
3189                   <ul id="jcc-burger-section-1" class="jcc-section-links">
3190                    <li class="jcc-section-link selected">
3191                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3192                     </svg><a href="https://www.jcci.org.sa/en/aboutthechamber">About the Chamber</a></li>
3193                    <li class="jcc-section-link ">
3194                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3195                     </svg><a href="https://www.jcci.org.sa/en/%D8%A5%EF%BA%B3%EF%BA%98%EF%BA%AE%D8%A7%EF%BA%97%EF%BB%B4%EF%BA%A0%EF%BB%B4%EF%BA%94-%D8%A7%EF%BB%9F%EF%BB%90%EF%BA%AE%EF%BB%93%E
3195F%BA%94">The Chamber's Strategy</a></li>
3196                    <li class="jcc-section-link ">
3197                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3198                     </svg><a href="https://www.jcci.org.sa/en/quality-policy">Quality Policy</a></li>
3199                    <li class="jcc-section-link ">
3200                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3201                     </svg><a href="https://www.jcci.org.sa/en/awards">Certifications and Awards</a></li>
3202                    <li class="jcc-section-link ">
3203                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3204                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B3%D8%A4%D9%88%D9%84%D9%8A%D8%AA%D9%86%D8%A7-%D8%A7%D9%84%D8%A5%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9">Our Social Responsibility</a></li>
3205                    <li class="jcc-section-link ">
3206                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3207                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9">Trademarks</a></li>
3208                   </ul></li>
3209                  <li>
3210                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-2">
3211                    <p>Board of Directors</p>
3212                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3213                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3214                   </div>
3215                   <ul id="jcc-burger-section-2" class="jcc-section-links">
3216                    <li class="jcc-section-link ">
3217                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3218                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%AC%D9%84%D8%B3-%D8%A7%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9">Board of Directors</a></li>
3219                    <li class="jcc-section-link ">
3220                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3221                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%9B%EF%BB%A0%EF%BB%A4%EF%BA%94-%D8%A7%EF%BB%9F%D8%B1%EF%BA%8B%EF%BB%B4%EF%BA%B2">CEO Message</a></li>
3222                    <li class="jcc-section-link ">
3223                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3224                     </svg><a href="https://www.jcci.org.sa/en/%D8%A3%D8%B9%D8%B6%D8%A7%D8%A1-%D9%85%D8%AC%D9%84%D8%B3-%D8%A7%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9">Board Members</a></li>
3225                    <li class="jcc-section-link ">
3226                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3227                     </svg><a href="https://www.jcci.org.sa/en/annual-reports">Annual Reports</a></li>
3228                   </ul></li>
3229                  <li>
3230                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-3">
3231                    <p>The Chamber's History</p>
3232                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3233                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3234                   </div>
3235                   <ul id="jcc-burger-section-3" class="jcc-section-links">
3236                    <li class="jcc-section-link ">
3237                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3238                     </svg><a href="https://www.jcci.org.sa/en/%EF%BA%97%EF%BA%8E%D8%B1%EF%BB%B3%EF%BA%A6-%D8%A7%EF%BB%9F%EF%BB%90%EF%BA%AE%EF%BB%93%E
3238F%BA%94">The Chamber's History</a></li>
3239                    <li class="jcc-section-link ">
3240                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3241                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B3%D9%8A%D8%B1%D8%A9-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9">Early Founders and Initiators</a></li>
3242                    <li class="jcc-section-link ">
3243                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3244                     </svg><a href="https://www.jcci.org.sa/en/highlighted-people">Leaders who Stood Out</a></li>
3245                    <li class="jcc-section-link ">
3246                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3247                     </svg><a href="https://www.jcci.org.sa/en/%D8%B1%D8%A4%EF%BA%B3%EF%BA%8E%D8%A1-%D9%88%D8%A3%EF%BB%A3%EF%BB%A8%EF%BA%8E%D8%A1-%EF%BB%8F%EF%BA%AE%EF%BB%93%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9-%D8%A7%EF%BB%9F%EF%BA%B4%EF%BA%8E%EF%BA%91%EF%BB%98%EF%BB%B4%EF%BB%A6">Previous Chairmen and Secretaries</a></li>
3248                   </ul></li>
3249                  <li>
3250                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-4">
3251                    <p>Work with Us</p>
3252                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3253                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3254                   </div>
3255                   <ul id="jcc-burger-section-4" class="jcc-section-links">
3256                    <li class="jcc-section-link ">
3257                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3258                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D9%88%D8%B8%D9%8A%D9%81">Recruitment</a></li>
3259                    <li class="jcc-section-link ">
3260                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3261                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8">Training</a></li>
3262                   </ul></li>
3263                  <li>
3264                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-5">
3265                    <p>The City of Jeddah</p>
3266                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3267                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3268                   </div>
3269                   <ul id="jcc-burger-section-5" class="jcc-section-links">
3270                    <li class="jcc-section-link ">
3271                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3272                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%AA%EF%BB%B3%EF%BB%A8%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9">Jeddah at a Glance</a></li>
3273                    <li class="jcc-section-link ">
3274                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3275                     </svg><a href="https://www.jcci.org.sa/en/%D8%B1%D8%A4%EF%BB%B3%EF%BA%94-%D8%A7%EF%BB%9F%EF%BB%A4%EF%BB%A4%EF%BB%A0%EF%BB%9C%EF%BA%94-2030">Kingdom Vision 2030</a></li>
3276                    <li class="jcc-section-link ">
3277                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3278                     </svg><a href="https://www.jcci.org.sa/en/%EF%BA%97%EF%BA%8E%D8%B1%EF%BB%B3%EF%BA%A6-%EF%BB%A3%EF%BA%AA%EF%BB%B3%EF%BB%A8%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9">History of Jeddah</a></li>
3279                    <li class="jcc-section-link ">
3280                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3281                     </svg><a href="https://www.jcci.org.sa/en/%D8%A5%EF%BB%97%EF%BA%98%EF%BA%BC%EF%BA%8E%D8%AF-%EF%BB%A3%EF%BA%AA%EF%BB%B3%EF%BB%A8%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9">Economy of Jeddah</a></li>
3282                   </ul></li>
3283                 </ul>
3284                </div>
3285               </div>
3286               <div class="jcc-sections-set jcc-burger-expandable" id="jcc-burger-section-set-2">
3287                <div class="jcc-back-button">
3288                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-left icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-left" />
3289                 </svg>
3290                 <p class="m-0">Subscriber Services</p>
3291                </div>
3292                <div class="jcc-section-set-separator"></div>
3293                <div class="jcc-sections-set-content">
3294                 <div class="jcc-background">
3295                  <img src="/documents/44210/0/nav-bar-demo.png" class=" icon-mirror">
3296                  <div class="jcc-mask"></div>
3297                 </div>
3298                 <h4 class="jcc-section-title">Subscriber Services</h4>
3299                 <div class="jcc-highlight">
3300                  <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/services-landing-page" class="jcc-highlight-link">Subscriber Services</a>
3301                 </div>
3302                 <ul class="jcc-sections">
3303                  <li>
3304                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-6">
3305                    <p>Subscription Services</p>
3306                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3307                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3308                   </div>
3309                   <ul id="jcc-burger-section-6" class="jcc-section-links">
3310                    <li class="jcc-section-link ">
3311                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3312                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%B4%D8%AA%D8%B1%D8%A7%D9%831">Subscription Services at a Glance</a></li>
3313                    <li class="jcc-section-link ">
3314                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3315                     </svg><a href="https://www.jcci.org.sa/en/private-service">Private Services</a></li>
3316                    <li class="jcc-section-link ">
3317                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3318                     </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%A7%D8%B4%D8%AA%D8%B1%D8%A7%D9%83-%D8%AC%D8%AF%D9%8A%D8%AF/%D8%AA%D8%AC%D8%AF%D9%8A%D8%AF">New/Renewal Subscription Request</a></li>
3319                    <li class="jcc-section-link ">
3320                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3321                     </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D8%A8%D8%A7%D8%B9%D8%A9-%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-%D8%A7%D9%84%D8%B9%D8%B6%D9%88%D9%8A%D8%A9">Print Membership Certificate</a></li>
3322                    <li class="jcc-section-link ">
3323                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3324                     </svg><a href="https://www.jcci.org.sa/en/%D8%B1%D9%81%D8%B9-%D8%AF%D8%B1%D8%AC%D8%A9-%D8%A7%D9%84%D8%B9%D8%B6%D9%88%D9%8A%D8%A9">Membership Upgrade Service</a></li>
3325                    <li class="jcc-section-link ">
3326                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3327                     </svg><a href="https://www.jcci.org.sa/en/%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA">Data Update Services</a></li>
3328                    <li class="jcc-section-link ">
3329                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3330                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D9%82%D9%8A%D8%B9">Signature Services</a></li>
3331                   </ul></li>
3332                  <li>
3333                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-7">
3334                    <p>Approval Services</p>
3335                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3336                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3337                   </div>
3338                   <ul id="jcc-burger-section-7" class="jcc-section-links">
3339                    <li class="jcc-section-link ">
3340                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3341                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B5%D8%A7%D8%AF%D9%8A%D9%82">Approval Services at a Glance</a></li>
3342                    <li class="jcc-section-link ">
3343                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3344                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B5%D8%AF%D9%8A%D9%82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A">Electronic Certification Service</a></li>
3345                    <li class="jcc-section-link ">
3346                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3347                     </svg><a href="https://www.jcci.org.sa/en/%D8%AA%D9%81%D8%B9%D9%8A%D9%84-%D8%A7%D9%84%D8%AA%D8%A3%D8%B4%D9%8A%D8%B1%D8%A7%D8%AA-%D9%84%D9%88%D8%B2%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%AE%D8%A7%D8%B1%D8%AC%D9%8A%D8%A9">Visa Activation for the Ministry of Foreign Affairs Service</a></li>
3348                    <li class="jcc-section-link ">
3349                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3350                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D8%A7%D9%81%D9%82%D8%A9-%D8%B7%D9%84%D8%A8%D8%A7%D8%AA-%D8%A7%D8%B3%D8%AA%D9%82%D8%AF%D8%A7%D9%85-%D9%88%D8%B2%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%AF%D8%A7%D8%AE%D9%84%D9%8A%D8%A9">Approval of Admission Requests from the Ministry of Interior Service</a></li>
3351                    <li class="jcc-section-link ">
3352                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3353                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%82%D9%82-%D9%85%D9%86-%D8%A7%D9%84%D9%88%D8%AB%D8%A7%D8%A6%D9%82">Document Verification Service</a></li>
3354                   </ul></li>
3355                  <li>
3356                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-8">
3357                    <p>Commercial Services</p>
3358                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3359                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3360                   </div>
3361                   <ul id="jcc-burger-section-8" class="jcc-section-links">
3362                    <li class="jcc-section-link ">
3363                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3364                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9">Commercial Services at a Glance</a></li>
3365                    <li class="jcc-section-link ">
3366                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3367                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%B3%D8%A7%D8%A8%D9%82%D8%A7%D8%AA">Commercial Competition Service</a></li>
3368                    <li class="jcc-section-link ">
3369                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3370                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A5%D8%B9%D8%A7%D8%AF%D8%A9-%D8%A7%D9%84%D8%AA%D8%B5%D8%AF%D9%8A%D8%B1">Re-export Service</a></li>
3371                    <li class="jcc-section-link ">
3372                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3373                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AE%D8%B7%D8%A7%D8%A8%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D9%81">Letter of Introduction Service</a></li>
3374                   </ul></li>
3375                  <li>
3376                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-9">
3377                    <p>Legal Services</p>
3378                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3379                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3380                   </div>
3381                   <ul id="jcc-burger-section-9" class="jcc-section-links">
3382                    <li class="jcc-section-link ">
3383                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3384                     </svg><a href="https://www.jcci.org.sa/en/service-category-legal-services">Legal Services at a Glance</a></li>
3385                    <li class="jcc-section-link ">
3386                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3387                     </svg><a href="https://www.jcc
3387i.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AD%D8%AA%D8%AC%D8%A7%D8%AC">Protest Services</a></li>
3388                    <li class="jcc-section-link ">
3389                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3390                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%88%D9%81%D9%8A%D9%82">Conciliation Services</a></li>
3391                    <li class="jcc-section-link ">
3392                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3393                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B4%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D9%82%D8%A7%D9%86%D9%88%D9%86%D9%8A%D8%A9">Legal Consultation Services</a></li>
3394                    <li class="jcc-section-link ">
3395                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3396                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%8A%D9%85">Arbitration Services</a></li>
3397                   </ul></li>
3398                  <li>
3399                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-10">
3400                    <p>Sectorial Councils’ Services</p>
3401                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3402                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3403                   </div>
3404                   <ul id="jcc-burger-section-10" class="jcc-section-links">
3405                    <li class="jcc-section-link ">
3406                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3407                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A7%EF%BB%88%EF%BA%AE%D8%A9-%EF%BB%8B%EF%BA%8E%EF%BB%A3%EF%BA%94-%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D8%AC%D8%A7%D9%84%D8%B3-%D8%A7%D9%84%D9%82%D8%B7%D8%A7%D8%B9%D9%8A%D8%A9">Sectoral Councils at a Glance</a></li>
3408                    <li class="jcc-section-link ">
3409                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3410                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%98%EF%BA%A0%EF%BA%8E%D8%B1%D8%A9-%D9%88%D8%A7%EF%BB%9F%EF%BA%98%EF%BA%A0%EF%BA%B0%EF%BA%8B%EF%BA%94-2">Trade and Retail Council</a></li>
3411                    <li class="jcc-section-link ">
3412                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3413                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BB%A0%EF%BB%AE%EF%BA%9F%EF%BA%B4%EF%BA%98%EF%AF%BF%EF%BA%8E%D8%AA">Logistics Council</a></li>
3414                    <li class="jcc-section-link ">
3415                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3416                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%AE%EF%BB%8B%EF%BA%8E%EF%AF%BE%EF%BA%94-%D8%A7%EF%BB%9F%EF%BA%BC%EF%BA%A4%EF%AF%BF%EF%BA%94">Healthcare Council</a></li>
3417                    <li class="jcc-section-link ">
3418                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3419                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%98%EF%BB%8C%EF%BB%A0%EF%AF%BF%EF%BB%A2-%D9%88%D8%A7%EF%BB%9F%EF%BA%98%EF%BA%AA%D8%B1%EF%AF%BE%EF%BA%90">Training and Education Council</a></li>
3420                    <li class="jcc-section-link ">
3421                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3422                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%BC%EF%BB%A8%EF%BA%8E%EF%BB%8B%EF%BA%94">Industrial Council</a></li>
3423                    <li class="jcc-section-link ">
3424                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3425                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%B4%EF%AF%BF%EF%BA%8E%EF%BA%A3%EF%BA%94-%D9%88%D8%A7%EF%BB%9F%EF%BA%9C%EF%BB%94%EF%BA%8E%EF%BB%97%EF%BA%94">Tourism and Culture Council</a></li>
3426                    <li class="jcc-section-link ">
3427                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3428                     </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%98%EF%BB%84%EF%BB%AE%EF%AF%BE%EF%BA%AE-%D8%A7%EF%BB%9F%EF%BB%8C%EF%BB%A4%EF%BA%AE%D8%A7%EF%BB%A7%EF%BB%B2">Urban Development Council</a></li>
3429                   </ul></li>
3430                  <li>
3431                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-11">
3432                    <p>خدمة مكتب تسهيل الأعمال</p>
3433                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3434                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3435                   </div>
3436                   <ul id="jcc-burger-section-11" class="jcc-section-links">
3437                    <li class="jcc-section-link ">
3438                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3439                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D9%85%D9%83%D8%AA%D8%A8-%D8%AA%D8%B3%D9%87%D9%8A%D9%84-%D8%A7%D9%84%D8%A3%D8%B9%D9%85%D8%A7%D9%84">خدمة مكتب تسهيل الأعمال</a></li>
3440                   </ul></li>
3441                  <li>
3442                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-12">
3443                    <p>Concierge Service</p>
3444                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3445                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3446                   </div>
3447                   <ul id="jcc-burger-section-12" class="jcc-section-links">
3448                    <li class="jcc-section-link ">
3449                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3450                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D9%83%D9%88%D9%86%D8%B3%D8%B1%D9%8A%D8%AC-%D9%84%D9%84%D9%85%D8%B3%D8%AA%D8%AB%D9%85%D8%B1%D9%8A%D9%86">Concierge Service</a></li>
3451                   </ul></li>
3452                  <li>
3453                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-13">
3454                    <p>Saudi Business Boards</p>
3455                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3456                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3457                   </div>
3458                   <ul id="jcc-burger-section-13" class="jcc-section-links">
3459                    <li class="jcc-section-link ">
3460                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3461                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%AC%D8%A7%D9%84%D8%B3-%D8%A7%D9%84%D8%A3%D8%B9%D9%85%D8%A7%D9%84-%D8%A7%D9%84%D8%B3%D8%B9%D9%88%D8%AF%D9%8A%D8%A9-%D8%A7%D9%84%D9%85%D8%B4%D8%AA%D8%B1%D9%83%D8%A9">Saudi Business Boards at a Glance</a></li>
3462                   </ul></li>
3463                  <li>
3464                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-14">
3465                    <p>Commercial Delegation Services</p>
3466                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3467                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3468                   </div>
3469                   <ul id="jcc-burger-section-14" class="jcc-section-links">
3470                    <li class="jcc-section-link ">
3471                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3472                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D8%A5%D9%86%D8%B6%D9%85%D8%A7%D9%85-%D8%A5%D9%84%D9%89-%D8%A3%D8%AD%D8%AF-%D8%A7%D9%84%D9%88%D9%81%D9%88%D8%AF">Commercial Delegation Services</a></li>
3473                   </ul></li>
3474                  <li>
3475                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-15">
3476                    <p>Opportunities and Investment Ideas</p>
3477                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3478                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3479                   </div>
3480                   <ul id="jcc-burger-section-15" class="jcc-section-links">
3481                    <li class="jcc-section-link ">
3482                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3483                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%81%D8%B1%D8%B5-%D9%88%D8%A7%D9%84%D8%A3%D9%81%D9%83%D8%A7%D8%B1-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%AB%D9%85%D8%A7%D8%B1%D9%8A%D8%A9">Opportunities and Investment Ideas</a></li>
3484                    <li class="jcc-section-link ">
3485                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3486                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%B4%D8%A7%D8%B1%D9%8A%D8%B9-%D8%A7%D9%84%D8%AD%D9%83%D9%88%D9%85%D9%8A%D8%A9">Government Sector Investment Opportunities</a></li>
3487                    <li class="jcc-section-link ">
3488                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3489                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B1%D9%88%D9%8A%D8%AC-%D9%84%D9%84%D9%81%D8%B1%D8%B5-%D9%88%D8%A7%D9%84%D9%85%D9%86%D8%A7%D9%81%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%AB%D9%85%D8%A7%D8%B1%D9%8A%D8%A9">Promoting investment opportunities</a></li>
3490                    <li class="jcc-section-link ">
3491                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3492                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D9%81%D8%B1%D8%B5%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AB%D9%85%D8%A7%D8%B1%D9%8A%D8%A9">Investment Opportunity Registration Service</a></li>
3493                   </ul></li>
3494                  <li>
3495                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-16">
3496                    <p>Data Request Services</p>
3497                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3498                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3499                   </div>
3500                   <ul id="jcc-burger-section-16" class="jcc-section-links">
3501                    <li class="jcc-section-link ">
3502                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3503                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%B7%D9%84%D8%A8-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA">Data Request Services at a Glance</a></li>
3504                    <li class="jcc-section-link ">
3505                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3506                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%B7%D9%84%D8%A8-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%86%D8%B4%D8%A2%D8%AA">Request Facilities Data</a></li>
3507                    <li class="jcc-section-link ">
3508                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3509                     </svg><a href="https://www.jcci.org.sa/en/%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA">تحديث البيانات</a></li>
3510                   </ul></li>
3511                  <li>
3512                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-17">
3513                    <p>Partnerships and Suppliers Services</p>
3514                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3515                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3516                   </div>
3517                   <ul id="jcc-burger-section-17" class="jcc-section-links">
3518                    <li class="jcc-section-link ">
3519                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3520                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%B4%D8%B1%D8%A7%D9%83%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%85%D8%B2%D8%A7%D9%8A%D8%A7">Partnerships and Suppliers Services at a Glance</a></li>
3521                    <li class="jcc-section-link ">
3522                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3523                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D9%88%D8%B1%D8%AF%D9%8A%D9%86">Suppliers Registration Service</a></li>
3524                    <li class="jcc-section-link ">
3525                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3526                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%B7%D9%84%D8%A8-%D8%B4%D8%B1%D8%A7%D9%83%D8%A9-%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%D9%8A%D8%AC%D9%8A%D8%A9">Strategic Partnership Request Service</a></li>
3527                   </ul></li>
3528                  <li>
3529                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-18">
3530                    <p>Advertising Services and Other Features</p>
3531                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3532                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3533                   </div>
3534                   <ul id="jcc-burger-section-18" class="jcc-section-links">
3535                    <li class="jcc-section-link ">
3536                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3537                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A3%D8%AE%D8%B1%D9%89">Advertising Services and Other Features at a Glance</a></li>
3538                    <li class="jcc-section-link ">
3539                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3540                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AD%D8%AC%D8%B2-%D9%82%D8%A7%D8%B9%D8%A7%D8%AA-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9">Chamber's Halls Booking Service</a></li>
3541                    <li class="jcc-section-link ">
3542                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3543                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AA%D9%82%D8%AF%D9%8A%D9%85-%D9%85%D8%B2%D8%A7%D9%8A%D8%A7-%D9%88%D8%B9%D8%B1%D9%88%D8%B6">Offers and Features Services</a></li>
3544                   </ul></li>
3545                 </ul>
3546                </div>
3547               </div>
3548               <div class="jcc-sections-set jcc-burger-expandable" id="jcc-burger-section-set-3">
3549                <div class="jcc-back-button">
3550                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-left icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-left" />
3551                 </svg>
3552                 <p class="m-0">Programs and Initiatives</p>
3553                </div>
3554                <div class="jcc-section-set-separator"></div>
3555                <div class="jcc-sections-set-content">
3556                 <div class="jcc-background">
3557                  <img src="/documents/44210/0/nav-bar-demo.png" class=" icon-mirror">
3558                  <div class="jcc-mask"></div>
3559                 </div>
3560                 <h4 class="jcc-section-title">Programs and Initiatives</h4>
3561                 <div class="jcc-highlight">
3562                  <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/programs-landing-page" class="jcc-highlight-link">Programs and Initiatives</a>
3563                 </div>
3564                 <ul class="jcc-sections">
3565                  <li>
3566                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-19">
3567                    <p>Community Development Center Programs</p>
3568                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3569                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3570                   </div>
3571                   <ul id="jcc-burger-section-19" class="jcc-section-links">
3572                    <li class="jcc-section-link ">
3573                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3574                     </svg><a href="https://www.jcci.org.sa/en/community-development-landing-page">Community Development Center Programs at a Glance</a></li>
3575                    <li class="jcc-section-link ">
3576                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3577                     </svg><a href="https://www.jcci.org.sa/en/community-responsibility-center-mission">Mission</a></li>
3578                    <li class="jcc-section-link ">
3579                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3580                     </svg><a href="https://www.jcci.org.sa/en/initiatives">Initiatives</a></li>
3581                    <li class="jcc-section-link ">
3582                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3583                     </svg><a href="https://www.jcci.org.sa/en/partners">Partners</a></li>
3584                   </ul></li>
3585                  <li>
3586                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-20">
3587                    <p>Small and Medium Enterprises Support Center Programs</p>
3588                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3589                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3590                   </div>
3591                   <ul id="jcc-burger-section-20" class="jcc-section-links">
3592                    <li class="jcc-section-link ">
3593                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3594                     </svg><a href="https://www.jcci.org.sa/en/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC-%D8%AF%D8%B9%D9%85-%D8%A7%D9%84%D9%85%D9%86%D8%B4%D8%A2%D8%AA-%D8%A7%D9%84%D8%B5%D8%BA%D9%8A%D8%B1%D8%A9-%D9%88%D8%A7%D9%84%D9%85%D8%AA%D9%88%D8%B3%D8%B7%D8%A9">Small and Medium Enterprises Support Center Programs at a Glance</a></li>
3595                    <li class="jcc-section-link ">
3596                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3597                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B3%D8%AA%D9%87%D8%AF%D9%81%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Program Targets</a></li>
3598                    <li class="jcc-section-link ">
3599                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3600                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%A8%D8%A7%D8%AF%D8%B1%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A7%D8%AA">Initiatives and Events</a></li>
3601                    <li class="jcc-section-link ">
3602                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3603                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%84%D9%82%D8%A7%D8%A1%D8%A7%D8%AA">Sessions and Meetings</a></li>
3604                    <li class="jcc-section-link ">
3605                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3606                     </svg><a href="https://www.jcci.org.sa/en/%D8%B4%D8%B1%D9%83%D8%A7%D8%A1-%D8%A7%D9%84%D9%86%D8%AC%D8%A7%D8%AD">
3606Partners in Excellence</a></li>
3607                   </ul></li>
3608                 </ul>
3609                </div>
3610               </div>
3611               <div class="jcc-sections-set jcc-burger-expandable" id="jcc-burger-section-set-4">
3612                <div class="jcc-back-button">
3613                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-left icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-left" />
3614                 </svg>
3615                 <p class="m-0">News and Events</p>
3616                </div>
3617                <div class="jcc-section-set-separator"></div>
3618                <div class="jcc-sections-set-content">
3619                 <div class="jcc-background">
3620                  <img src="/documents/44210/0/nav-bar-demo.png" class=" icon-mirror">
3621                  <div class="jcc-mask"></div>
3622                 </div>
3623                 <h4 class="jcc-section-title">News and Events</h4>
3624                 <div class="jcc-highlight">
3625                  <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/%D8%A3%D8%AE%D8%A8%D8%A7%D8%B1-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9" class="jcc-highlight-link">Chamber News</a>
3626                 </div>
3627                 <ul class="jcc-sections">
3628                  <li>
3629                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-21">
3630                    <p>News</p>
3631                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3632                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3633                   </div>
3634                   <ul id="jcc-burger-section-21" class="jcc-section-links">
3635                    <li class="jcc-section-link ">
3636                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3637                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D8%AE%D8%B1-%D8%A7%D9%84%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1">Latest News</a></li>
3638                   </ul></li>
3639                  <li>
3640                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-22">
3641                    <p>Workshops and Meetings</p>
3642                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3643                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3644                   </div>
3645                   <ul id="jcc-burger-section-22" class="jcc-section-links">
3646                    <li class="jcc-section-link ">
3647                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3648                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%84%D9%82%D8%A7%D8%A1%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%B4-%D8%A7%D9%84%D8%B9%D9%85%D9%84-%D9%88%D8%A7%D9%84%D9%86%D8%AF%D9%88%D8%A7%D8%AA">Workshops and Meetings</a></li>
3649                   </ul></li>
3650                  <li>
3651                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-23">
3652                    <p>Exhibitions and Events</p>
3653                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3654                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3655                   </div>
3656                   <ul id="jcc-burger-section-23" class="jcc-section-links">
3657                    <li class="jcc-section-link ">
3658                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3659                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%B9%D8%A7%D8%B1%D8%B6-%D9%88%D8%A7%D9%84%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A7%D8%AA">Exhibitions and Events</a></li>
3660                   </ul></li>
3661                  <li>
3662                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-24">
3663                    <p>
3663Basta Market</p>
3664                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3665                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3666                   </div>
3667                   <ul id="jcc-burger-section-24" class="jcc-section-links">
3668                    <li class="jcc-section-link ">
3669                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3670                     </svg><a href="https://www.jcci.org.sa/en/basta-market-season-seven">About Basta Market</a></li>
3671                    <li class="jcc-section-link ">
3672                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3673                     </svg><a href="https://www.jcci.org.sa/en/basta-market-mission">Basta Market at a Glance</a></li>
3674                    <li class="jcc-section-link ">
3675                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3676                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D9%81%D9%8A-%D8%A8%D8%B3%D8%B7%D8%A9-%D9%85%D8%A7%D8%B1%D9%83%D8%AA">Registration for Basta Market</a></li>
3677                    <li class="jcc-section-link ">
3678                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3679                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D8%B5%D9%88%D8%B1">Image Library</a></li>
3680                   </ul></li>
3681                  <li>
3682                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-25">
3683                    <p>Jeddah Moves - Season 3</p>
3684                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3685                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3686                   </div>
3687                   <ul id="jcc-burger-section-25" class="jcc-section-links">
3688                    <li class="jcc-section-link ">
3689                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3690                     </svg><a href="https://www.jcci.org.sa/en/jeddah-moves-3">Jeddah moves</a></li>
3691                    <li class="jcc-section-link ">
3692                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3693                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D8%B5%D9%88%D8%B11">Image Library</a></li>
3694                   </ul></li>
3695                 </ul>
3696                </div>
3697               </div>
3698               <div class="jcc-sections-set jcc-burger-expandable" id="jcc-burger-section-set-5">
3699                <div class="jcc-back-button">
3700                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-left icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-left" />
3701                 </svg>
3702                 <p class="m-0">Circulars and Publications</p>
3703                </div>
3704                <div class="jcc-section-set-separator"></div>
3705                <div class="jcc-sections-set-content">
3706                 <div class="jcc-background">
3707                  <img src="/documents/44210/0/nav-bar-demo.png" class=" icon-mirror">
3708                  <div class="jcc-mask"></div>
3709                 </div>
3710                 <h4 class="jcc-section-title">Circulars and Publications</h4>
3711                 <div class="jcc-highlight">
3712                  <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/%D8%AA%D8%B9%D8%A7%D9%85%D9%8A%D9%85-%D9%88%D8%A5%D8%B5%D8%AF%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9" class="jcc-highlight-link">Latest Publication and Circulars</a>
3713                 </div>
3714                 <ul class="jcc-sections">
3715                  <li>
3716                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-26">
3717                    <p>Circulars</p>
3718                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3719                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3720                   </div>
3721                   <ul id="jcc-burger-section-26" class="jcc-section-links">
3722                    <li class="jcc-section-link ">
3723                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3724                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D9%85%D9%8A%D9%85">Browse all Circulars</a></li>
3725                   </ul></li>
3726                  <li>
3727                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-27">
3728                    <p>Publications</p>
3729                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3730                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3731                   </div>
3732                   <ul id="jcc-burger-section-27" class="jcc-section-links">
3733                    <li class="jcc-section-link ">
3734                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3735                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%AC%D9%84%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9">Commerce Magazine</a></li>
3736                    <li class="jcc-section-link ">
3737                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3738                     </svg><a href="https://www.jcci.org.sa/en/%D9%83%D8%AA%D8%A7%D8%A8-75-%D8%B9%D8%A7%D9%85-%D9%81%D9%8A-%D8%B1%D9%83%D8%A7%D8%A8-%D8%A7%D9%84%D8%AA%D8%AD%D9%88%D9%84-">75 Years Book (Transformation in the Making)</a></li>
3739                    <li class="jcc-section-link ">
3740                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3741                     </svg><a href="https://bluepages.com.sa/" target="_blank">Blue Pages</a></li>
3742                    <li class="jcc-section-link ">
3743                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3744                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%A3%D8%AF%D9%84%D8%A9-%D8%A7%D9%84%D8%AA%D9%86%D8%B8%D9%8A%D9%85%D9%8A%D8%A9">Regulatory Guidelines for Sectoral Councils</a></li>
3745                   </ul></li>
3746                  <li>
3747                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-28">
3748                    <p>Reports and Information</p>
3749                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3750                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3751                   </div>
3752                   <ul id="jcc-burger-section-28" class="jcc-section-links">
3753                    <li class="jcc-section-link ">
3754                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3755                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D9%82%D8%A7%D8%B1%D9%8A%D8%B1-%D9%88%D8%A7%D9%84%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA">Economic Report</a></li>
3756                    <li class="jcc-section-link ">
3757                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3758                     </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D9%82%D8%A7%D8%B1%D9%8A%D8%B1-%D9%88%D8%A7%D9%84%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA">Informational Report</a></li>
3759                   </ul></li>
3760                 </ul>
3761                </div>
3762               </div>
3763               <div class="jcc-sections-set jcc-burger-expandable" id="jcc-burger-section-set-6">
3764                <div class="jcc-back-button">
3765                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-left icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-left" />
3766                 </svg>
3767                 <p class="m-0">Added Value Projects</p>
3768                </div>
3769                <div class="jcc-section-set-separator"></div>
3770                <div class="jcc-sections-set-content">
3771                 <div class="jcc-background">
3772                  <img src="/documents/44210/0/nav-bar-demo.png" class=" icon-mirror">
3773                  <div class="jcc-mask"></div>
3774                 </div>
3775                 <h4 class="jcc-section-title">Added Value Projects</h4>
3776                 <div class="jcc-highlight">
3777                  <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/projects-landing-page" class="jcc-highlight-link">Added Value Projects</a>
3778                 </div>
3779                 <ul class="jcc-sections">
3780                  <li>
3781                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-29">
3782                    <p>Warehouse City</p>
3783                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3784                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3785                   </div>
3786                   <ul id="jcc-burger-section-29" class="jcc-section-links">
3787                    <li class="jcc-section-link ">
3788                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3789                     </svg><a href="https://www.jcci.org.sa/en/warehouse-services-landing">Warehouse City at a Glance</a></li>
3790                    <li class="jcc-section-link ">
3791                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3792                     </svg><a href="https://www.jcci.org.sa/en/warehouse-services-2">Warehouse City Features</a></li>
3793                    <li class="jcc-section-link ">
3794                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3795                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9">Warehouse City Services</a></li>
3796                    <li class="jcc-section-link ">
3797                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3798                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9">Warehouse City Location</a></li>
3799                    <li class="jcc-section-link ">
3800                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3801                     </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%A5%D9%8A%D8%AC%D8%A7%D8%B1-%D9%85%D8%B3%D8%AA%D9%88%D8%AF%D8%B9">Warehouse Rental Request</a></li>
3802                   </ul></li>
3803                  <li>
3804                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-30">
3805                    <p>Exhibition and Events Center</p>
3806                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3807                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3808                   </div>
3809                   <ul id="jcc-burger-section-30" class="jcc-section-links">
3810                    <li class="jcc-section-link ">
3811                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3812                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B1%D9%83%D8%B2-%D8%AC%D8%AF%D8%A9-%D9%84%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%8A%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A7%D8%AA">Exhibition and Events Center at a Glance</a></li>
3813                    <li class="jcc-section-link ">
3814                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3815                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B2%D8%A7%D9%8A%D8%A7-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Features</a></li>
3816                    <li class="jcc-section-link ">
3817                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3818                     </svg><a href="https://www.jcci.org.sa/en/exhibition-center-services-2">Center Services</a></li>
3819                    <li class="jcc-section-link ">
3820                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3821                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Location</a></li>
3822                    <li class="jcc-section-link ">
3823                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3824                     </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%A5%D9%8A%D8%AC%D8%A7%D8%B1-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Rent a Center</a></li>
3825                   </ul></li>
3826                  <li>
3827                   <div class="jcc-section-toggle" data-toggle-section-id="jcc-burger-section-31">
3828                    <p>Jeddah International Business Center</p>
3829                    <img class="jcc-minus-icon" src="/documents/44210/56773/icon-rounded-minus-gradient">
3830                    <img class="jcc-plus-icon" src="/documents/44210/56773/icon-rounded-plus-gradient">
3831                   </div>
3832                   <ul id="jcc-burger-section-31" class="jcc-section-links">
3833                    <li class="jcc-section-link ">
3834                     <svg class="jcc-arr
3834ow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3835                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B1%D9%83%D8%B2-%D8%AC%D8%AF%D8%A9-%D8%A7%D9%84%D8%AF%D9%88%D9%84%D9%8A-%D9%84%D9%84%D8%A7%D8%B9%D9%85%D8%A7%D9%84">Jeddah International Business Center at a Glance</a></li>
3836                    <li class="jcc-section-link ">
3837                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3838                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B1%D9%83%D8%B2-%D8%AC%D8%AF%D8%A9-%D8%A7%D9%84%D8%AF%D9%88%D9%84%D9%8A-%D9%84%D9%84%D8%A3%D8%B9%D9%85%D8%A7%D9%84">Center Features</a></li>
3839                    <li class="jcc-section-link ">
3840                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3841                     </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Services</a></li>
3842                    <li class="jcc-section-link ">
3843                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3844                     </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B21">Center Location</a></li>
3845                    <li class="jcc-section-link ">
3846                     <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3847                     </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%AD%D8%AC%D8%B2-%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Order and Rent a Center Unit</a></li>
3848                   </ul></li>
3849                 </ul>
3850                </div>
3851               </div>
3852               <div class="jcc-sections-set" id="jcc-burger-section-set-7">
3853                <div class="jcc-back-button">
3854                 <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-left icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-left" />
3855                 </svg>
3856                 <p class="m-0">My Orders</p>
3857                </div>
3858                <div class="jcc-section-set-separator"></div>
3859                <div class="jcc-sections-set-content">
3860                 <h4 class="jcc-section-title">My Orders</h4>
3861                 <ul class="jcc-sections">
3862                 </ul>
3863                </div>
3864               </div>
3865              </div>
3866             </div>
3867             <div class="nav-links d-flex align-items-center jcc-bar-menu"><a href="https://www.jcci.org.sa" class="nav-link parent-link" data-target="page-0"> Jeddah Chamber </a>
3868              <div id="page-0" class="page-container hidden">
3869               <div class="content-inner pt-3 row container mx-auto">
3870                <div class="col-md-3 p-0 jcc-section-column-1">
3871                 <div class="jcc-static-links-background">
3872                  <img src="/documents/44210/0/nav-bar-demo.png">
3873                  <div class="jcc-mask"></div>
3874                 </div>
3875                 <div class="jcc-section-content position-absolute p-4">
3876                  <h4 class="jcc-section-title">Jeddah Chamber</h4>
3877                 </div>
3878                </div>
3879                <ul class="col-md-4 list-unstyled child-wrapper p-0 mb-0">
3880                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-1-1"><p>About the Chamber</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3881                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-1-2"><p>Board of Directors</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3882                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-1-3"><p>The Chamber's History</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3883                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-1-4"><p>Work with Us</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3884                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-1-5"><p>The City of Jeddah</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3885                </ul>
3886                <div class="jcc-section-links col">
3887                 <section class="jcc-links-section hide" id="jcc-section-links-1-1">
3888                  <h5 class="jcc-section-links-title">About the Chamber</h5>
3889                  <ul class="jcc-section-links-list list-unstyled">
3890                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3891                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3892                    </svg><a href="https://www.jcci.org.sa/en/aboutthechamber">About the Chamber</a></li>
3893                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3894                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3895                    </svg><a href="https://www.jcci.org.sa/en/%D8%A5%EF%BA%B3%EF%BA%98%EF%BA%AE%D8%A7%EF%BA%97%EF%BB%B4%EF%BA%A0%EF%BB%B4%EF%BA%94-%D8%A7%EF%BB%9F%EF%BB%90%EF%BA%AE%EF%BB%93%E
3895F%BA%94">The Chamber's Strategy</a></li>
3896                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3897                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3898                    </svg><a href="https://www.jcci.org.sa/en/quality-policy">Quality Policy</a></li>
3899                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3900                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3901                    </svg><a href="https://www.jcci.org.sa/en/awards">Certifications and Awards</a></li>
3902                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3903                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3904                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B3%D8%A4%D9%88%D9%84%D9%8A%D8%AA%D9%86%D8%A7-%D8%A7%D9%84%D8%A5%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9">Our Social Responsibility</a></li>
3905                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3906                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3907                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9">Trademarks</a></li>
3908                  </ul>
3909                 </section>
3910                 <section class="jcc-links-section hide" id="jcc-section-links-1-2">
3911                  <h5 class="jcc-section-links-title">Board of Directors</h5>
3912                  <ul class="jcc-section-links-list list-unstyled">
3913                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3914                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3915                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%AC%D9%84%D8%B3-%D8%A7%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9">Board of Directors</a></li>
3916                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3917                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3918                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%9B%EF%BB%A0%EF%BB%A4%EF%BA%94-%D8%A7%EF%BB%9F%D8%B1%EF%BA%8B%EF%BB%B4%EF%BA%B2">CEO Message</a></li>
3919                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3920                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3921                    </svg><a href="https://www.jcci.org.sa/en/%D8%A3%D8%B9%D8%B6%D8%A7%D8%A1-%D9%85%D8%AC%D9%84%D8%B3-%D8%A7%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9">Board Members</a></li>
3922                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3923                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3924                    </svg><a href="https://www.jcci.org.sa/en/annual-reports">Annual Reports</a></li>
3925                  </ul>
3926                 </section>
3927                 <section class="jcc-links-section hide" id="jcc-section-links-1-3">
3928                  <h5 class="jcc-section-links-title">The Chamber's History</h5>
3929                  <ul class="jcc-section-links-list list-unstyled">
3930                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3931                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3932                    </svg><a href="https://www.jcci.org.sa/en/%EF%BA%97%EF%BA%8E%D8%B1%EF%BB%B3%EF%BA%A6-%D8%A7%EF%BB%9F%EF%BB%90%EF%BA%AE%EF%BB%93%E
3932F%BA%94">The Chamber's History</a></li>
3933                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3934                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3935                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B3%D9%8A%D8%B1%D8%A9-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9">Early Founders and Initiators</a></li>
3936                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3937                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3938                    </svg><a href="https://www.jcci.org.sa/en/highlighted-people">Leaders who Stood Out</a></li>
3939                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3940                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3941                    </svg><a href="https://www.jcci.org.sa/en/%D8%B1%D8%A4%EF%BA%B3%EF%BA%8E%D8%A1-%D9%88%D8%A3%EF%BB%A3%EF%BB%A8%EF%BA%8E%D8%A1-%EF%BB%8F%EF%BA%AE%EF%BB%93%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9-%D8%A7%EF%BB%9F%EF%BA%B4%EF%BA%8E%EF%BA%91%EF%BB%98%EF%BB%B4%EF%BB%A6">Previous Chairmen and Secretaries</a></li>
3942                  </ul>
3943                 </section>
3944                 <section class="jcc-links-section hide" id="jcc-section-links-1-4">
3945                  <h5 class="jcc-section-links-title">Work with Us</h5>
3946                  <ul class="jcc-section-links-list list-unstyled">
3947                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3948                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3949                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D9%88%D8%B8%D9%8A%D9%81">Recruitment</a></li>
3950                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3951                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3952                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8">Training</a></li>
3953                  </ul>
3954                 </section>
3955                 <section class="jcc-links-section hide" id="jcc-section-links-1-5">
3956                  <h5 class="jcc-section-links-title">The City of Jeddah</h5>
3957                  <ul class="jcc-section-links-list list-unstyled">
3958                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3959                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3960                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%AA%EF%BB%B3%EF%BB%A8%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9">Jeddah at a Glance</a></li>
3961                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3962                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3963                    </svg><a href="https://www.jcci.org.sa/en/%D8%B1%D8%A4%EF%BB%B3%EF%BA%94-%D8%A7%EF%BB%9F%EF%BB%A4%EF%BB%A4%EF%BB%A0%EF%BB%9C%EF%BA%94-2030">Kingdom Vision 2030</a></li>
3964                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3965                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3966                    </svg><a href="https://www.jcci.org.sa/en/%EF%BA%97%EF%BA%8E%D8%B1%EF%BB%B3%EF%BA%A6-%EF%BB%A3%EF%BA%AA%EF%BB%B3%EF%BB%A8%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9">History of Jeddah</a></li>
3967                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
3968                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
3969                    </svg><a href="https://www.jcci.org.sa/en/%D8%A5%EF%BB%97%EF%BA%98%EF%BA%BC%EF%BA%8E%D8%AF-%EF%BB%A3%EF%BA%AA%EF%BB%B3%EF%BB%A8%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9">Economy of Jeddah</a></li>
3970                  </ul>
3971                 </section>
3972                </div>
3973               </div>
3974              </div><a href="https://www.jcci.org.sa" class="nav-link parent-link" data-target="page-1"> Subscriber Services </a>
3975              <div id="page-1" class="page-container hidden">
3976               <div class="content-inner pt-3 row container mx-auto">
3977                <div class="col-md-3 p-0 jcc-section-column-1">
3978                 <div class="jcc-static-links-background">
3979                  <img src="/documents/44210/0/nav-bar-demo.png">
3980                  <div class="jcc-mask"></div>
3981                 </div>
3982                 <div class="jcc-section-content position-absolute p-4">
3983                  <h4 class="jcc-section-title">Subscriber Services</h4>
3984                  <div class="jcc-highlight">
3985                   <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/services-landing-page" class="jcc-highlight-link">Subscriber Services</a>
3986                  </div>
3987                 </div>
3988                </div>
3989                <ul class="col-md-4 list-unstyled child-wrapper p-0 mb-0">
3990                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-1"><p>Subscription Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3991                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-2"><p>Approval Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3992                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-3"><p>Commercial Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3993                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-4"><p>Legal Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3994                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-5"><p>Sectorial Councils’ Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3995                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-6"><p>خدمة مكتب تسهيل الأعمال</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3996                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-7"><p>Concierge Service</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3997                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-8"><p>Saudi Business Boards</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3998                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-9"><p>Commercial Delegation Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
3999                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-10"><p>Opportunities and Investment Ideas</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4000                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-11"><p>Data Request Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4001                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-12"><p>Partnerships and Suppliers Services</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4002                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-2-13"><p>Advertising Services and Other Features</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4003                </ul>
4004                <div class="jcc-section-links col">
4005                 <section class="jcc-links-section hide" id="jcc-section-links-2-1">
4006                  <h5 class="jcc-section-links-title">Subscription Services</h5>
4007                  <ul class="jcc-section-links-list list-unstyled">
4008                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4009                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4010                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%B4%D8%AA%D8%B1%D8%A7%D9%831">Subscription Services at a Glance</a></li>
4011                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4012                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4013                    </svg><a href="https://www.jcci.org.sa/en/private-service">Private Services</a></li>
4014                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4015                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4016                    </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%A7%D8%B4%D8%AA%D8%B1%D8%A7%D9%83-%D8%AC%D8%AF%D9%8A%D8%AF/%D8%AA%D8%AC%D8%AF%D9%8A%D8%AF">New/Renewal Subscription Request</a></li>
4017                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4018                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4019                    </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D8%A8%D8%A7%D8%B9%D8%A9-%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-%D8%A7%D9%84%D8%B9%D8%B6%D9%88%D9%8A%D8%A9">Print Membership Certificate</a></li>
4020                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4021                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4022                    </svg><a href="https://www.jcci.org.sa/en/%D8%B1%D9%81%D8%B9-%D8%AF%D8%B1%D8%AC%D8%A9-%D8%A7%D9%84%D8%B9%D8%B6%D9%88%D9%8A%D8%A9">Membership Upgrade Service</a></li>
4023                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4024                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4025                    </svg><a href="https://www.jcci.org.sa/en/%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA">Data Update Services</a></li>
4026                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4027                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4028                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D9%82%D9%8A%D8%B9">Signature Services</a></li>
4029                  </ul>
4030                 </section>
4031                 <section class="jcc-links-section hide" id="jcc-section-links-2-2">
4032                  <h5 class="jcc-section-links-title">Approval Services</h5>
4033                  <ul class="jcc-section-links-list list-unstyled">
4034                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4035                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4036                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B5%D8%A7%D8%AF%D9%8A%D9%82">Approval Services at a Glance</a></li>
4037                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4038                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4039                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B5%D8%AF%D9%8A%D9%82-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A">Electronic Certification Service</a></li>
4040                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4041                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4042                    </svg><a href="https://www.jcci.org.sa/en/%D8%AA%D9%81%D8%B9%D9%8A%D9%84-%D8%A7%D9%84%D8%AA%D8%A3%D8%B4%D9%8A%D8%B1%D8%A7%D8%AA-%D9%84%D9%88%D8%B2%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%AE%D8%A7%D8%B1%D8%AC%D9%8A%D8%A9">Visa Activation for the Ministry of Foreign Affairs Service</a></li>
4043                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4044                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4045                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D8%A7%D9%81%D9%82%D8%A9-%D8%B7%D9%84%D8%A8%D8%A7%D8%AA-%D8%A7%D8%B3%D8%AA%D9%82%D8%AF%D8%A7%D9%85-%D9%88%D8%B2%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%AF%D8%A7%D8%AE%D9%84%D9%8A%D8%A9">Approval of Admission Requests from the Ministry of Interior Service</a></li>
4046                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4047                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4048                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%82%D9%82-%D9%85%D9%86-%D8%A7%D9%84%D9%88%D8%AB%D8%A7%D8%A6%D9%82">Document Verification Service</a></li>
4049                  </ul>
4050                 </section>
4051                 <section class="jcc-links-section hide" id="jcc-section-links-2-3">
4052                  <h5 class="jcc-section-links-title">Commercial Services</h5>
4053                  <ul class="jcc-section-links-list list-unstyled">
4054                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4055                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4056                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9">Commercial Services at a Glance</a><
4056/li>
4057                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4058                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4059                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%B3%D8%A7%D8%A8%D9%82%D8%A7%D8%AA">Commercial Competition Service</a></li>
4060                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4061                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4062                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A5%D8%B9%D8%A7%D8%AF%D8%A9-%D8%A7%D9%84%D8%AA%D8%B5%D8%AF%D9%8A%D8%B1">Re-export Service</a></li>
4063                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4064                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4065                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AE%D8%B7%D8%A7%D8%A8%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D9%81">Letter of Introduction Service</a></li>
4066                  </ul>
4067                 </section>
4068                 <section class="jcc-links-section hide" id="jcc-section-links-2-4">
4069                  <h5 class="jcc-section-links-title">Legal Services</h5>
4070                  <ul class="jcc-section-links-list list-unstyled">
4071                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4072                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4073                    </svg><a href="https://www.jcci.org.sa/en/service-category-legal-services">Legal Services at a Glance</a></li>
4074                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4075                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4076                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AD%D8%AA%D8%AC%D8%A7%D8%AC">Protest Services</a></li>
4077                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4078                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4079                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%88%D9%81%D9%8A%D9%82">Conciliation Services</a></li>
4080                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4081                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4082                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B4%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D9%82%D8%A7%D9%86%D9%88%D9%86%D9%8A%D8%A9">Legal Consultation Services</a></li>
4083                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4084                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4085                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%8A%D9%85">Arbitration Services</a></li>
4086                  </ul>
4087                 </section>
4088                 <section class="jcc-links-section hide" id="jcc-section-links-2-5">
4089                  <h5 class="jcc-section-links-title">Sectorial Councils’ Services</h5>
4090                  <ul class="jcc-section-links-list list-unstyled">
4091                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4092                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4093                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A7%EF%BB%88%EF%BA%AE%D8%A9-%EF%BB%8B%EF%BA%8E%EF%BB%A3%EF%BA%94-%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D8%AC%D8%A7%D9%84%D8%B3-%D8%A7%D9%84%D9%82%D8%B7%D8%A7%D8%B9%D9%8A%D8%A9">Sectoral Councils at a Glance</a></li>
4094                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4095                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4096                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%98%EF%BA%A0%EF%BA%8E%D8%B1%D8%A9-%D9%88%D8%A7%EF%BB%9F%EF%BA%98%EF%BA%A0%EF%BA%B0%EF%BA%8B%EF%BA%94-2">Trade and Retail Council</a></li>
4097                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4098                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4099                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BB%A0%EF%BB%AE%EF%BA%9F%EF%BA%B4%EF%BA%98%EF%AF%BF%EF%BA%8E%D8%AA">Logistics Council</a></li>
4100                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4101                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4102                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%AE%EF%BB%8B%EF%BA%8E%EF%AF%BE%EF%BA%94-%D8%A7%EF%BB%9F%EF%BA%BC%EF%BA%A4%EF%AF%BF%EF%BA%94">Healthcare Council</a></li>
4103                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4104                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4105                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%98%EF%BB%8C%EF%BB%A0%EF%AF%BF%EF%BB%A2-%D9%88%D8%A7%EF%BB%9F%EF%BA%98%EF%BA%AA%D8%B1%EF%AF%BE%EF%BA%90">Training and Education Council</a></li>
4106                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4107                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4108                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%BC%EF%BB%A8%EF%BA%8E%EF%BB%8B%EF%BA%94">Industrial Council</a></li>
4109                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4110                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4111                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%B4%EF%AF%BF%EF%BA%8E%EF%BA%A3%EF%BA%94-%D9%88%D8%A7%EF%BB%9F%EF%BA%9C%EF%BB%94%EF%BA%8E%EF%BB%97%EF%BA%94">Tourism and Culture Council</a></li>
4112                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4113                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4114                    </svg><a href="https://www.jcci.org.sa/en/%EF%BB%A3%EF%BA%A0%EF%BB%A0%EF%BA%B2-%D8%A7%EF%BB%9F%EF%BA%98%EF%BB%84%EF%BB%AE%EF%AF%BE%EF%BA%AE-%D8%A7%EF%BB%9F%EF%BB%8C%EF%BB%A4%EF%BA%AE%D8%A7%EF%BB%A7%EF%BB%B2">Urban Development Council</a></li>
4115                  </ul>
4116                 </section>
4117                 <section class="jcc-links-section hide" id="jcc-section-links-2-6">
4118                  <h5 class="jcc-section-links-title">خدمة مكتب تسهيل الأعمال</h5>
4119                  <ul class="jcc-section-links-list list-unstyled">
4120                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4121                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4122                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D9%85%D9%83%D8%AA%D8%A8-%D8%AA%D8%B3%D9%87%D9%8A%D9%84-%D8%A7%D9%84%D8%A3%D8%B9%D9%85%D8%A7%D9%84">خدمة مكتب تسهيل الأعمال</a></li>
4123                  </ul>
4124                 </section>
4125                 <section class="jcc-links-section hide" id="jcc-section-links-2-7">
4126                  <h5 class="jcc-section-links-title">Concierge Service</h5>
4127                  <ul class="jcc-section-links-list list-unstyled">
4128                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4129                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4130                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D9%83%D9%88%D9%86%D8%B3%D8%B1%D9%8A%D8%AC-%D9%84%D9%84%D9%85%D8%B3%D8%AA%D8%AB%D9%85%D8%B1%D9%8A%D9%86">Concierge Service</a></li>
4131                  </ul>
4132                 </section>
4133                 <section class="jcc-links-section hide" id="jcc-section-links-2-8">
4134                  <h5 class="jcc-section-links-title">Saudi Business Boards</h5>
4135                  <ul class="jcc-section-links-list list-unstyled">
4136                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4137                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4138                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%AC%D8%A7%D9%84%D8%B3-%D8%A7%D9%84%D8%A3%D8%B9%D9%85%D8%A7%D9%84-%D8%A7%D9%84%D8%B3%D8%B9%D9%88%D8%AF%D9%8A%D8%A9-%D8%A7%D9%84%D9%85%D8%B4%D8%AA%D8%B1%D9%83%D8%A9">Saudi Business Boards at a Glance</a></li>
4139                  </ul>
4140                 </section>
4141                 <section class="jcc-links-section hide" id="jcc-section-links-2-9">
4142                  <h5 class="jcc-section-links-title">Commercial Delegation Services</h5>
4143                  <ul class="jcc-section-links-list list-unstyled">
4144                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4145                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4146                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D8%A5%D9%86%D8%B6%D9%85%D8%A7%D9%85-%D8%A5%D9%84%D9%89-%D8%A3%D8%AD%D8%AF-%D8%A7%D9%84%D9%88%D9%81%D9%88%D8%AF">Commercial Delegation Services</a></li>
4147                  </ul>
4148                 </section>
4149                 <section class="jcc-links-section hide" id="jcc-section-links-2-10">
4150                  <h5 class="jcc-section-links-title">Opportunities and Investment Ideas</h5>
4151                  <ul class="jcc-section-links-list list-unstyled">
4152                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4153                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4154                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%81%D8%B1%D8%B5-%D9%88%D8%A7%D9%84%D8%A3%D9%81%D9%83%D8%A7%D8%B1-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%AB%D9%85%D8%A7%D8%B1%D9%8A%D8%A9">Opportunities and Investment Ideas</a></li>
4155                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4156                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4157                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%B4%D8%A7%D8%B1%D9%8A%D8%B9-%D8%A7%D9%84%D8%AD%D9%83%D9%88%D9%85%D9%8A%D8%A9">Government Sector Investment Opportunities</a></li>
4158                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4159                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4160                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B1%D9%88%D9%8A%D8%AC-%D9%84%D9%84%D9%81%D8%B1%D8%B5-%D9%88%D8%A7%D9%84%D9%85%D9%86%D8%A7%D9%81%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%AB%D9%85%D8%A7%D8%B1%D9%8A%D8%A9">Promoting investment opportunities</a></li>
4161                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4162                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4163                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D9%81%D8%B1%D8%B5%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AB%D9%85%D8%A7%D8%B1%D9%8A%D8%A9">Investment Opportunity Registration Service</a></li>
4164                  </ul>
4165                 </section>
4166                 <section class="jcc-links-section hide" id="jcc-section-links-2-11">
4167                  <h5 class="jcc-section-links-title">Data Request Services</h5>
4168                  <ul class="jcc-section-links-list list-unstyled">
4169                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4170                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4171                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%B7%D9%84%D8%A8-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA">Data Request Services at a Glance</a></li>
4172                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4173                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4174                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%B7%D9%84%D8%A8-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%86%D8%B4%D8%A2%D8%AA">Request Facilities Data</a></li>
4175                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4176                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4177                    </svg><a href="https://www.jcci.org.sa/en/%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA">تحديث اÙ
4177„بيانات</a></li>
4178                  </ul>
4179                 </section>
4180                 <section class="jcc-links-section hide" id="jcc-section-links-2-12">
4181                  <h5 class="jcc-section-links-title">Partnerships and Suppliers Services</h5>
4182                  <ul class="jcc-section-links-list list-unstyled">
4183                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4184                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4185                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D8%B4%D8%B1%D8%A7%D9%83%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%85%D8%B2%D8%A7%D9%8A%D8%A7">Partnerships and Suppliers Services at a Glance</a></li>
4186                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4187                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4188                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D9%88%D8%B1%D8%AF%D9%8A%D9%86">Suppliers Registration Service</a></li>
4189                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4190                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4191                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%B7%D9%84%D8%A8-%D8%B4%D8%B1%D8%A7%D9%83%D8%A9-%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%D9%8A%D8%AC%D9%8A%D8%A9">Strategic Partnership Request Service</a></li>
4192                  </ul>
4193                 </section>
4194                 <section class="jcc-links-section hide" id="jcc-section-links-2-13">
4195                  <h5 class="jcc-section-links-title">Advertising Services and Other Features</h5>
4196                  <ul class="jcc-section-links-list list-unstyled">
4197                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4198                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4199                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A3%D8%AE%D8%B1%D9%89">Advertising Services and Other Features at a Glance</a></li>
4200                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4201                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4202                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AD%D8%AC%D8%B2-%D9%82%D8%A7%D8%B9%D8%A7%D8%AA-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9">Chamber's Halls Booking Service</a></li>
4203                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4204                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4205                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A9-%D8%AA%D9%82%D8%AF%D9%8A%D9%85-%D9%85%D8%B2%D8%A7%D9%8A%D8%A7-%D9%88%D8%B9%D8%B1%D9%88%D8%B6">Offers and Features Services</a></li>
4206                  </ul>
4207                 </section>
4208                </div>
4209               </div>
4210              </div><a href="https://www.jcci.org.sa" class="nav-link parent-link" data-target="page-2"> Programs and Initiatives </a>
4211              <div id="page-2" class="page-container hidden">
4212               <div class="content-inner pt-3 row container mx-auto">
4213                <div class="col-md-3 p-0 jcc-section-column-1">
4214                 <div class="jcc-static-links-background">
4215                  <img src="/documents/44210/0/nav-bar-demo.png">
4216                  <div class="jcc-mask"></div>
4217                 </div>
4218                 <div class="jcc-section-content position-absolute p-4">
4219                  <h4 class="jcc-section-title">Programs and Initiatives</h4>
4220                  <div class="jcc-highlight">
4221                   <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/programs-landing-page" class="jcc-highlight-link">Programs and Initiatives</a>
4222                  </div>
4223                 </div>
4224                </div>
4225                <ul class="col-md-4 list-unstyled child-wrapper p-0 mb-0">
4226                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-3-1"><p>Community Development Center Programs</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4227                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-3-2"><p>Small and Medium Enterprises Support Center Programs</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4228                </ul>
4229                <div class="jcc-section-links col">
4230                 <section class="jcc-links-section hide" id="jcc-section-links-3-1">
4231                  <h5 class="jcc-section-links-title">Community Development Center Programs</h5>
4232                  <ul class="jcc-section-links-list list-unstyled">
4233                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4234                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4235                    </svg><a href="https://www.jcci.org.sa/en/community-development-landing-page">Community Development Center Programs at a Glance</a></li>
4236                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4237                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4238                    </svg><a href="https://www.jcci.org.sa/en/community-responsibility-center-mission">Mission</a></li>
4239                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4240                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4241                    </svg><a href="https://www.jcci.org.sa/en/initiatives">Initiatives</a></li>
4242                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4243                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4244                    </svg><a href="https://www.jcci.org.sa/en/partners">Partners</a></li>
4245                  </ul>
4246                 </section>
4247                 <section class="jcc-links-section hide" id="jcc-section-links-3-2">
4248                  <h5 class="jcc-section-links-title">Small and Medium Enterprises Support Center Programs</h5>
4249                  <ul class="jcc-section-links-list list-unstyled">
4250                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4251                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4252                    </svg><a href="https://www.jcci.org.sa/en/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC-%D8%AF%D8%B9%D9%85-%D8%A7%D9%84%D9%85%D9%86%D8%B4%D8%A2%D8%AA-%D8%A7%D9%84%D8%B5%D8%BA%D9%8A%D8%B1%D8%A9-%D9%88%D8%A7%D9%84%D9%85%D8%AA%D9%88%D8%B3%D8%B7%D8%A9">Small and Medium Enterprises Support Center Programs at a Glance</a></li>
4253                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4254                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4255                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B3%D8%AA%D9%87%D8%AF%D9%81%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Program Targets</a></li>
4256                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4257                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4258                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%A8%D8%A7%D8%AF%D8%B1%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A7%D8%AA">Initiatives and Events</a></li>
4259                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4260                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4261                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%84%D9%82%D8%A7%D8%A1%D8%A7%D8%AA">Sessions and Meetings</a></li>
4262                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4263                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4264                    </svg><a href="https://www.jcci.org.sa/en/%D8%B4%D8%B1%D9%83%D8%A7%D8%A1-%D8%A7%D9%84%D9%86%D8%AC%D8%A7%D8%AD">
4264Partners in Excellence</a></li>
4265                  </ul>
4266                 </section>
4267                </div>
4268               </div>
4269              </div><a href="https://www.jcci.org.sa" class="nav-link parent-link" data-target="page-3"> News and Events </a>
4270              <div id="page-3" class="page-container hidden">
4271               <div class="content-inner pt-3 row container mx-auto">
4272                <div class="col-md-3 p-0 jcc-section-column-1">
4273                 <div class="jcc-static-links-background">
4274                  <img src="/documents/44210/0/nav-bar-demo.png">
4275                  <div class="jcc-mask"></div>
4276                 </div>
4277                 <div class="jcc-section-content position-absolute p-4">
4278                  <h4 class="jcc-section-title">News and Events</h4>
4279                  <div class="jcc-highlight">
4280                   <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/%D8%A3%D8%AE%D8%A8%D8%A7%D8%B1-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9" class="jcc-highlight-link">Chamber News</a>
4281                  </div>
4282                 </div>
4283                </div>
4284                <ul class="col-md-4 list-unstyled child-wrapper p-0 mb-0">
4285                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-4-1"><p>News</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4286                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-4-2"><p>Workshops and Meetings</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4287                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-4-3"><p>Exhibitions and Events</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4288                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-4-4"><p>Basta Market</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4289                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-4-5"><p>Jeddah Moves - Season 3</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4290                </ul>
4291                <div class="jcc-section-links col">
4292                 <section class="jcc-links-section hide" id="jcc-section-links-4-1">
4293                  <h5 class="jcc-section-links-title">News</h5>
4294                  <ul class="jcc-section-links-list list-unstyled">
4295                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4296                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4297                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D8%AE%D8%B1-%D8%A7%D9%84%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1">Latest News</a></li>
4298                  </ul>
4299                 </section>
4300                 <section class="jcc-links-section hide" id="jcc-section-links-4-2">
4301                  <h5 class="jcc-section-links-title">Workshops and Meetings</h5>
4302                  <ul class="jcc-section-links-list list-unstyled">
4303                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4304                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4305                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%84%D9%82%D8%A7%D8%A1%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%B4-%D8%A7%D9%84%D8%B9%D9%85%D9%84-%D9%88%D8%A7%D9%84%D9%86%D8%AF%D9%88%D8%A7%D8%AA">Workshops and Meetings</a></li>
4306                  </ul>
4307                 </section>
4308                 <section class="jcc-links-section hide" id="jcc-section-links-4-3">
4309                  <h5 class="jcc-section-links-title">Exhibitions and Events</h5>
4310                  <ul class="jcc-section-links-list list-unstyled">
4311                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4312                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4313                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D9%85%D8%B9%D8%A7%D8%B1%D8%B6-%D9%88%D8%A7%D9%84%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A7%D8%AA">Exhibitions and Events</a></li>
4314                  </ul>
4315                 </section>
4316                 <section class="jcc-links-section hide" id="jcc-section-links-4-4">
4317                  <h5 class="jcc-section-links-title">Basta Market</h5>
4318                  <ul class="jcc-section-links-list list-unstyled">
4319                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4320                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4321                    </svg><a href="https://www.jcci.org.sa/en/basta-market-season-seven">About Basta Market</a></li>
4322                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4323                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4324                    </svg><a href="https://www.jcci.org.sa/en/basta-market-mission">Basta Market at a Glance</a></li>
4325                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4326                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4327                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D9%81%D9%8A-%D8%A8%D8%B3%D8%B7%D8%A9-%D9%85%D8%A7%D8%B1%D9%83%D8%AA">Registration for Basta Market</a></li>
4328                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4329                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4330                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D8%B5%D9%88%D8%B1">Image Library</a></li>
4331                  </ul>
4332                 </section>
4333                 <section class="jcc-links-section hide" id="jcc-section-links-4-5">
4334                  <h5 class="jcc-section-links-title">Jeddah Moves - Season 3</h5>
4335                  <ul class="jcc-section-links-list list-unstyled">
4336                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4337                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4338                    </svg><a href="https://www.jcci.org.sa/en/jeddah-moves-3">Jeddah moves</a></li>
4339                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4340                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4341                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D8%B5%D9%88%D8%B11">Image Library</a></li>
4342                  </ul>
4343                 </section>
4344                </div>
4345               </div>
4346              </div><a href="https://www.jcci.org.sa" class="nav-link parent-link" data-target="page-4"> Circulars and Publications </a>
4347              <div id="page-4" class="page-container hidden">
4348               <div class="content-inner pt-3 row container mx-auto">
4349                <div class="col-md-3 p-0 jcc-section-column-1">
4350                 <div class="jcc-static-links-background">
4351                  <img src="/documents/44210/0/nav-bar-demo.png">
4352                  <div class="jcc-mask"></div>
4353                 </div>
4354                 <div class="jcc-section-content position-absolute p-4">
4355                  <h4 class="jcc-section-title">Circulars and Publications</h4>
4356                  <div class="jcc-highlight">
4357                   <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/%D8%AA%D8%B9%D8%A7%D9%85%D9%8A%D9%85-%D9%88%D8%A5%D8%B5%D8%AF%D8%A7%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9" class="jcc-highlight-link">Latest Publication and Circulars</a>
4358                  </div>
4359                 </div>
4360                </div>
4361                <ul class="col-md-4 list-unstyled child-wrapper p-0 mb-0">
4362                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-5-1"><p>Circulars</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4363                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-5-2"><p>Publications</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4364                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-5-3"><p>Reports and Information</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4365                </ul>
4366                <div class="jcc-section-links col">
4367                 <section class="jcc-links-section hide" id="jcc-section-links-5-1">
4368                  <h5 class="jcc-section-links-title">Circulars</h5>
4369                  <ul class="jcc-section-links-list list-unstyled">
4370                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4371                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4372                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D9%85%D9%8A%D9%85">Browse all Circulars</a></li>
4373                  </ul>
4374                 </section>
4375                 <section class="jcc-links-section hide" id="jcc-section-links-5-2">
4376                  <h5 class="jcc-section-links-title">Publications</h5>
4377                  <ul class="jcc-section-links-list list-unstyled">
4378                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4379                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4380                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%AC%D9%84%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9">Commerce Magazine</a></li>
4381                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4382                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4383                    </svg><a href="https://www.jcci.org.sa/en/%D9%83%D8%AA%D8%A7%D8%A8-75-%D8%B9%D8%A7%D9%85-%D9%81%D9%8A-%D8%B1%D9%83%D8%A7%D8%A8-%D8%A7%D9%84%D8%AA%D8%AD%D9%88%D9%84-">75 Years Book (Transformation in the Making)</a></li>
4384                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4385                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4386                    </svg><a href="https://bluepages.com.sa/" target="_blank">Blue Pages</a></li>
4387                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4388                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4389                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%A3%D8%AF%D9%84%D8%A9-%D8%A7%D9%84%D8%AA%D9%86%D8%B8%D9%8A%D9%85%D9%8A%D8%A9">Regulatory Guidelines for Sectoral Councils</a></li>
4390                  </ul>
4391                 </section>
4392                 <section class="jcc-links-section hide" id="jcc-section-links-5-3">
4393                  <h5 class="jcc-section-links-title">Reports and Information</h5>
4394                  <ul class="jcc-section-links-list list-unstyled">
4395                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4396                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4397                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D9%82%D8%A7%D8%B1%D9%8A%D8%B1-%D9%88%D8%A7%D9%84%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA">Economic Report</a></li>
4398                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4399                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4400                    </svg><a href="https://www.jcci.org.sa/en/%D8%A7%D9%84%D8%AA%D9%82%D8%A7%D8%B1%D9%8A%D8%B1-%D9%88%D8%A7%D9%84%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA">Informational Report</a></li>
4401                  </ul>
4402                 </section>
4403                </div>
4404               </div>
4405              </div><a href="https://www.jcci.org.sa" class="nav-link parent-link" data-target="page-5"> Added Value Projects </a>
4406              <div id="page-5" class="page-container hidden">
4407               <div class="content-inner pt-3 row container mx-auto">
4408                <div class="col-md-3 p-0 jcc-section-column-1">
4409                 <div class="jcc-static-links-background">
4410                  <img src="/documents/44210/0/nav-bar-demo.png">
4411                  <div class="jcc-mask"></div>
4412                 </div>
4413                 <div class="jcc-section-content position-absolute p-4">
4414                  <h4 class="jcc-section-title">Added Value Projects</h4>
4415                  <div class="jcc-highlight">
4416                   <img src="/documents/44210/56773/icon-caret-arrow-gradient.svg" class="icon-mirror"><a href="https://www.jcci.org.sa/en/projects-landing-page" class="jcc-highlight-link">Added Value Projects</a>
4417                  </div>
4418                 </div>
4419                </div>
4420                <ul class="col-md-4 list-unstyled child-wrapper p-0 mb-0">
4421                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-6-1"><p>Warehouse City</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4422                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-6-2"><p>Exhibition and Events Center</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4423                 <li class="jcc-section-toggle child-nav" data-toggle-section-id="jcc-section-links-6-3"><p>Jeddah International Business Center</p><img src="/documents/44210/56773/rounded-arrow-gradient" class="icon-mirror"></li>
4424                </ul>
4425                <div class="jcc-section-links col">
4426                 <section class="jcc-links-section hide" id="jcc-section-links-6-1">
4427                  <h5 class="jcc-section-links-title">Warehouse City</h5>
4428                  <ul class="jcc-section-links-list list-unstyled">
4429                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4430                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="p
4430resentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4431                    </svg><a href="https://www.jcci.org.sa/en/warehouse-services-landing">Warehouse City at a Glance</a></li>
4432                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4433                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4434                    </svg><a href="https://www.jcci.org.sa/en/warehouse-services-2">Warehouse City Features</a></li>
4435                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4436                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4437                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9">Warehouse City Services</a></li>
4438                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4439                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4440                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9">Warehouse City Location</a></li>
4441                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4442                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4443                    </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%A5%D9%8A%D8%AC%D8%A7%D8%B1-%D9%85%D8%B3%D8%AA%D9%88%D8%AF%D8%B9">Warehouse Rental Request</a></li>
4444                  </ul>
4445                 </section>
4446                 <section class="jcc-links-section hide" id="jcc-section-links-6-2">
4447                  <h5 class="jcc-section-links-title">Exhibition and Events Center</h5>
4448                  <ul class="jcc-section-links-list list-unstyled">
4449                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4450                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4451                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B1%D9%83%D8%B2-%D8%AC%D8%AF%D8%A9-%D9%84%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%8A%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A7%D8%AA">Exhibition and Events Center at a Glance</a></li>
4452                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4453                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4454                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B2%D8%A7%D9%8A%D8%A7-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Features</a></li>
4455                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4456                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4457                    </svg><a href="https://www.jcci.org.sa/en/exhibition-center-services-2">Center Services</a></li>
4458                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4459                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4460                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Location</a></li>
4461                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4462                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4463                    </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%A5%D9%8A%D8%AC%D8%A7%D8%B1-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Rent a Center</a></li>
4464                  </ul>
4465                 </section>
4466                 <section class="jcc-links-section hide" id="jcc-section-links-6-3">
4467                  <h5 class="jcc-section-links-title">Jeddah International Business Center</h5>
4468                  <ul class="jcc-section-links-list list-unstyled">
4469                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4470                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4471                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B1%D9%83%D8%B2-%D8%AC%D8%AF%D8%A9-%D8%A7%D9%84%D8%AF%D9%88%D9%84%D9%8A-%D9%84%D9%84%D8%A7%D8%B9%D9%85%D8%A7%D9%84">Jeddah International Business Center at a Glance</a></li>
4472                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4473                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4474                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D8%B1%D9%83%D8%B2-%D8%AC%D8%AF%D8%A9-%D8%A7%D9%84%D8%AF%D9%88%D9%84%D9%8A-%D9%84%D9%84%D8%A3%D8%B9%D9%85%D8%A7%D9%84">Center Features</a></li>
4475                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4476                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4477                    </svg><a href="https://www.jcci.org.sa/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Center Services</a></li>
4478                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4479                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4480                    </svg><a href="https://www.jcci.org.sa/en/%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B21">Center Location</a></li>
4481                   <li class="jcc-section-link grandchild-nav d-flex align-items-center">
4482                    <svg class="jcc-arrow-icon lexicon-icon lexicon-icon-caret-right icon-mirror" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#caret-right" />
4483                    </svg><a href="https://www.jcci.org.sa/en/%D8%B7%D9%84%D8%A8-%D8%AD%D8%AC%D8%B2-%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%B1%D9%83%D8%B2">Order and Rent a Center Unit</a></li>
4484                  </ul>
4485                 </section>
4486                </div>
4487               </div>
4488              </div>
4489             </div>
4490             
4490<script>
4491	
4492     document.querySelectorAll(".nav-link").forEach(link => {
4493       link.addEventListener("click", e => {
4494				if (link.hasAttribute("data-target")) {
4495         	e.preventDefault();
4496         	e.stopPropagation(); // stops bubbling up so outside click doesn’t trigger immediately
4497				 }
4498   
4499         const targetId = link.dataset.target;
4500         const targetContainer = document.getElementById(targetId);
4501   
4502         // hide all containers first
4503         document.querySelectorAll(".page-container").forEach(c => c.classList.add("hidden"));
4504         
4505         // show the clicked container
4506         if (targetContainer) targetContainer.classList.remove("hidden");
4507       });
4508     });
4509   
4510     // hide when clicking anywhere outside navbar (INCLUDING inside page-container)
4511     document.addEventListener("click", e => {
4512       if (!e.target.closest(".nav-links .page-container .content-inner")) {
4513         document.querySelectorAll(".page-container").forEach(c => c.classList.add("hidden"));
4514       }
4515     });
4516   
4517     // header scroll effect
4518     if (document.querySelector(".custom-header")) {
4519       window.addEventListener("scroll", () => {
4520         document.querySelector(".custom-header").classList.toggle("scrolled", window.scrollY > 10);
4521       });
4522     }
4523
4524
4525document.querySelectorAll(".jcc-bar-menu .jcc-section-toggle").forEach(toggle => {
4526  toggle.addEventListener("mouseenter", () => {
4527    const sectionId = toggle.getAttribute("data-toggle-section-id");
4528    console.log(sectionId);
4529    // Hide all sections
4530    document.querySelectorAll(".jcc-bar-menu .jcc-links-section").forEach(section => section.classList.add("hide"));
4531
4532    // Show the matching one
4533    const target = document.getElementById(sectionId);
4534    if (target) target.classList.remove("hide");
4535  });
4536});
4537
4538document.querySelectorAll(".jcc-sections-set").forEach(el => {
4539  el.classList.add("hide");
4540});
4541
4542// Handle main menu item clicks
4543document.querySelectorAll(".jcc-menu-item").forEach(item => {
4544  item.addEventListener("click", () => {
4545    const sectionId = item.getAttribute("data-toggle-sections-set-id");
4546
4547    document.querySelector(".jcc-main-menu").classList.add("hide");
4548    document.querySelectorAll(".jcc-sections-set").forEach(section => {
4549      section.classList.add("hide");
4550    });
4551
4552    const target = document.getElementById(sectionId);
4553    if (target) target.classList.remove("hide");
4554  });
4555});
4556
4557// Handle back button click
4558document.querySelectorAll(".jcc-back-button").forEach(btn => {
4559  btn.addEventListener("click", () => {
4560    document.querySelectorAll(".jcc-sections-set").forEach(section => {
4561      section.classList.add("hide");
4562    });
4563    document.querySelector(".jcc-main-menu").classList.remove("hide");
4564  });
4565}); 
4566
4567</script>
4567
4568             <style>
4569   .child-nav {
4570   position: relative;
4571   }
4572   .nested-nav {
4573   display: none;
4574   position: absolute;
4575   left: 100%; /* shows next to the child item */
4576   top: 0;
4577   background: #0c1f3f;
4578   padding: 10px 15px;
4579   border-radius: 8px;
4580   min-width: 200px;
4581   z-index: 99;
4582   }
4583   .child-nav:hover > .nested-nav {
4584   display: block;
4585   }
4586
4587   .jcc-highlight a {
4588       color: #00bcd4;
4589   }
4590   .grandchild-nav a {
4591   display: block;
4592   color: #00bcd4;
4593   text-decoration: none;
4594   padding: 6px 0;
4595   transition: color 0.2s ease;
4596   }
4597   .grandchild-nav a:hover {
4598   color: #fff;
4599   }
4600
4601   .jcc-highlight img {
4602    width: 16px;
4603    height: 16px;
4604    margin: 0 8px 0 0;
4605    }
4606    .jcc-section-column-1 {
4607
4608    }
4609
4610.jcc-static-links-background {
4611  overflow: hidden;
4612  position: absolute;
4613  top: 0;
4614  left: 0;
4615  display: flex;
4616  width: 100%;
4617  height: 100%;
4618}
4619
4620.jcc-static-links-background img {
4621  width: 100%;
4622  -o-object-fit: cover;
4623  object-fit: cover;
4624}
4625
4626
4627.jcc-section-links .jcc-section-links-title {
4628    color: #7891ab;
4629    font-weight: 600;
4630    font-size: 20px;
4631    line-height: 30px;
4632}
4633
4634.jcc-bar-menu .jcc-section-links .jcc-section-links-list {
4635    padding: 10px 10px;
4636}
4637
4638.jcc-bar-menu .jcc-section-links {
4639    color: #ffffff;
4640    padding: 32px;
4641    background: linear-gradient(-76deg, #09172d 15.66%, #203961 107.08%);
4642}
4643
4644 .jcc-bar-menu .jcc-mask {
4645    background: linear-gradient(94.47deg, #09172d 50.83%, #203961 97.19%);
4646    opacity: 0.8;
4647    position: absolute;
4648    top: 0;
4649    left: 0;
4650    display: flex;
4651    width: 100%;
4652    height: 100%;
4653}
4654</style>
4655            </div>
4656           </div>
4657          </div>
4658         </section>
4659        </div>
4660       </div>
4661      </nav>
4662     </div>
4663    </div>
4664   </header>
4665  </div>
4666 </div>
4667 
4667<script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-16845-giiv'); var fragmentNamespace = 'giiv'; var layoutMode = 'view';const EXPAND_CLASS = "jcc-expanded";
4668const burgerDropdown = fragmentElement.querySelector(".jcc-burger-dropdown");
4669const burgerOpenButton = fragmentElement.querySelector(".jcc-burger-menu-icon");
4670const burgerMenu = fragmentElement.querySelector(".jcc-burger-menu");
4671const burgerCloseButton = fragmentElement.querySelector(".jcc-close-icon");
4672const headerElement = fragmentElement.querySelector(".jcc-header-fragment");
4673burgerCloseButton.classList.add("hide");
4674
4675burgerOpenButton.addEventListener("click", (e) => {
4676    burgerMenu.classList.add(EXPAND_CLASS);
4677    headerElement.classList.add(EXPAND_CLASS);
4678    burgerOpenButton.classList.add("hide");
4679    burgerCloseButton.classList.remove("hide");
4680});
4681
4682burgerCloseButton.addEventListener("click", (e) => {
4683    burgerMenu.classList.remove(EXPAND_CLASS);
4684    headerElement.classList.remove(EXPAND_CLASS);
4685    burgerOpenButton.classList.remove("hide");
4686    burgerCloseButton.classList.add("hide");
4687});
4688
4689fragmentElement.querySelectorAll(".jcc-burger-menu .jcc-section-toggle").forEach((current) => {
4690    current.addEventListener("click", () => {
4691        var isExpanded = current.classList.contains("expanded");
4692        collapseAllMobileToggle();
4693        if(!isExpanded){
4694            current.classList.add("expanded");
4695            current.querySelector(".jcc-minus-icon").classList.remove("hide");
4696        current.querySelector(".jcc-plus-icon").classList.add("hide");
4697        document.getElementById(current.getAttribute("data-toggle-section-id")).classList.remove("hide");
4698        } else {
4699            current.classList.remove("expanded");
4700            current.querySelector(".jcc-minus-icon").classList.add("hide");
4701            current.querySelector(".jcc-plus-icon").classList.remove("hide");
4702            document.getElementById(current.getAttribute("data-toggle-section-id")).classList.add("hide");
4703
4704        }
4705        
4706    });
4707});
4708
4709
4710function collapseAllMobileToggle() {
4711    fragmentElement.querySelectorAll(".jcc-burger-menu .jcc-section-links").forEach((current) => {
4712        current.classList.add("hide");
4713    });
4714
4715    fragmentElement.querySelectorAll(".jcc-burger-menu .jcc-section-toggle .jcc-minus-icon").forEach((current) => {
4716        current.classList.add("hide");
4717    });
4718
4719    fragmentElement.querySelectorAll(".jcc-burger-menu .jcc-section-toggle.expanded").forEach((current) => {
4720        current.classList.remove("expanded");
4721    });
4722
4723    fragmentElement.querySelectorAll(".jcc-burger-menu .jcc-section-toggle .jcc-plus-icon").forEach((current) => {
4724        current.classList.remove("hide");
4725    });
4726}
4727collapseAllMobileToggle();collapseAllMobileToggle;}());</script>
4727
4728</div>
4729<div class="lfr-layout-structure-item-top-fold lfr-layout-structure-item-7cd38a9b-4387-fa81-babc-1829c64bc18f " style="">
4730 <div id="fragment-1317-ykvk"> 
4731  <div class="jcc-top-fold-outer">
4732   <div class="jcc-top-fold-inner" data-aos="zoom-out">
4733    <div class="jcc-top-fold jcc-clear-padding">
4734     <div class="jcc-background-layer"><picture data-fileentryid="1522941">
4735       <source media="(max-width:300px)" srcset="/o/adaptive-media/image/1522941/Thumbnail-300x300/banner+english.jpg?t=1698046508637">
4736       <source media="(max-width:640px) and (min-width:300px)" srcset="/o/adaptive-media/image/1522941/mobile-640/banner+english.jpg?t=1698046508637, /o/adaptive-media/image/1522941/mobile-640-2x/banner+english.jpg?t=1698046508637 2x">
4737       <source media="(max-width:1000px) and (min-width:640px)" srcset="/o/adaptive-media/image/1522941/Preview-1000x0/banner+english.jpg?t=1698046508637">
4738       <source media="(max-width:1024px) and (min-width:1000px)" srcset="/o/adaptive-media/image/1522941/tablet-1024/banner+english.jpg?t=1698046508637">
4739       <source media="(max-width:1280px) and (min-width:1024px)" srcset="/o/adaptive-media/image/1522941/mobile-640-2x/banner+english.jpg?t=1698046508637">
4740       <source media="(max-width:1920px) and (min-width:1280px)" srcset="/o/adaptive-media/image/1522941/desktop-1920/banner+english.jpg?t=1698046508637">
4741       <source media="(max-width:1920px) and (min-width:1920px)" srcset="/o/adaptive-media/image/1522941/desktop-1920-2x/banner+english.jpg?t=1698046508637">
4742       <source media="(max-width:1920px) and (min-width:1920px)" srcset="/o/adaptive-media/image/1522941/tablet-1024-2x/banner+english.jpg?t=1698046508637">
4743       <img class="jcc-background-image" src="/documents/d/jcc/banner-english-jpg?download=true" alt="Background Image" data-lfr-editable-id="jcc-background-image" data-lfr-editable-type="image" data-fileentryid="1522941">
4744      </picture>
4745     </div>
4746     <div class="jcc-background-mask">
4747      <div class="jcc-middle-mask"></div>
4748      <div class="jcc-triangle-mask"></div>
4749      <div class="jcc-trapize-mask"></div>
4750     </div>
4751     <div class="jcc-background-gradient"></div>
4752     <div class="jcc-background-circle"></div>
4753     <div class="jcc-content-wrapper">
4754      <div class="jcc-content d-lg-block container-fluid container-fluid-max-xl mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-lg-left">
4755       <div class="jcc-top-dropzone">
4756        <div>
4757         <div class="lfr-layout-structure-item-bread-crumbs lfr-layout-structure-item-50066f60-e6a3-3d9f-d857-90edfa770f30 " style="">
4758          <div id="fragment-1011-eeym"> 
4759           <div class="jcc-breadcrumbs jcc-dark-context">
4760            <ul tabindex="0" aria-labelledby="breadcrumb2Dropdown" class="dropdown-menu jcc-dropdown-menu">
4761             <li class="jcc-option-link"><a class="jcc-link breadcrumb-text-truncate" data-lfr-editable-id="link-2" data-lfr-editable-type="link" href="/en/home-previous">Home</a>
4762              <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
4763              </svg></li>
4764             <li class="jcc-option-link"><a class="jcc-link breadcrumb-text-truncate" data-lfr-editable-id="link-3" data-lfr-editable-type="link" href="/en/%EF%BB%8F%EF%BA%AE%EF%BB%93%EF%BA%94-%EF%BA%9F%EF%BA%AA%D8%A9">Jeddah Chamber</a>
4765              <svg class="jcc-nav-icon lexicon-icon lexicon-icon-angle-right" focusable="false" role="presentation"><use xlink:href="/o/classic-theme/images/clay/icons.svg#angle-right" />
4766              </svg></li>
4767            </ul>
4768            <p class="jcc-active" data-lfr-editable-id="active-text" data-lfr-editable-type="text">About the Chamber</p><button aria-expanded="false" aria-haspopup="true" class="dropdown-toggle jcc-dropdown-toggle" data-toggle="dropdown" id="breadcrumb2Dropdown" role="button"> 
4769             <svg class="lexicon-icon lexicon-icon-ellipsis-h jcc-ellipsis-icon" focusable="false" role="presentation"><use href="/o/classic-theme/images/clay/icons.svg#ellipsis-h" />
4770             </svg> 
4771             <svg class="lexicon-icon lexicon-icon-caret-bottom jcc-dropdown-icon" focusable="false" role="presentation"><use href="/o/classic-theme/images/clay/icons.svg#caret-bottom" />
4772             </svg> </button>
4773           </div>
4774           
4774<script>
4775  var firstLink = document.querySelector('.jcc-option-link a.jcc-link');
4776  var firstText = firstLink.textContent.trim();
4777  var localizedItemName = 'Home';
4778
4779  if(firstText === localizedItemName) {
4780      firstLink.setAttribute("href", "/home");
4781  }
4782</script>
4782
4783          </div>
4784          <style>.jcc-breadcrumbs {
4785  display: flex;
4786  position: relative;
4787  width: -webkit-fit-content;
4788  width: -moz-fit-content;
4789  width: fit-content;
4790}
4791
4792.jcc-breadcrumbs p {
4793  margin: 0;
4794}
4795
4796.jcc-breadcrumbs .jcc-link {
4797  display: block;
4798  cursor: pointer;
4799  color: var(--secondary-color);
4800  margin: 0;
4801  padding: 8px 16px;
4802  width: 100%;
4803  white-space: nowrap;
4804  text-decoration: none;
4805  text-overflow: initial;
4806  max-width: initial;
4807  font-size: 14px;
4808  line-height: 25px;
4809}
4810
4811.jcc-breadcrumbs .jcc-link:hover {
4812  text-decoration: underline;
4813  background: linear-gradient(119.38deg, rgba(233, 240, 249, 0.1) 0%, rgba(236, 244, 249, 0.7) 48.73%, rgba(233, 240, 249, 0) 102.32%, rgba(233, 240, 249, 0.1) 102.33%);
4814}
4815
4816.jcc-breadcrumbs .jcc-active {
4817  color: var(--secondary-color);
4818  font-weight: 700;
4819  font-size: 14px;
4820  line-height: 25px;
4821  margin: 0 8px 0 0;
4822}
4823
4824.jcc-breadcrumbs .jcc-active:lang(ar-SA) {
4825  margin: 0 0 0 8px;
4826}
4827
4828.jcc-breadcrumbs .jcc-dropdown-toggle {
4829  cursor: pointer;
4830  line-height: 25px;
4831}
4832
4833.jcc-breadcrumbs .jcc-nav-icon {
4834  display: none;
4835  height: 8px;
4836  width: 8px;
4837  fill: #6b6c7e;
4838  margin: 0 0 0 8px;
4839}
4840
4841.jcc-breadcrumbs .jcc-nav-icon:lang(ar-SA) {
4842  transform: rotate(180deg);
4843}
4844
4845.jcc-breadcrumbs .jcc-nav-icon:lang(ar-SA) {
4846  margin: 0 8px 0 0;
4847}
4848
4849.jcc-breadcrumbs .jcc-dropdown-toggle {
4850  border: none;
4851  background-color: transparent;
4852  padding: 0;
4853}
4854
4855.jcc-breadcrumbs .jcc-dropdown-menu {
4856  display: none;
4857  min-width: 100%;
4858  padding: 8px 0;
4859  right: initial;
4860  left: 0;
4861  border: 2px solid;
4862  border-image-slice: 1;
4863  border-image-source: linear-gradient(to right, var(--secondary-color), var(--primary-color));
4864}
4865
4866.jcc-breadcrumbs .jcc-dropdown-menu:lang(ar-SA) {
4867  right: 0;
4868  left: initial;
4869}
4870
4871.jcc-breadcrumbs .jcc-ellipsis-icon,
4872.jcc-breadcrumbs .jcc-dropdown-icon {
4873  fill: var(--secondary-color);
4874}
4875
4876.jcc-breadcrumbs .jcc-ellipsis-icon {
4877  margin: 0 4px 0 0;
4878}
4879
4880.jcc-breadcrumbs .jcc-ellipsis-icon:lang(ar-SA) {
4881  margin: 0 0 0 4px;
4882}
4883
4884.jcc-breadcrumbs.jcc-dark-context .jcc-active {
4885  color: var(--white);
4886}
4887
4888.jcc-breadcrumbs.jcc-dark-context .jcc-nav-icon,
4889.jcc-breadcrumbs.jcc-dark-context .jcc-ellipsis-icon,
4890.jcc-breadcrumbs.jcc-dark-context .jcc-dropdown-icon {
4891  fill: var(--white);
4892}
4893
4894@media (min-width: 600px) {
4895  .jcc-breadcrumbs {
4896    align-items: center;
4897  }
4898  .jcc-breadcrumbs.jcc-dark-context .jcc-link {
4899    color: var(--white);
4900  }
4901  .jcc-breadcrumbs .jcc-option-link {
4902    display: flex;
4903    height: -webkit-fit-content;
4904    height: -moz-fit-content;
4905    height: fit-content;
4906    align-items: center;
4907    margin: 0 8px 0 0;
4908  }
4909  .jcc-breadcrumbs .jcc-option-link:lang(ar-SA) {
4910    margin: 0 0 0 8px;
4911  }
4912  .jcc-breadcrumbs .jcc-link {
4913    padding: 0;
4914    width: initial;
4915    text-overflow: ellipsis;
4916    max-width: 8.5rem;
4917  }
4918  .jcc-breadcrumbs .jcc-link:hover {
4919    background: none;
4920  }
4921  .jcc-breadcrumbs .jcc-dropdown-toggle {
4922    display: none;
4923  }
4924  .jcc-breadcrumbs .jcc-nav-icon {
4925    display: block;
4926  }
4927  .jcc-breadcrumbs .jcc-dropdown-menu {
4928    display: flex;
4929    min-width: 100px;
4930    max-width: initial;
4931    border: none;
4932    box-shadow: none;
4933    position: relative;
4934    background: transparent;
4935    padding: 0;
4936    margin: 0;
4937    align-items: center;
4938  }
4939}
4940/*START:MARC*/
4941.jcc-breadcrumbs .jcc-link {
4942  font-family: var(--primary-font);
4943}
4944
4945.jcc-breadcrumbs p,
4946.jcc-breadcrumbs a {
4947  font-family: var(--primary-font);
4948}
4949
4950.jcc-breadcrumbs .jcc-dropdown-menu {
4951  flex-direction: row;
4952}
4953@media screen and (max-width:600px) {
4954  .jcc-breadcrumbs .jcc-dropdown-menu {
4955    flex-direction: column-reverse;
4956  }
4957}
4958
4959/*END:MARC*/
4960/*# sourceMappingURL=breadcrumb.css.map *//*# sourceMappingURL=style.css.map */</style>
4961          
4961<script>(function() {var configuration = {"quantity":"3","isDarkContext":true}; var fragmentElement = document.querySelector('#fragment-1011-eeym'); var fragmentNamespace = 'eeym'; var layoutMode = 'view';const dropdownToggle = fragmentElement.querySelector(".dropdown-toggle");
4962const dropdownMenu = fragmentElement.querySelector(".dropdown-menu");
4963
4964const showMenu = () => (dropdownMenu.style = `display: flex;`);
4965const hideMenu = (event) => {
4966  if (event.relatedTarget?.tagName === "A") return;
4967  dropdownMenu.style = `display: none;`;
4968};
4969
4970dropdownToggle.addEventListener("click", showMenu);
4971dropdownToggle.addEventListener("blur", hideMenu);
4972
4973const tabletMatcher = window.matchMedia("(min-width: 600px)");
4974tabletMatcher.addListener((e) => {
4975  dropdownMenu.style = e.matches ? `display: flex;` : `display: none;`;
4976});;}());</script>
4976
4977         </div>
4978        </div>
4979       </div>
4980       <h2 class="jcc-title" data-lfr-editable-id="title" data-lfr-editable-type="text">About the Chamber</h2>
4981       <div class="jcc-row">
4982        <p class="jcc-label-text" data-lfr-editable-id="label-text" data-lfr-editable-type="rich-text">To be the successful model for the influential and trusted business sector&nbsp;</p>
4983       </div>
4984      </div>
4985     </div>
4986    </div>
4987   </div>
4988  </div>
4989 </div>
4990 <style>.jcc-top-fold-inner {
4991  width: 100%;
4992  overflow: hidden;
4993  position: relative;
4994}
4995
4996.jcc-top-fold {
4997  width: 100%;
4998  overflow: hidden;
4999  height: 100vh;
5000  display: flex;
5001  flex-direction: column;
5002  position: relative;
5003  background: var(--gradientDarkHorizontal);
5004}
5005
5006.jcc-top-fold p {
5007  margin: 0;
5008}
5009
5010.jcc-top-fold.jcc-quick-links-padding .jcc-background-layer {
5011  /*padding-bottom: 85px;*/
5012}
5013@media only screen and (max-width: 1024px) {
5014  .jcc-top-fold.jcc-quick-links-padding .jcc-background-layer {
5015    padding-bottom: 0;
5016  }
5017}
5018
5019.jcc-top-fold.jcc-clear-padding {
5020  padding-bottom: 100px;
5021}
5022
5023.jcc-top-fold .jcc-background-layer {
5024  position: absolute;
5025  top: 0;
5026  left: 0;
5027  display: flex;
5028  width: 100%;
5029  height: 100%;
5030}
5031
5032.jcc-top-fold .jcc-background-layer picture {
5033  width: 100%;
5034}
5035
5036.jcc-top-fold .jcc-background-image {
5037  height: 100%;
5038  width: 100%;
5039  -o-object-fit: cover;
5040  object-fit: cover;
5041}
5042
5043.jcc-top-fold .jcc-background-mask {
5044  opacity: 0.5;
5045  position: absolute;
5046  top: 0;
5047  left: 0;
5048  display: flex;
5049  width: 100%;
5050  height: 100%;
5051  background: linear-gradient(275.69deg, rgba(0, 0, 0, 0) 4.5%, rgba(3, 14, 31, 0.4) 78.21%);
5052}
5053
5054.jcc-top-fold .jcc-middle-mask {
5055  position: absolute;
5056  left: 20.28%;
5057  right: 0;
5058  top: 0;
5059  bottom: 0;
5060  background: linear-gradient(246.11deg, #265990 0%, #070b2c 64.51%, #01050a 100%);
5061  -webkit-clip-path: polygon(0 100%, 27.13% 0, 100% 0, 100% 52.49%, 72.87% 100%);
5062  clip-path: polygon(0 100%, 27.13% 0, 100% 0, 100% 52.49%, 72.87% 100%);
5063}
5064
5065.jcc-top-fold .jcc-triangle-mask {
5066  position: absolute;
5067  left: 78.37%;
5068  right: 0;
5069  top: 51.51%;
5070  bottom: 0;
5071  background: linear-gradient(215.18deg, #0e0e5b -0.08%, #060524 99.93%);
5072  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
5073  clip-path: polygon(100% 0, 0 100%, 100% 100%);
5074}
5075
5076.jcc-top-fold .jcc-trapize-mask {
5077  position: absolute;
5078  left: 0;
5079  right: 35.28%;
5080  top: 0;
5081  bottom: 0;
5082  background: linear-gradient(56.1deg, #02060d 0%, #0a1634 25.26%, #204d72 52.87%, #34c0a8 91.48%);
5083  -webkit-clip-path: polygon(0 0, 0 100%, 33.42% 100%, 100% 0);
5084  clip-path: polygon(0 0, 0 100%, 33.42% 100%, 100% 0);
5085}
5086
5087.jcc-top-fold .jcc-background-gradient {
5088  position: absolute;
5089  bottom: 0;
5090  height: 100px;
5091  width: 100%;
5092  background: linear-gradient(180deg, rgba(9, 23, 45, 0) 0%, var(--dark-color) 86.81%, var(--dark-color) 100%);
5093}
5094
5095.jcc-top-fold .jcc-background-circle {
5096  position: absolute;
5097  pointer-events: none;
5098  width: 1072px;
5099  height: 560px;
5100  left: -372px;
5101  top: 103px;
5102  background: linear-gradient(90.71deg, rgba(55, 186, 198, 0.6) 0%, rgba(83, 106, 187, 0.6) 100%);
5103  opacity: 0.6;
5104  filter: blur(200px);
5105  border-radius: 90px;
5106  transform: rotate(-180deg);
5107}
5108
5109.jcc-top-fold .jcc-content-wrapper {
5110  width: 100%;
5111  display: flex;
5112  flex-direction: column;
5113  flex-grow: 1;
5114  position: relative;
5115  padding: 142px 24px 0;
5116}
5117
5118.jcc-top-fold .jcc-content {
5119  position: relative;
5120  display: flex !important;
5121  flex-direction: column;
5122  justify-content: center;
5123  height: 100%;
5124}
5125
5126.jcc-top-fold .jcc-top-dropzone {
5127  display: flex;
5128  height: 42px;
5129  width: -webkit-fit-content;
5130  width: -moz-fit-content;
5131  width: fit-content;
5132  align-items: center;
5133  padding: 0 24px;
5134  margin-bottom: 34px;
5135  background: linear-gradient(90deg, rgba(9, 25, 49, 0.18) 1.24%, rgba(16, 39, 73, 0.3) 33.13%, rgba(9, 31, 63, 0.272981) 70.68%, rgba(8, 24, 48, 0.3) 99.04%);
5136}
5137
5138.jcc-top-fold .jcc-notes-section {
5139  display: flex;
5140  gap: 4px;
5141  padding-top: 15px;
5142  margin-bottom: 24px;
5143}
5144
5145.jcc-top-fold .jcc-label {
5146  opacity: 0.9;
5147  color: var(--white);
5148  padding: 6px 10px 4px;
5149  background-color: var(--dark-color);
5150  font-size: 12px;
5151  line-height: 18px;
5152}
5153
5154.jcc-top-fold .jcc-date-place-label {
5155  display: flex;
5156  align-items: center;
5157  gap: 12px;
5158  background-color: var(--dark-color);
5159  padding: 3px 10px 3px 3px;
5160}
5161
5162.jcc-top-fold .jcc-date-place-label:lang(ar-SA) {
5163  padding: 3px 3px 3px 10px;
5164}
5165
5166.jcc-top-fold .jcc-date-place-label .jcc-flag {
5167  height: 22px;
5168  border: 1px solid #b0bec9;
5169}
5170
5171.jcc-top-fold .jcc-date-place-label .jcc-date {
5172  color: var(--white);
5173  font-size: 12px;
5174  line-height: 18px;
5175}
5176
5177.jcc-top-fold .jcc-share-link {
5178  display: flex;
5179  align-items: center;
5180  justify-content: center;
5181  height: 28px;
5182  width: 27px;
5183  background: var(--dark-color);
5184  opacity: 0.9;
5185}
5186
5187.jcc-top-fold .jcc-large-flag {
5188  width: 87px;
5189  margin-bottom: 16px;
5190}
5191
5192.jcc-top-fold .jcc-title {
5193  color: var(--white);
5194  max-width: 815px;
5195  margin-bottom: 8px;
5196  font-weight: 700;
5197  font-size: 48px;
5198  line-height: 72px;
5199}
5200
5201.jcc-top-fold .jcc-label-text {
5202  padding: 20px;
5203  color: var(--white);
5204  width: -webkit-fit-content;
5205  width: -moz-fit-content;
5206  width: fit-content;
5207  background: linear-gradient(-90deg, rgba(9, 25, 49, 0) 1.24%, rgba(16, 39, 73, 0.6) 62.97%, rgba(9, 31, 63, 0.545963) 70.68%, rgba(8, 24, 48, 0.6) 99.04%);
5208  font-weight: 600;
5209  font-size: 18px;
5210  line-height: 27px;
5211}
5212
5213.jcc-top-fold .jcc-label-text:lang(ar-SA) {
5214  background: linear-gradient(90deg, rgba(9, 25, 49, 0) 1.24%, rgba(16, 39, 73, 0.6) 62.97%, rgba(9, 31, 63, 0.545963) 70.68%, rgba(8, 24, 48, 0.6) 99.04%);
5215}
5216
5217.jcc-top-fold .jcc-row {
5218  position: relative;
5219  display: flex;
5220  align-items: center;
5221  margin-bottom: 24px;
5222}
5223
5224.jcc-top-fold .jcc-address-section {
5225  width: -webkit-fit-content;
5226  width: -moz-fit-content;
5227  width: fit-content;
5228  min-width: 336px;
5229  color: var(--white);
5230  padding: 34px 24px;
5231  background: linear-gradient(103.99deg, rgba(9, 23, 45, 0.49) 15.66%, rgba(32, 57, 97, 0.49) 107.08%, rgba(32, 57, 97, 0.49) 107.08%);
5232  position: absolute;
5233  right: 0;
5234}
5235
5236.jcc-top-fold .jcc-address-section:lang(ar-SA) {
5237  right: initial;
5238  left: 0;
5239}
5240
5241.jcc-top-fold .jcc-address-title {
5242  margin-bottom: 16px;
5243  font-weight: 700;
5244  font-size: 16px;
5245  line-height: 24px;
5246}
5247
5248.jcc-top-fold .jcc-address-title {
5249  font-size: 16px;
5250  line-height: 24px;
5251}
5252
5253.jcc-top-fold .jcc-buttons-dropzone {
5254  display: flex;
5255  align-items: center;
5256}
5257
5258.jcc-top-fold .jcc-buttons-dropzone .btn {
5259  height: 45px;
5260  margin: 0 12px 0 0;
5261}
5262
5263.jcc-top-fold .jcc-buttons-dropzone .btn:lang(ar-SA) {
5264  margin: 0 0 0 12px;
5265}
5266
5267.jcc-top-fold .jcc-buttons-dropzone.jcc-extra-space {
5268  padding-bottom: 40px;
5269}
5270
5271.jcc-top-fold .jcc-bottom-dropzone {
5272  display: flex;
5273  position: relative;
5274  align-items: center;
5275  justify-content: center;
5276}
5277
5278@media (min-width: 1024px) {
5279  .jcc-top-fold .jcc-bottom-dropzone {
5280    height: 170px;
5281  }
5282}
5283.jcc-top-fold .jcc-bottom-dropzone.jcc-light {
5284  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--white) 48.44%, var(--white) 100%);
5285}
5286
5287.jcc-top-fold .jcc-bottom-dropzone.jcc-dark {
5288  background: linear-gradient(180deg, rgba(9, 23, 45, 0) 0%, var(--dark-color) 48.44%, var(--dark-color) 100%);
5289}
5290
5291.jcc-top-fold .jcc-bottom-dropzone > div {
5292  width: 100%;
5293}
5294
5295.jcc-top-fold .jcc-bottom-dropzone .jcc-quick-links {
5296  margin: 0 auto;
5297}
5298
5299/*START:marc*/
5300.jcc-top-fold {
5301  min-height: 50vh;
5302  height: auto;
5303}
5304
5305.jcc-top-fold .jcc-content-wrapper {
5306  padding-top: 170px;
5307}
5308
5309.jcc-top-fold .jcc-title {
5310  font-family: var(--primary-font);
5311  font-weight: 900 !important;
5312}
5313
5314.jcc-top-fold .jcc-content-wrapper {
5315  padding-top: 200px;
5316}
5317
5318.jcc-top-fold .jcc-share-link {
5319  position: relative;
5320}
5321
5322.jcc-top-fold .jcc-share-link img {
5323  position: relative;
5324} /*# sourceMappingURL=style.css.map */
5325.jcc-withBackgroundVideo.jcc-mobile-video {
5326  display: none !important;
5327}
5328@media screen and (max-width:600px) {
5329  .jcc-withBackgroundVideo.jcc-mobile-video {
5330    display: block !important;
5331  }
5332}
5333.jcc-withBackgroundVideo.jcc-desktop-video {
5334  display: none !important;
5335}
5336@media only screen and (min-width: 600px) {
5337  .jcc-withBackgroundVideo.jcc-desktop-video {
5338    display: block !important;
5339  }
5340}
5341
5342.jcc-top-fold .sharethisUrlTag {
5343  display: none;
5344}
5345
5346.has-edit-mode-menu .jcc-top-fold .sharethisUrlTag {
5347  display: block;
5348}
5349
5350.jcc-withBackgroundVideo * {
5351  width: 100%;
5352  height: 100%;
5353  min-height: 100%;
5354  -o-object-fit: cover;
5355     object-fit: cover;
5356}
5357.jcc-withBackgroundVideo .embed-container iframe,
5358.jcc-withBackgroundVideo .embed-container object,
5359.jcc-withBackgroundVideo .embed-container embed {
5360  position: absolute;
5361  top: 0;
5362  left: 0;
5363  width: 100%;
5364  height: 100%;
5365}
5366.jcc-withBackgroundVideo .embed-container {
5367  --video--width: 1296;
5368  --video--height: 540;
5369  position: relative;
5370  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
5371  overflow: hidden;
5372  max-width: 100%;
5373  background: #000;
5374}
5375.jcc-withBackgroundVideo .video {
5376  background: #000;
5377}
5378.jcc-withBackgroundVideo .video-container {
5379  overflow: hidden;
5380}
5381.jcc-withBackgroundVideo .video-foreground,
5382.jcc-withBackgroundVideo .video-background iframe {
5383  position: absolute;
5384  top: 0;
5385  left: 0;
5386  width: 100%;
5387  height: 100%;
5388  pointer-events: none;
5389}
5390.jcc-withBackgroundVideo .video-background {
5391  background: #000;
5392  position: absolute;
5393  top: 0;
5394  right: 0;
5395  bottom: 0;
5396  left: 0;
5397}
5398.jcc-withBackgroundVideo .jcc-background-layer video {
5399  -o-object-fit: cover;
5400     object-fit: cover;
5401}
5402@media (min-aspect-ratio: 16/9) {
5403  .jcc-withBackgroundVideo .video-foreground {
5404    height: 300%;
5405    top: -100%;
5406  }
5407  @supports not (aspect-ratio: 16/9) {
5408    .jcc-withBackgroundVideo .video-foreground {
5409      height: 300%;
5410      top: -100%;
5411    }
5412    .jcc-withBackgroundVideo .video-foreground::before {
5413      float: left;
5414      padding-top: 56.25%;
5415      content: "";
5416    }
5417    .jcc-withBackgroundVideo .video-foreground::after {
5418      display: block;
5419      content: "";
5420      clear: both;
5421    }
5422  }
5423}
5424@media (max-aspect-ratio: 16/9) {
5425  .jcc-withBackgroundVideo .video-foreground {
5426    width: 300%;
5427    left: -100%;
5428  }
5429  @supports not (aspect-ratio: 16/9) {
5430    .jcc-withBackgroundVideo .video-foreground {
5431      width: 300%;
5432      left: -100%;
5433    }
5434    .jcc-withBackgroundVideo .video-foreground::before {
5435      float: left;
5436      padding-top: 56.25%;
5437      content: "";
5438    }
5439    .jcc-withBackgroundVideo .video-foreground::after {
5440      display: block;
5441      content: "";
5442      clear: both;
5443    }
5444  }
5445}
5446@media (min-aspect-ratio: 16/9) {
5447  .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground {
5448    height: 300%;
5449    top: -100%;
5450  }
5451  @supports not (aspect-ratio: 16/9) {
5452    .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground {
5453      height: 300%;
5454      top: -100%;
5455    }
5456    .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground::before {
5457      float: left;
5458      padding-top: 56.25%;
5459      content: "";
5460    }
5461    .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground::after {
5462      display: block;
5463      content: "";
5464      clear: both;
5465    }
5466  }
5467}
5468@media (max-aspect-ratio: 16/9) {
5469  .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground {
5470    width: 300%;
5471    left: -100%;
5472  }
5473  @supports not (aspect-ratio: 16/9) {
5474    .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground {
5475      width: 300%;
5476      left: -100%;
5477    }
5478    .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground::before {
5479      float: left;
5480      padding-top: 56.25%;
5481      content: "";
5482    }
5483    .jcc-withBackgroundVideo:lang(ar-SA) .video-foreground::after {
5484      display: block;
5485      content: "";
5486      clear: both;
5487    }
5488  }
5489}
5490
5491/*END:marc*//*# sourceMappingURL=style.css.map */</style>
5492 
5492<script>(function() {var configuration = {"desktopVideo":"https://www.w3schools.com/html/mov_bbb.mp4","withSubtitle":true,"withDatePlaceLabel":false,"withBackgroundImage":true,"withShareButton":false,"withAddressSection":false,"withBackgroundVideo":false,"bottomDropzone":"none","mobileVideo":"https://www.w3schools.com/html/mov_bbb.mp4","withFlagIcon":false,"withLabel":false,"withTopDropzone":true,"withButtonsDropzone":false}; var fragmentElement = document.querySelector('#fragment-1317-ykvk'); var fragmentNamespace = 'ykvk'; var layoutMode = 'view';// window.addEventListener("resize", () => {
5493//   resizeVideo();
5494//   setTimeout(function () {
5495//     resizeVideo();
5496//   }, 1000);
5497// });
5498// window.onload = (event) => {
5499//   resizeVideo();
5500//   setTimeout(function () {
5501//     resizeVideo();
5502//   }, 1000);
5503// };
5504// function resizeVideo() {
5505//   //   console.log("resizeVideo");
5506//   $jcc(fragmentElement)
5507//     .find(".jcc-withBackgroundVideo > iframe")
5508//     .css({
5509//       height: $jcc(fragmentElement).height() + "px",
5510//     });
5511
5512//   $jcc(fragmentElement)
5513//     .find(".jcc-withBackgroundVideo > .video")
5514//     .css({
5515//       height: $jcc(fragmentElement).height() + "px",
5516//     });
5517// }
5518
5519// let detailLink = fragmentElement
5520//   .querySelector(".jcc-header > a")
5521//   ?.getAttribute("href");
5522// fragmentElement
5523//   .querySelector(".sharethis-inline-share-buttons")
5524//   ?.setAttribute("data-url", detailLink);
5525
5526//get link and add it to sharethis data-url
5527let detailLink = fragmentElement
5528  .querySelector(".sharethisUrlTag")
5529  ?.getAttribute("href");
5530fragmentElement
5531  .querySelector(".sharethis-inline-share-buttons")
5532  ?.setAttribute("data-url", detailLink);;}());</script>
5532
5533</div>
5534<div class="lfr-layout-structure-item-9c11adde-3a54-68f8-0824-be75802e18c9 lfr-layout-structure-item-container " style="">
5535 <div class="lfr-layout-structure-item-00f8a8a2-19ba-ec7a-e141-6011cddf2f4a lfr-layout-structure-item-container " style="">
5536  <div class="lfr-layout-structure-item-0281181c-ab6f-ae5f-d979-45e4a86f7ffb lfr-layout-structure-item-row " style="">
5537   <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
5538    <div class="col col-lg-12 col-sm-12 col-12 col-md-12">
5539     <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-957312c3-310d-004d-d7ea-317f8b613ab2 " style="">
5540      <div id="fragment-0-dgkm"> 
5541       <div class="py-5"></div>
5542      </div>
5543     </div>
5544     <div class="lfr-layout-structure-item-9fe14a65-9cfc-c5a1-1cef-3097cf675509 lfr-layout-structure-item-container  container-fluid container-fluid-max-xl" style="">
5545      <div class="lfr-layout-structure-item-f792721a-f6f6-2233-ba66-18c1f64e3cf3 lfr-layout-structure-item-row " style="">
5546       <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
5547        <div class="col col-lg-6 col-sm-12 col-12 col-md-6">
5548         <div class="lfr-layout-structure-item-description lfr-layout-structure-item-6ff00f69-64ab-ffb8-c289-1ed6ed3cff98 " style="">
5549          <div id="fragment-210-owtc"> 
5550           <p data-aos="fade-up" class="jcc-description jcc-regular jcc-dark-context" data-lfr-editable-id="text" data-lfr-editable-type="rich-text">The Jeddah Chamber is considered one of the oldest commerce chambers in the Kingdom, since it was founded by a Royal decree in 1365 H – 1946, and it is an entity with an administrative structure that includes many managerial sectors and divisions, handling many duties and activities that are focused on the interests of its subscribers from the business sector, overcoming the challenges and cases they are faced with, improving the services provided and spreading it to different governorates in the region.</p>
5551          </div>
5552          <style>.jcc-description {
5553  color: #17658B;
5554}
5555.jcc-description.jcc-dark-context {
5556  color: #CDD2D9;
5557}
5558.jcc-description.jcc-regular {
5559  font-size: 18px;
5560  line-height: 27px;
5561}
5562.jcc-description.jcc-large {
5563  font-weight: 600;
5564  font-size: 32px;
5565  line-height: 48px;
5566}</style>
5567         </div>
5568        </div>
5569        <div class="col col-lg-6 col-sm-12 col-12 col-md-6">
5570         <div class="lfr-layout-structure-item-description lfr-layout-structure-item-3efc3dcd-0615-9caf-97ce-9daaabaaef8e " style="">
5571          <div id="fragment-210-zlpc"> 
5572           <p data-aos="fade-up" class="jcc-description jcc-regular jcc-dark-context" data-lfr-editable-id="text" data-lfr-editable-type="rich-text">With its wide array of services and corporate functions, the Jeddah Chamber became a pillar of national development, dedicating its efforts to improve the private sector, so it can contribute in its turn to supporting the developmental revolution that the Kingdom is witnessing. It also aims to help overcome current challenges and future variables in the business environment and activate its role in the national development plans, all the while working on motivating and efficiently contributing in increasing the rate of contribution in the non-oil GDP, in various economical activities, thus elevating the economy of the Arab region.</p>
5573          </div>
5574          <style>.jcc-description {
5575  color: #17658B;
5576}
5577.jcc-description.jcc-dark-context {
5578  color: #CDD2D9;
5579}
5580.jcc-description.jcc-regular {
5581  font-size: 18px;
5582  line-height: 27px;
5583}
5584.jcc-description.jcc-large {
5585  font-weight: 600;
5586  font-size: 32px;
5587  line-height: 48px;
5588}</style>
5589         </div>
5590        </div>
5591       </div>
5592      </div>
5593     </div>
5594     <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-355edb65-31c0-8bd1-c4ac-cee7ed118852 " style="">
5595      <div id="fragment-0-neir"> 
5596       <div class="py-5"></div>
5597      </div>
5598     </div>
5599    </div>
5600   </div>
5601  </div>
5602 </div>
5603 <div class="lfr-layout-structure-item-c7d12aff-7442-a608-efdf-1043ca484a87 lfr-layout-structure-item-row " style="">
5604  <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
5605   <div class="col col-lg-12 col-sm-12 col-12 col-md-12">
5606    <div class="lfr-layout-structure-item-e3835b74-2605-cfb2-0ce1-f9dfa9c1f9d4 lfr-layout-structure-item-container " style="">
5607     <div class="lfr-layout-structure-item-content-breaker lfr-layout-structure-item-2a4b0b19-c8e3-f9d0-9f2b-e816c8dc915b " style="">
5608      <div id="fragment-830-qyyx"> 
5609       <div class="jcc-content-breaker">
5610        <div class="jcc-dark-background jcc-top jcc-dark"></div>
5611        <div class="jcc-background-layer">
5612         <div class="jcc-blue-background"></div>
5613         <div class="jcc-image-wrapper jcc-space-for-background"><picture data-fileentryid="902562">
5614           <source media="(max-width:300px)" srcset="/o/adaptive-media/image/902562/Thumbnail-300x300/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5615           <source media="(max-width:640px) and (min-width:300px)" srcset="/o/adaptive-media/image/902562/mobile-640/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5616           <source media="(max-width:1000px) and (min-width:640px)" srcset="/o/adaptive-media/image/902562/Preview-1000x0/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5617           <source media="(max-width:1024px) and (min-width:1000px)" srcset="/o/adaptive-media/image/902562/tablet-1024/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5618           <source media="(max-width:1200px) and (min-width:1024px)" srcset="/o/adaptive-media/image/902562/desktop-1920/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5619           <source media="(max-width:1200px) and (min-width:1200px)" srcset="/o/adaptive-media/image/902562/desktop-1920-2x/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5620           <source media="(max-width:1200px) and (min-width:1200px)" srcset="/o/adaptive-media/image/902562/mobile-640-2x/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5621           <source media="(max-width:1200px) and (min-width:1200px)" srcset="/o/adaptive-media/image/902562/tablet-1024-2x/MicrosoftTeams-image+%2838%29.png?t=1663167730482">
5622           <img class="jcc-image" src="/documents/d/jcc/microsoftteams-image-38-png?download=true" alt="Background Image" data-lfr-editable-id="jcc-background-image" data-lfr-editable-type="image" data-fileentryid="902562">
5623          </picture>
5624         </div>
5625        </div>
5626        <div class="jcc-content-container">
5627         <div class="jcc-content">
5628          <h2 class="jcc-title" data-lfr-editable-id="title" data-lfr-editable-type="rich-text">Speech of the Secretary General</h2>
5629          <div class="jcc-description" data-lfr-editable-id="description" data-lfr-editable-type="rich-text">
5630           The Jeddah Chamber accompanied the civilizational and developmental renaissance experienced by the Kingdom of Saudi Arabia in the commercial and industrial fields...
5631          </div>
5632          <div class="jcc-buttons-drop-zone">
5633           <div>
5634            <div class="lfr-layout-structure-item-button lfr-layout-structure-item-f223b8df-b7a1-1998-d7a6-9427bfbf8ab4 " style="">
5635             <div id="fragment-100-bylu"> 
5636              <svg aria-hidden="true" focusable="false" style="width: 0; height: 0; position: absolute"><lineargradient id="gradient-horizontal"> 
5637                <stop offset="0%" stop-color="#37BAC6" /> 
5638                <stop offset="100%" stop-color="#17658B" /> 
5639               </lineargradient>
5640              </svg> <button class="btn  jcc-disabled btn-borderless btn-regular btn-main btn-rounded btn-reverse  " type="button"> <a data-lfr-editable-id="link" data-lfr-editable-type="link" href="/en/%D9%83%D9%84%D9%85%D8%A9-%D8%A7%D9%84%D8%A3%D9%85%D9%8A%D9%86-%D8%A7%D9%84%D8%B9%D8%A7%D9%85">Read the speech</a> 
5641               <svg class="end-icon lexicon-icon lexicon-icon-arrow-right-full jcc-flipped" focusable="false" role="presentation"><use href="/o/classic-theme/images/clay/icons.svg#arrow-right-full" />
5642               </svg> </button>
5643             </div>
5644             <style>.btn {
5645  display: flex;
5646  align-items: center;
5647  justify-content: center;
5648  position: relative;
5649}
5650
5651.btn a {
5652  margin: 0;
5653  text-decoration: none;
5654}
5655
5656.btn a::before {
5657  content: "";
5658  position: absolute;
5659  top: 0;
5660  left: 0;
5661  right: 0;
5662  bottom: 0;
5663}
5664
5665.btn .lexicon-icon.jcc-flipped:lang(ar-SA) {
5666  transform: rotate(180deg);
5667}
5668
5669.btn .start-icon {
5670  margin: 0 8px 0 0;
5671}
5672
5673.btn .start-icon:lang(ar-SA) {
5674  margin: 0 0 0 8px;
5675}
5676
5677.btn .end-icon {
5678  margin: 0 0 0 8px;
5679}
5680
5681.btn .end-icon:lang(ar-SA) {
5682  margin: 0 8px 0 0;
5683}
5684
5685.btn.btn-regular {
5686  font-size: 16px;
5687  font-weight: 700;
5688  line-height: 24px;
5689}
5690
5691.btn.btn-sm {
5692  line-height: 26px;
5693}
5694
5695.btn.btn-primary {
5696  border: none;
5697}
5698
5699.btn.btn-primary.btn-main {
5700  background-image: linear-gradient(to right, #37bac6, #17658b);
5701}
5702
5703.btn.btn-primary.btn-main .lexicon-icon,
5704.btn.btn-primary.btn-main a {
5705  color: #fff;
5706}
5707
5708.btn.btn-primary.btn-main:hover:not([disabled]) {
5709  background-image: linear-gradient(to right, #3daad0, #8fe7ef);
5710}
5711
5712.btn.btn-primary.btn-main:focus {
5713  background-image: none;
5714  background-color: #007580;
5715}
5716
5717.btn.btn-primary.btn-main[disabled] {
5718  background-color: #37bac6;
5719  background-image: none;
5720}
5721
5722.btn.btn-primary.btn-info {
5723  background-color: #2e5aac;
5724}
5725
5726.btn.btn-primary.btn-info .lexicon-icon,
5727.btn.btn-primary.btn-info a {
5728  color: #fff;
5729}
5730
5731.btn.btn-primary.btn-info:hover:not([disabled]) {
5732  background-color: #294f98;
5733}
5734
5735.btn.btn-primary.btn-info:focus {
5736  background-color: #234584;
5737}
5738
5739.btn.btn-primary.btn-success {
5740  background-color: #287d3c;
5741}
5742
5743.btn.btn-primary.btn-success .lexicon-icon,
5744.btn.btn-primary.btn-success a {
5745  color: #fff;
5746}
5747
5748.btn.btn-primary.btn-success:hover:not([disabled]) {
5749  background-color: #19622b;
5750}
5751
5752.btn.btn-primary.btn-success:focus {
5753  background-color: #154d21;
5754}
5755
5756.btn.btn-primary.btn-warning {
5757  background-color: #b95000;
5758}
5759
5760.btn.btn-primary.btn-warning .lexicon-icon,
5761.btn.btn-primary.btn-warning a {
5762  color: #fff;
5763}
5764
5765.btn.btn-primary.btn-warning:hover:not([disabled]) {
5766  background-color: #9f4500;
5767}
5768
5769.btn.btn-primary.btn-warning:focus {
5770  background-color: #863a00;
5771}
5772
5773.btn.btn-primary.btn-danger {
5774  background-color: #da1414;
5775}
5776
5777.btn.btn-primary.btn-danger .lexicon-icon,
5778.btn.btn-primary.btn-danger a {
5779  color: #fff;
5780}
5781
5782.btn.btn-primary.btn-danger:hover:not([disabled]) {
5783  background-color: #b11010;
5784}
5785
5786.btn.btn-primary.btn-danger:focus {
5787  background-color: #960c0c;
5788}
5789
5790.btn.btn-secondary.btn-main {
5791  position: relative;
5792  border: none;
5793  background-color: transparent;
5794}
5795
5796.btn.btn-secondary.btn-main::before {
5797  content: "";
5798  position: absolute;
5799  inset: 0;
5800  width: 100%;
5801  height: 100%;
5802  pointer-events: none;
5803  border-radius: 52px;
5804  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
5805  -webkit-mask-composite: xor;
5806  mask-composite: exclude;
5807}
5808
5809.btn.btn-secondary.btn-main .lexicon-icon,
5810.btn.btn-secondary.btn-main a {
5811  color: #17658b;
5812}
5813
5814.btn.btn-secondary.btn-main::before {
5815  padding: 2px;
5816  background: linear-gradient(90deg, #37bac6, #17658b);
5817}
5818
5819.btn.btn-secondary.btn-main:hover:not([disabled]) {
5820  border: none;
5821}
5822
5823.btn.btn-secondary.btn-main:hover:not([disabled]) .lexicon-icon,
5824.btn.btn-secondary.btn-main:hover:not([disabled]) a {
5825  color: #112646;
5826}
5827
5828.btn.btn-secondary.btn-main:hover:not([disabled])::before {
5829  padding: 4px;
5830  background: linear-gradient(90deg, #37bac6, #17658b);
5831}
5832
5833.btn.btn-secondary.btn-main:focus {
5834  border: none;
5835  background-color: #ebedf1;
5836}
5837
5838.btn.btn-secondary.btn-main:focus .lexicon-icon,
5839.btn.btn-secondary.btn-main:focus a {
5840  color: #09172d;
5841}
5842
5843.btn.btn-secondary.btn-main:focus::before {
5844  padding: 1px;
5845  background-color: #cdd2d9;
5846  background-image: none;
5847}
5848
5849.btn.btn-secondary.btn-main[disabled] {
5850  border: none;
5851  background-color: #ffffff;
5852}
5853
5854.btn.btn-secondary.btn-main[disabled] .lexicon-icon,
5855.btn.btn-secondary.btn-main[disabled] a {
5856  color: #17658b;
5857}
5858
5859.btn.btn-secondary.btn-main[disabled]::before {
5860  padding: 1px;
5861  background-color: #cdd2d9;
5862  background-image: none;
5863}
5864
5865.btn.btn-secondary.btn-main.btn-reverse a {
5866  color: #fff;
5867}
5868
5869.btn.btn-secondary.btn-main.btn-reverse .lexicon-icon {
5870  fill: #fff;
5871}
5872
5873.btn.btn-secondary.btn-main.btn-reverse:hover:not([disabled]) a {
5874  color: #fff;
5875}
5876
5877.btn.btn-secondary.btn-main.btn-reverse:hover:not([disabled]) .lexicon-icon {
5878  fill: #fff;
5879}
5880
5881.btn.btn-secondary.btn-main.btn-reverse:focus a {
5882  color: #fff;
5883}
5884
5885.btn.btn-secondary.btn-main.btn-reverse:focus .lexicon-icon {
5886  fill: #fff;
5887}
5888
5889.btn.btn-secondary.btn-main.btn-reverse[disabled] a {
5890  color: #fff;
5891}
5892
5893.btn.btn-secondary.btn-main.btn-reverse[disabled] .lexicon-icon {
5894  fill: #fff;
5895}
5896
5897.btn.btn-secondary.btn-info {
5898  border: none;
5899  position: relative;
5900  background-color: #ffffff;
5901}
5902
5903.btn.btn-secondary.btn-info::before {
5904  content: "";
5905  position: absolute;
5906  inset: 0;
5907  width: 100%;
5908  height: 100%;
5909  pointer-events: none;
5910  border-radius: 52px;
5911  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
5912  -webkit-mask-composite: xor;
5913  mask-composite: exclude;
5914}
5915
5916.btn.btn-secondary.btn-info::before {
5917  padding: 1px;
5918  background-color: #8fe7ef;
5919  background-image: none;
5920}
5921
5922.btn.btn-secondary.btn-info .lexicon-icon,
5923.btn.btn-secondary.btn-info a {
5924  color: #2e5aac;
5925}
5926
5927.btn.btn-secondary.btn-info:hover:not([disabled]) {
5928  border: none;
5929  position: relative;
5930  background-color: #eef2fa;
5931}
5932
5933.btn.btn-secondary.btn-info:hover:not([disabled])::before {
5934  content: "";
5935  position: absolute;
5936  inset: 0;
5937  width: 100%;
5938  height: 100%;
5939  pointer-events: none;
5940  border-radius: 52px;
5941  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
5942  -webkit-mask-composite: xor;
5943  mask-composite: exclude;
5944}
5945
5946.btn.btn-secondary.btn-info:hover:not([disabled])::before {
5947  padding: 1px;
5948  background-color: #8fe7ef;
5949  background-image: none;
5950}
5951
5952.btn.btn-secondary.btn-info:hover:not([disabled]) .lexicon-icon,
5953.btn.btn-secondary.btn-info:hover:not([disabled]) a {
5954  color: #2e5aac;
5955}
5956
5957.btn.btn-secondary.btn-info:focus {
5958  border: none;
5959  position: relative;
5960  background-color: #eef2fa;
5961}
5962
5963.btn.btn-secondary.btn-info:focus::before {
5964  content: "";
5965  position: absolute;
5966  inset: 0;
5967  width: 100%;
5968  height: 100%;
5969  pointer-events: none;
5970  border-radius: 52px;
5971  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
5972  -webkit-mask-composite: xor;
5973  mask-composite: exclude;
5974}
5975
5976.btn.btn-secondary.btn-info:focus::before {
5977  padding: 1px;
5978  background-color: #234584;
5979  background-image: none;
5980}
5981
5982.btn.btn-secondary.btn-info:focus .lexicon-icon,
5983.btn.btn-secondary.btn-info:focus a {
5984  color: #234584;
5985}
5986
5987.btn.btn-secondary.btn-success {
5988  border: none;
5989  position: relative;
5990  background-color: #ffffff;
5991}
5992
5993.btn.btn-secondary.btn-success::before {
5994  content: "";
5995  position: absolute;
5996  inset: 0;
5997  width: 100%;
5998  height: 100%;
5999  pointer-events: none;
6000  border-radius: 52px;
6001  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6002  -webkit-mask-composite: xor;
6003  mask-composite: exclude;
6004}
6005
6006.btn.btn-secondary.btn-success::before {
6007  padding: 1px;
6008  background-color: #5aca75;
6009  background-image: none;
6010}
6011
6012.btn.btn-secondary.btn-success .lexicon-icon,
6013.btn.btn-secondary.btn-success a {
6014  color: #287d3c;
6015}
6016
6017.btn.btn-secondary.btn-success:hover:not([disabled]) {
6018  border: none;
6019  position: relative;
6020  background-color: #edf9f0;
6021}
6022
6023.btn.btn-secondary.btn-success:hover:not([disabled])::before {
6024  content: "";
6025  position: absolute;
6026  inset: 0;
6027  width: 100%;
6028  height: 100%;
6029  pointer-events: none;
6030  border-radius: 52px;
6031  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6032  -webkit-mask-composite: xor;
6033  mask-composite: exclude;
6034}
6035
6036.btn.btn-secondary.btn-success:hover:not([disabled])::before {
6037  padding: 1px;
6038  background-color: #5aca75;
6039  background-image: none;
6040}
6041
6042.btn.btn-secondary.btn-success:hover:not([disabled]) .lexicon-icon,
6043.btn.btn-secondary.btn-success:hover:not([disabled]) a {
6044  color: #287d3c;
6045}
6046
6047.btn.btn-secondary.btn-success:focus {
6048  border: none;
6049  position: relative;
6050  background-color: #edf9f0;
6051}
6052
6053.btn.btn-secondary.btn-success:focus::before {
6054  content: "";
6055  position: absolute;
6056  inset: 0;
6057  width: 100%;
6058  height: 100%;
6059  pointer-events: none;
6060  border-radius: 52px;
6061  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6062  -webkit-mask-composite: xor;
6063  mask-composite: exclude;
6064}
6065
6066.btn.btn-secondary.btn-success:focus::before {
6067  padding: 1px;
6068  background-color: #154d21;
6069  background-image: none;
6070}
6071
6072.btn.btn-secondary.btn-success:focus .lexicon-icon,
6073.btn.btn-secondary.btn-success:focus a {
6074  color: #154d21;
6075}
6076
6077.btn.btn-secondary.btn-warning {
6078  border: none;
6079  position: relative;
6080  background-color: #ffffff;
6081}
6082
6083.btn.btn-secondary.btn-warning::before {
6084  content: "";
6085  position: absolute;
6086  inset: 0;
6087  width: 100%;
6088  height: 100%;
6089  pointer-events: none;
6090  border-radius: 52px;
6091  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6092  -webkit-mask-composite: xor;
6093  mask-composite: exclude;
6094}
6095
6096.btn.btn-secondary.btn-warning::before {
6097  padding: 1px;
6098  background-color: #ff8f39;
6099  background-image: none;
6100}
6101
6102.btn.btn-secondary.btn-warning .lexicon-icon,
6103.btn.btn-secondary.btn-warning a {
6104  color: #b95000;
6105}
6106
6107.btn.btn-secondary.btn-warning:hover:not([disabled]) {
6108  border: none;
6109  position: relative;
6110  background-color: #fff4ec;
6111}
6112
6113.btn.btn-secondary.btn-warning:hover:not([disabled])::before {
6114  content: "";
6115  position: absolute;
6116  inset: 0;
6117  width: 100%;
6118  height: 100%;
6119  pointer-events: none;
6120  border-radius: 52px;
6121  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6122  -webkit-mask-composite: xor;
6123  mask-composite: exclude;
6124}
6125
6126.btn.btn-secondary.btn-warning:hover:not([disabled])::before {
6127  padding: 1px;
6128  background-color: #ff8f39;
6129  background-image: none;
6130}
6131
6132.btn.btn-secondary.btn-warning:hover:not([disabled]) .lexicon-icon,
6133.btn.btn-secondary.btn-warning:hover:not([disabled]) a {
6134  color: #b95000;
6135}
6136
6137.btn.btn-secondary.btn-warning:focus {
6138  border: none;
6139  position: relative;
6140  background-color: #fff4ec;
6141}
6142
6143.btn.btn-secondary.btn-warning:focus::before {
6144  content: "";
6145  position: absolute;
6146  inset: 0;
6147  width: 100%;
6148  height: 100%;
6149  pointer-events: none;
6150  border-radius: 52px;
6151  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6152  -webkit-mask-composite: xor;
6153  mask-composite: exclude;
6154}
6155
6156.btn.btn-secondary.btn-warning:focus::before {
6157  padding: 1px;
6158  background-color: #863a00;
6159  background-image: none;
6160}
6161
6162.btn.btn-secondary.btn-warning:focus .lexicon-icon,
6163.btn.btn-secondary.btn-warning:focus a {
6164  color: #863a00;
6165}
6166
6167.btn.btn-secondary.btn-danger {
6168  border: none;
6169  position: relative;
6170  background-color: #ffffff;
6171}
6172
6173.btn.btn-secondary.btn-danger::before {
6174  content: "";
6175  position: absolute;
6176  inset: 0;
6177  width: 100%;
6178  height: 100%;
6179  pointer-events: none;
6180  border-radius: 52px;
6181  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6182  -webkit-mask-composite: xor;
6183  mask-composite: exclude;
6184}
6185
6186.btn.btn-secondary.btn-danger::before {
6187  padding: 1px;
6188  background-color: #fc6e6e;
6189  background-image: none;
6190}
6191
6192.btn.btn-secondary.btn-danger .lexicon-icon,
6193.btn.btn-secondary.btn-danger a {
6194  color: #b11010;
6195}
6196
6197.btn.btn-secondary.btn-danger:hover:not([disabled]) {
6198  border: none;
6199  position: relative;
6200  background-color: #feefef;
6201}
6202
6203.btn.btn-secondary.btn-danger:hover:not([disabled])::before {
6204  content: "";
6205  position: absolute;
6206  inset: 0;
6207  width: 100%;
6208  height: 100%;
6209  pointer-events: none;
6210  border-radius: 52px;
6211  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6212  -webkit-mask-composite: xor;
6213  mask-composite: exclude;
6214}
6215
6216.btn.btn-secondary.btn-danger:hover:not([disabled])::before {
6217  padding: 1px;
6218  background-color: #fc6e6e;
6219  background-image: none;
6220}
6221
6222.btn.btn-secondary.btn-danger:hover:not([disabled]) .lexicon-icon,
6223.btn.btn-secondary.btn-danger:hover:not([disabled]) a {
6224  color: #b11010;
6225}
6226
6227.btn.btn-secondary.btn-danger:focus {
6228  border: none;
6229  position: relative;
6230  background-color: #feefef;
6231}
6232
6233.btn.btn-secondary.btn-danger:focus::before {
6234  content: "";
6235  position: absolute;
6236  inset: 0;
6237  width: 100%;
6238  height: 100%;
6239  pointer-events: none;
6240  border-radius: 52px;
6241  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
6242  -webkit-mask-composite: xor;
6243  mask-composite: exclude;
6244}
6245
6246.btn.btn-secondary.btn-danger:focus::before {
6247  padding: 1px;
6248  background-color: #960c0c;
6249  background-image: none;
6250}
6251
6252.btn.btn-secondary.btn-danger:focus .lexicon-icon,
6253.btn.btn-secondary.btn-danger:focus a {
6254  color: #960c0c;
6255}
6256
6257.btn.btn-borderless.btn-info {
6258  border: none;
6259  background-color: transparent;
6260  border: none;
6261}
6262
6263.btn.btn-borderless.btn-info .lexicon-icon {
6264  color: #37bac6;
6265}
6266
6267.btn.btn-borderless.btn-info a {
6268  color: #37bac6;
6269}
6270
6271.btn.btn-borderless.btn-info:hover:not([disabled]) .lexicon-icon {
6272  color: #0097a5;
6273}
6274
6275.btn.btn-borderless.btn-info:hover:not([disabled]) a {
6276  color: #0097a5;
6277}
6278
6279.btn.btn-borderless.btn-info:focus .lexicon-icon {
6280  color: #007580;
6281}
6282
6283.btn.btn-borderless.btn-info:focus a {
6284  color: #007580;
6285}
6286
6287.btn.btn-borderless.btn-info.btn-reverse a {
6288  color: #8fe7ef;
6289}
6290
6291.btn.btn-borderless.btn-info.btn-reverse .lexicon-icon {
6292  fill: #8fe7ef;
6293}
6294
6295.btn.btn-borderless.btn-info.btn-reverse:hover:not([disabled]) a {
6296  color: #8fe7ef;
6297}
6298
6299.btn.btn-borderless.btn-info.btn-reverse:hover:not([disabled]) .lexicon-icon {
6300  fill: #8fe7ef;
6301}
6302
6303.btn.btn-borderless.btn-info.btn-reverse:focus a {
6304  color: #8fe7ef;
6305}
6306
6307.btn.btn-borderless.btn-info.btn-reverse:focus .lexicon-icon {
6308  fill: #8fe7ef;
6309}
6310
6311.btn.btn-borderless.btn-success {
6312  border: none;
6313  background-color: transparent;
6314  border: none;
6315}
6316
6317.btn.btn-borderless.btn-success .lexicon-icon {
6318  color: #37bac6;
6319}
6320
6321.btn.btn-borderless.btn-success a {
6322  color: #37bac6;
6323}
6324
6325.btn.btn-borderless.btn-success:hover:not([disabled]) .lexicon-icon {
6326  color: #0097a5;
6327}
6328
6329.btn.btn-borderless.btn-success:hover:not([disabled]) a {
6330  color: #0097a5;
6331}
6332
6333.btn.btn-borderless.btn-success:focus .lexicon-icon {
6334  color: #007580;
6335}
6336
6337.btn.btn-borderless.btn-success:focus a {
6338  color: #007580;
6339}
6340
6341.btn.btn-borderless.btn-success.btn-reverse a {
6342  color: #8fe7ef;
6343}
6344
6345.btn.btn-borderless.btn-success.btn-reverse .lexicon-icon {
6346  fill: #8fe7ef;
6347}
6348
6349.btn.btn-borderless.btn-success.btn-reverse:hover:not([disabled]) a {
6350  color: #8fe7ef;
6351}
6352
6353.btn.btn-borderless.btn-success.btn-reverse:hover:not([disabled])
6354  .lexicon-icon {
6355  fill: #8fe7ef;
6356}
6357
6358.btn.btn-borderless.btn-success.btn-reverse:focus a {
6359  color: #8fe7ef;
6360}
6361
6362.btn.btn-borderless.btn-success.btn-reverse:focus .lexicon-icon {
6363  fill: #8fe7ef;
6364}
6365
6366.btn.btn-borderless.btn-warning {
6367  border: none;
6368  background-color: transparent;
6369  border: none;
6370}
6371
6372.btn.btn-borderless.btn-warning .lexicon-icon {
6373  color: #37bac6;
6374}
6375
6376.btn.btn-borderless.btn-warning a {
6377  color: #37bac6;
6378}
6379
6380.btn.btn-borderless.btn-warning:hover:not([disabled]) .lexicon-icon {
6381  color: #0097a5;
6382}
6383
6384.btn.btn-borderless.btn-warning:hover:not([disabled]) a {
6385  color: #0097a5;
6386}
6387
6388.btn.btn-borderless.btn-warning:focus .lexicon-icon {
6389  color: #007580;
6390}
6391
6392.btn.btn-borderless.btn-warning:focus a {
6393  color: #007580;
6394}
6395
6396.btn.btn-borderless.btn-warning.btn-reverse a {
6397  color: #8fe7ef;
6398}
6399
6400.btn.btn-borderless.btn-warning.btn-reverse .lexicon-icon {
6401  fill: #8fe7ef;
6402}
6403
6404.btn.btn-borderless.btn-warning.btn-reverse:hover:not([disabled]) a {
6405  color: #8fe7ef;
6406}
6407
6408.btn.btn-borderless.btn-warning.btn-reverse:hover:not([disabled])
6409  .lexicon-icon {
6410  fill: #8fe7ef;
6411}
6412
6413.btn.btn-borderless.btn-warning.btn-reverse:focus a {
6414  color: #8fe7ef;
6415}
6416
6417.btn.btn-borderless.btn-warning.btn-reverse:focus .lexicon-icon {
6418  fill: #8fe7ef;
6419}
6420
6421.btn.btn-borderless.btn-danger {
6422  border: none;
6423  background-color: transparent;
6424  border: none;
6425}
6426
6427.btn.btn-borderless.btn-danger .lexicon-icon {
6428  color: #37bac6;
6429}
6430
6431.btn.btn-borderless.btn-danger a {
6432  color: #37bac6;
6433}
6434
6435.btn.btn-borderless.btn-danger:hover:not([disabled]) .lexicon-icon {
6436  color: #0097a5;
6437}
6438
6439.btn.btn-borderless.btn-danger:hover:not([disabled]) a {
6440  color: #0097a5;
6441}
6442
6443.btn.btn-borderless.btn-danger:focus .lexicon-icon {
6444  color: #007580;
6445}
6446
6447.btn.btn-borderless.btn-danger:focus a {
6448  color: #007580;
6449}
6450
6451.btn.btn-borderless.btn-danger.btn-reverse a {
6452  color: #8fe7ef;
6453}
6454
6455.btn.btn-borderless.btn-danger.btn-reverse .lexicon-icon {
6456  fill: #8fe7ef;
6457}
6458
6459.btn.btn-borderless.btn-danger.btn-reverse:hover:not([disabled]) a {
6460  color: #8fe7ef;
6461}
6462
6463.btn.btn-borderless.btn-danger.btn-reverse:hover:not([disabled]) .lexicon-icon {
6464  fill: #8fe7ef;
6465}
6466
6467.btn.btn-borderless.btn-danger.btn-reverse:focus a {
6468  color: #8fe7ef;
6469}
6470
6471.btn.btn-borderless.btn-danger.btn-reverse:focus .lexicon-icon {
6472  fill: #8fe7ef;
6473}
6474
6475.btn.btn-borderless.btn-main {
6476  border: none;
6477}
6478
6479.btn.btn-borderless.btn-main .lexicon-icon {
6480  color: #17658b;
6481}
6482
6483.btn.btn-borderless.btn-main a {
6484  color: #09172d;
6485}
6486
6487.btn.btn-borderless.btn-main:hover
6487:not([disabled]) {
6488  background-color: rgba(39, 40, 51, 0.04);
6489}
6490
6491.btn.btn-borderless.btn-main:hover:not([disabled]) .lexicon-icon {
6492  fill: url(#gradient-horizontal) #37bac6;
6493}
6494
6495.btn.btn-borderless.btn-main:hover:not([disabled]) a {
6496  color: #0097a5;
6497}
6498
6499.btn.btn-borderless.btn-main:focus {
6500  background-color: #ebedf1;
6501}
6502
6503.btn.btn-borderless.btn-main:focus a {
6504  background: -webkit-linear-gradient(90deg, #37bac6, #17658b);
6505  -webkit-background-clip: text;
6506  -webkit-text-fill-color: transparent;
6507}
6508
6509.btn.btn-borderless.btn-main:focus .lexicon-icon {
6510  fill: url(#gradient-horizontal) #37bac6;
6511}
6512
6513.btn.btn-borderless.btn-main[disabled] {
6514  background-color: #ebedf1;
6515}
6516
6517.btn.btn-borderless.btn-main[disabled] .lexicon-icon {
6518  color: #17658b;
6519}
6520
6521.btn.btn-borderless.btn-main[disabled] a {
6522  color: #09172d;
6523}
6524
6525.btn.btn-borderless.btn-main.btn-reverse a {
6526  color: #fff;
6527}
6528
6529.btn.btn-borderless.btn-main.btn-reverse .lexicon-icon {
6530  fill: #fff;
6531}
6532
6533.btn.btn-borderless.btn-main.btn-reverse:hover:not([disabled]) a {
6534  color: #fff;
6535}
6536
6537.btn.btn-borderless.btn-main.btn-reverse:hover:not([disabled]) .lexicon-icon {
6538  fill: #fff;
6539}
6540
6541.btn.btn-borderless.btn-main.btn-reverse:focus a {
6542  color: #fff;
6543}
6544
6545.btn.btn-borderless.btn-main.btn-reverse:focus .lexicon-icon {
6546  fill: #fff;
6547}
6548
6549.btn.btn-colored-link.btn-main {
6550  border: none;
6551  background-color: transparent;
6552}
6553
6554.btn.btn-colored-link.btn-main .lexicon-icon,
6555.btn.btn-colored-link.btn-main a {
6556  color: #37bac6;
6557}
6558
6559.btn.btn-colored-link.btn-main:hover:not([disabled]) {
6560  border: none;
6561  background-color: transparent;
6562}
6563
6564.btn.btn-colored-link.btn-main:hover:not([disabled]) .lexicon-icon,
6565.btn.btn-colored-link.btn-main:hover:not([disabled]) a {
6566  color: #0097a5;
6567}
6568
6569.btn.btn-colored-link.btn-main:focus {
6570  border: none;
6571  background-color: transparent;
6572}
6573
6574.btn.btn-colored-link.btn-main:focus .lexicon-icon,
6575.btn.btn-colored-link.btn-main:focus a {
6576  color: #007580;
6577}
6578
6579.btn.btn-colored-link.btn-main[disabled] {
6580  border: none;
6581  background-color: transparent;
6582}
6583
6584.btn.btn-colored-link.btn-main[disabled] .lexicon-icon,
6585.btn.btn-colored-link.btn-main[disabled] a {
6586  color: #37bac6;
6587}
6588
6589.btn.btn-colored-link.btn-main.btn-reverse a {
6590  color: #8fe7ef;
6591}
6592
6593.btn.btn-colored-link.btn-main.btn-reverse .lexicon-icon {
6594  fill: #8fe7ef;
6595}
6596
6597.btn.btn-colored-link.btn-main.btn-reverse:hover:not([disabled]) a {
6598  color: #8fe7ef;
6599}
6600
6601.btn.btn-colored-link.btn-main.btn-reverse:hover:not([disabled]) .lexicon-icon {
6602  fill: #8fe7ef;
6603}
6604
6605.btn.btn-colored-link.btn-main.btn-reverse:focus a {
6606  color: #8fe7ef;
6607}
6608
6609.btn.btn-colored-link.btn-main.btn-reverse:focus .lexicon-icon {
6610  fill: #8fe7ef;
6611}
6612
6613.btn.btn-colored-link.btn-main.btn-reverse[disabled] a {
6614  color: #8fe7ef;
6615}
6616
6617.btn.btn-colored-link.btn-main.btn-reverse[disabled] .lexicon-icon {
6618  fill: #8fe7ef;
6619}
6620
6621.btn.btn-colored-link.btn-info {
6622  border: none;
6623  background-color: transparent;
6624}
6625
6626.btn.btn-colored-link.btn-info .lexicon-icon,
6627.btn.btn-colored-link.btn-info a {
6628  color: #17658b;
6629}
6630
6631.btn.btn-colored-link.btn-info:hover:not([disabled]) {
6632  border: none;
6633  background-color: transparent;
6634}
6635
6636.btn.btn-colored-link.btn-info:hover:not([disabled]) .lexicon-icon,
6637.btn.btn-colored-link.btn-info:hover:not([disabled]) a {
6638  color: #112646;
6639}
6640
6641.btn.btn-colored-link.btn-info:focus {
6642  border: none;
6643  background-color: transparent;
6644}
6645
6646.btn.btn-colored-link.btn-info:focus .lexicon-icon,
6647.btn.btn-colored-link.btn-info:focus a {
6648  color: #09172d;
6649}
6650
6651.btn.btn-colored-link.btn-info.btn-reverse a {
6652  color: #fff;
6653}
6654
6655.btn.btn-colored-link.btn-info.btn-reverse .lexicon-icon {
6656  fill: #fff;
6657}
6658
6659.btn.btn-colored-link.btn-info.btn-reverse:hover:not([disabled]) a {
6660  color: #fff;
6661}
6662
6663.btn.btn-colored-link.btn-info.btn-reverse:hover:not([disabled]) .lexicon-icon {
6664  fill: #fff;
6665}
6666
6667.btn.btn-colored-link.btn-info.btn-reverse:focus a {
6668  color: #fff;
6669}
6670
6671.btn.btn-colored-link.btn-info.btn-reverse:focus .lexicon-icon {
6672  fill: #fff;
6673}
6674
6675.btn.btn-colored-link.btn-success {
6676  border: none;
6677  background-color: transparent;
6678}
6679
6680.btn.btn-colored-link.btn-success .lexicon-icon,
6681.btn.btn-colored-link.btn-success a {
6682  color: #287d3c;
6683}
6684
6685.btn.btn-colored-link.btn-success:hover:not([disabled]) {
6686  border: none;
6687  background-color: transparent;
6688}
6689
6690.btn.btn-colored-link.btn-success:hover:not([disabled]) .lexicon-icon,
6691.btn.btn-colored-link.btn-success:hover:not([disabled]) a {
6692  color: #287d3c;
6693}
6694
6695.btn.btn-colored-link.btn-success:focus {
6696  border: none;
6697  background-color: transparent;
6698}
6699
6700.btn.btn-colored-link.btn-success:focus .lexicon-icon,
6701.btn.btn-colored-link.btn-success:focus a {
6702  color: #154d21;
6703}
6704
6705.btn.btn-colored-link.btn-warning {
6706  border: none;
6707  background-color: transparent;
6708}
6709
6710.btn.btn-colored-link.btn-warning .lexicon-icon,
6711.btn.btn-colored-link.btn-warning a {
6712  color: #b95000;
6713}
6714
6715.btn.btn-colored-link.btn-warning:hover:not([disabled]) {
6716  border: none;
6717  background-color: transparent;
6718}
6719
6720.btn.btn-colored-link.btn-warning:hover:not([disabled]) .lexicon-icon,
6721.btn.btn-colored-link.btn-warning:hover:not([disabled]) a {
6722  color: #b95000;
6723}
6724
6725.btn.btn-colored-link.btn-warning:focus {
6726  border: none;
6727  background-color: transparent;
6728}
6729
6730.btn.btn-colored-link.btn-warning:focus .lexicon-icon,
6731.btn.btn-colored-link.btn-warning:focus a {
6732  color: #863a00;
6733}
6734
6735.btn.btn-colored-link.btn-danger {
6736  border: none;
6737  background-color: transparent;
6738}
6739
6740.btn.btn-colored-link.btn-danger .lexicon-icon,
6741.btn.btn-colored-link.btn-danger a {
6742  color: #b11010;
6743}
6744
6745.btn.btn-colored-link.btn-danger:hover:not([disabled]) {
6746  border: none;
6747  background-color: transparent;
6748}
6749
6750.btn.btn-colored-link.btn-danger:hover:not([disabled]) .lexicon-icon,
6751.btn.btn-colored-link.btn-danger:hover:not([disabled]) a {
6752  color: #b11010;
6753}
6754
6755.btn.btn-colored-link.btn-danger:focus {
6756  border: none;
6757  background-color: transparent;
6758}
6759
6760.btn.btn-colored-link.btn-danger:focus .lexicon-icon,
6761.btn.btn-colored-link.btn-danger:focus a {
6762  color: #960c0c;
6763}
6764
6765.btn.btn-colored-link.btn-regular {
6766  padding: 0;
6767}
6768
6769.btn.btn-colored-link.btn-sm {
6770  padding: 0;
6771}
6772
6773.btn.btn-rounded:not(.btn-colored-link) {
6774  border-radius: 52px;
6775}
6776
6777.btn.btn-rounded:not(.btn-colored-link).btn-regular {
6778  padding: 12px 24px 12px 25px;
6779}
6780
6781.btn.btn-rounded:not(.btn-colored-link).btn-sm {
6782  padding: 10px 20px;
6783}
6784
6785.btn.btn-monospaced:not(.btn-colored-link) {
6786  border-radius: 50%;
6787}
6788
6789.btn.btn-monospaced:not(.btn-colored-link).btn-regular {
6790  height: 48px;
6791  width: 48px;
6792}
6793
6794.btn.btn-monospaced:not(.btn-colored-link).btn-sm {
6795  height: 40px;
6796  width: 40px;
6797}
6798
6799.btn.btn-monospaced:not(.btn-colored-link) .lexicon-icon {
6800  margin: 0;
6801}
6802
6803.btn.btn-monospaced:not(.btn-colored-link).btn-borderless .lexicon-icon {
6804  fill: url(#gradient-horizontal) #37bac6;
6805}
6806
6807.btn.btn-monospaced:not(.btn-colored-link).btn-secondary {
6808  background-color: #fff;
6809}
6810
6811.btn.btn-monospaced:not(.btn-colored-link).btn-secondary.btn-regular::before {
6812  padding: 8px;
6813}
6814
6815.btn.btn-monospaced:not(.btn-colored-link).btn-secondary.btn-regular:hover:not(
6816    [disabled]
6817  )::before {
6818  padding: 6px;
6819}
6820
6821.btn.btn-monospaced:not(.btn-colored-link).btn-secondary.btn-sm::before {
6822  padding: 5px;
6823}
6824
6825.btn.btn-monospaced:not(.btn-colored-link).btn-secondary.btn-sm:hover:not(
6826    [disabled]
6827  )::before {
6828  padding: 3px;
6829}
6830
6831.btn.btn-squared:not(.btn-colored-link) {
6832  padding: 0;
6833  border-radius: 4px;
6834  flex-direction: column;
6835}
6836
6837.btn.btn-squared:not(.btn-colored-link).btn-regular {
6838  height: 40px;
6839  width: 40px;
6840}
6841
6842.btn.btn-squared:not(.btn-colored-link).btn-sm {
6843  height: 32px;
6844  width: 32px;
6845}
6846
6847.btn.btn-squared:not(.btn-colored-link) .lexicon-icon {
6848  margin: 5px 0 0;
6849}
6850
6851.btn.btn-squared:not(.btn-colored-link) a {
6852  font-size: 12px;
6853  line-height: 18px;
6854  font-weight: 400;
6855}
6856
6857.btn.btn-squared:not(.btn-colored-link).btn-secondary::before {
6858  border-radius: 4px;
6859}
6860
6861.btn.btn-squared:not(.btn-colored-link).btn-secondary.btn-main {
6862  background-color: #fff;
6863}
6864
6865.btn.btn-squared:not(.btn-colored-link).btn-secondary.btn-main a {
6866  color: #09172d;
6867}
6868
6869.btn.btn-squared:not(.btn-colored-link).btn-secondary.btn-main::before {
6870  border-radius: 4px;
6871  padding: 1px;
6872  background-color: #cdd2d9;
6873  background-image: none;
6874}
6875
6876.btn.btn-squared:not(.btn-colored-link).btn-secondary.btn-main:hover:not(
6877    [disabled]
6878  ) {
6879  background-color: #f5f7fa;
6880}
6881
6882.btn.btn-squared:not(.btn-colored-link).btn-secondary.btn-main:hover:not(
6883    [disabled]
6884  )::before {
6885  border-radius: 4px;
6886  padding: 1px;
6887  background-color: #cdd2d9;
6888  background-image: none;
6889}
6890
6891.btn.btn-squared:not(.btn-colored-link).btn-secondary.btn-main:focus {
6892  background-color: #ebedf1;
6893}</style>
6894            </div>
6895           </div>
6896          </div>
6897         </div>
6898        </div>
6899       </div>
6900      </div>
6901      <style>.jcc-content-breaker {
6902  width: 100%;
6903  display: flex;
6904  align-items: center;
6905  position: relative;
6906  padding: 60px 20px;
6907}
6908@media (min-width: 600px) {
6909  .jcc-content-breaker {
6910    height: 490px;
6911    padding: 0;
6912  }
6913}
6914.jcc-content-breaker .jcc-dark-background {
6915  display: none;
6916  position: absolute;
6917  left: 0;
6918  right: 0;
6919}
6920@media (min-width: 600px) {
6921  .jcc-content-breaker .jcc-dark-background {
6922    display: block;
6923  }
6924}
6925.jcc-content-breaker .jcc-dark-background.jcc-bottom {
6926  bottom: 0;
6927  top: 197px;
6928}
6929.jcc-content-breaker .jcc-dark-background.jcc-top {
6930  bottom: 197px;
6931  top: 0;
6932}
6933.jcc-content-breaker .jcc-dark-background.jcc-dark {
6934  background-color: #09172D;
6935}
6936.jcc-content-breaker .jcc-dark-background.jcc-gradient-dark {
6937  background: linear-gradient(103.99deg, #09172D 15.66%, #203961 107.08%);
6938}
6939.jcc-content-breaker .jcc-background-layer {
6940  position: absolute;
6941  top: 0;
6942  left: 0;
6943  display: flex;
6944  width: 100%;
6945  height: 100%;
6946}
6947.jcc-content-breaker .jcc-blue-background {
6948  display: none;
6949  position: absolute;
6950  width: 128px;
6951  height: 100%;
6952  background: linear-gradient(to right, #37BAC6, #17658B);
6953  margin: 0 0 0 60px;
6954}
6955.jcc-content-breaker .jcc-blue-background:lang(ar-SA) {
6956  margin: 0 60px 0 0;
6957}
6958@media (min-width: 600px) {
6959  .jcc-content-breaker .jcc-blue-background {
6960    display: block;
6961  }
6962}
6963.jcc-content-breaker .jcc-image-wrapper {
6964  flex: 1;
6965  height: 100%;
6966  position: relative;
6967}
6968.jcc-content-breaker .jcc-image-wrapper::before {
6969  content: "";
6970  position: absolute;
6971  top: 0;
6972  left: 0;
6973  right: 0;
6974  bottom: 0;
6975  background: linear-gradient(180deg, rgba(9, 23, 45, 0.6) 0%, rgba(32, 57, 97, 0.6) 100%);
6976}
6977@media (min-width: 600px) {
6978  .jcc-content-breaker .jcc-image-wrapper.jcc-space-for-background {
6979    margin: 0 0 0 292px;
6980  }
6981  .jcc-content-breaker .jcc-image-wrapper.jcc-space-for-background:lang(ar-SA) {
6982    margin: 0 292px 0 0;
6983  }
6984}
6985.jcc-content-breaker .jcc-image {
6986  object-fit: cover;
6987  height: 100%;
6988  width: 100%;
6989}
6990@media (min-width: 600px) {
6991  .jcc-content-breaker .jcc-content-container {
6992    margin: 0 0 0 108px;
6993  }
6994  .jcc-content-breaker .jcc-content-container:lang(ar-SA) {
6995    margin: 0 108px 0 0;
6996  }
6997}
6998.jcc-content-breaker .jcc-content {
6999  width: 100%;
7000  max-width: 704px;
7001  position: relative;
7002  background: linear-gradient(0deg, #203961 0%, #09172D 100%);
7003  padding: 40px 40px 32px 32px;
7004  position: relative;
7005}
7006.jcc-content-breaker .jcc-content:lang(ar-SA) {
7007  padding: 40px 32px 32px 40px;
7008}
7009.jcc-content-breaker .jcc-content::before {
7010  content: "";
7011  position: absolute;
7012  inset: 0;
7013  width: 100%;
7014  height: 100%;
7015  pointer-events: none;
7016  position: absolute;
7017  right: 0;
7018  top: 0;
7019  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
7020  -webkit-mask-composite: xor;
7021  mask-composite: exclude;
7022}
7023.jcc-content-breaker .jcc-content::before {
7024  padding: 2px;
7025  background: linear-gradient(to bottom, #37BAC6, #17658B);
7026}
7027@media (min-width: 600px) {
7028  .jcc-content-breaker .jcc-content {
7029    padding: 80px 80px 50px;
7030  }
7031}
7032.jcc-content-breaker .jcc-title {
7033  color: #37BAC6;
7034  font-weight: 600;
7035  font-size: 32px;
7036  line-height: 48px;
7037}
7038@media (min-width: 600px) {
7039  .jcc-content-breaker .jcc-title {
7040    font-size: 36px;
7041    line-height: 54px;
7042  }
7043}
7044.jcc-content-breaker .jcc-description {
7045  color: #FFFFFF;
7046  margin-top: 24px;
7047  font-size: 16px;
7048  line-height: 24px;
7049}
7050@media (min-width: 600px) {
7051  .jcc-content-breaker .jcc-description {
7052    font-size: 18px;
7053    line-height: 27px;
7054  }
7055}
7056.jcc-content-breaker .jcc-buttons-drop-zone {
7057  margin-top: 24px;
7058}
7059.jcc-content-breaker .jcc-buttons-drop-zone .btn {
7060  margin: 0 15px 0 0;
7061}
7062.jcc-content-breaker .jcc-buttons-drop-zone .btn:lang(ar-SA) {
7063  margin: 0 0 0 15px;
7064}
7065.jcc-content-breaker.jcc-flipped {
7066  flex-direction: row-reverse;
7067}
7068@media (min-width: 600px) {
7069  .jcc-content-breaker.jcc-flipped .jcc-content-container {
7070    margin: 0 108px 0 0;
7071  }
7072  .jcc-content-breaker.jcc-flipped .jcc-content-container:lang(ar-SA) {
7073    margin: 0 0 0 108px;
7074  }
7075}
7076.jcc-content-breaker.jcc-flipped .jcc-content {
7077  max-width: 600px;
7078}
7079@media (min-width: 600px) {
7080  .jcc-content-breaker.jcc-flipped .jcc-image-wrapper.jcc-space-for-background {
7081    margin: 0 292px 0 0;
7082  }
7083  .jcc-content-breaker.jcc-flipped .jcc-image-wrapper.jcc-space-for-background:lang(ar-SA) {
7084    margin: 0 0 0 292px;
7085  }
7086}
7087.jcc-content-breaker.jcc-flipped .jcc-blue-background {
7088  margin: 0 60px 0 0;
7089}
7090.jcc-content-breaker.jcc-flipped .jcc-blue-background:lang(ar-SA) {
7091  margin: 0 0 0 60px;
7092}
7093.jcc-content-breaker.jcc-flipped .jcc-background-layer {
7094  flex-direction: row-reverse;
7095}
7096
7097/*# sourceMappingURL=content-breaker.css.map */</style>
7098     </div>
7099    </div>
7100    <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-1575fd50-154c-cd1f-5609-7fee167425dd " style="">
7101     <div id="fragment-0-llem"> 
7102      <div class="py-5"></div>
7103     </div>
7104    </div>
7105   </div>
7106  </div>
7107 </div>
7108 <div class="lfr-layout-structure-item-3c41f73b-7942-b2fd-2d8c-1e5535c184aa lfr-layout-structure-item-row " style="">
7109  <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
7110   <div class="col col-lg-12 col-sm-12 col-12 col-md-12">
7111    <div class="lfr-layout-structure-item-cce6087d-512d-dcf7-4cb5-7274154788e8 lfr-layout-structure-item-container  container-fluid container-fluid-max-xl" style="">
7112     <div class="lfr-layout-structure-item-637f77e1-8ad9-4c89-877e-93c9768e0c6a lfr-layout-structure-item-collection" style="">
7113      <div class="container-fluid overflow-hidden px-0">
7114       <div class="row align-items-start">
7115        <div class="col-md-6">
7116         <div class="lfr-layout-structure-item-full-image-card lfr-layout-structure-item-473ca5b4-9a6b-68ca-b6bc-da4f2bd66fba " style="">
7117          <div id="fragment-1683-nnti-637f77e1-8ad9-4c89-877e-93c9768e0c6a-0"> 
7118           <div class="jcc-full-image-card fragment_1682 jcc-hideButtons">
7119            <div class="jcc-picture">
7120             <div class="jcc-pic-wrap"><picture data-fileentryid="548064">
7121               <source media="(max-width:276px)" srcset="/o/adaptive-media/image/548064/Thumbnail-300x300/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7122               <source media="(max-width:430px) and (min-width:276px)" srcset="/o/adaptive-media/image/548064/Preview-1000x0/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7123               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/548064/desktop-1920/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7124               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/548064/desktop-1920-2x/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7125               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/548064/mobile-640/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7126               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/548064/mobile-640-2x/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7127               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/548064/tablet-1024/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7128               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/548064/tablet-1024-2x/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg?t=1660763402678">
7129               <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="mainImageId" data-lfr-editable-type="image" src="/documents/44210/0/%D8%BA%D8%B1%D9%81%D8%A9+%D8%AC%D8%AF%D8%A9-%D8%AF%D9%88%D8%B1+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9.jpg/12a2c35b-9616-b26a-e00c-5bd148897cba?version=1.0&amp;t=1660763402678&amp;download=true" data-fileentryid="548064">
7130              </picture>
7131             </div>
7132            </div>
7133            <div class="jcc-top">
7134             <div class="jcc-title jcc-hideSmallTitle">
7135              <div class="jcc-big" data-lfr-editable-id="big-title" data-lfr-editable-type="text">
7136               The Chamber's Role in Supporting Saudi's Economical Role
7137              </div>
7138              <div class="jcc-small" data-lfr-editable-id="small-title" data-lfr-editable-type="text">
7139                ﻣﺆﺳﺲ ﺷﺮﻛﺔ ﺗﻤﻮﻳﻞ اﻟﻌﺎﻟﻤﻴﺔ 
7140              </div>
7141             </div>
7142            </div>
7143            <div class="jcc-middle">
7144             <div class="jcc-description" data-lfr-editable-id="description" data-lfr-editable-type="text">
7145              <p paraeid="{bbc1f210-cbad-4c2b-adcc-8a3133daf1d4}{107}" paraid="1747094559">The Chamber's role has evolved based on economical developments that happened generally in the Kingdom, and in Jeddah specifically. The work process and the Chamber's evolution were accompanied by the evolution of city of Jeddah, built on scientific plans, stemming from the guidance of the Boards of Directors, the Chamber’s executive body, and sectoral committees and boards, that represent, each on their own, a denomination of the various denominations present in the Chamber's commercial, industrial, and professional society in light of the general economical policies of the state. This is evident in the many indicators that validate the increase of Jeddah's growth rate in economical and non-economical sectors</p>
7146             </div>
7147            </div>
7148           </div>
7149          </div>
7150          <style>.flex-it {
7151  display: flex;
7152}
7153
7154.flex-nowrap {
7155  -moz-box-wrap: nowrap;
7156  -webkit-box-wrap: nowrap;
7157  -webkit-flex-wrap: nowrap;
7158  -ms-flexbox-wrap: nowrap;
7159  flex-wrap: nowrap;
7160}
7161
7162.flex-row {
7163  -ms-flexbox-direction: row;
7164  flex-direction: row;
7165}
7166
7167.flex-col {
7168  -ms-flexbox-direction: column;
7169  flex-direction: column;
7170}
7171
7172.flex-align-between {
7173  -webkit-box-align-content: space-between;
7174  -webkit-align-content: space-between;
7175  -ms-flex-align-content: space-between;
7176  align-content: space-between;
7177}
7178
7179.flex-align-center {
7180  -webkit-box-align-content: center;
7181  -webkit-align-content: center;
7182  -ms-flex-align-content: center;
7183  align-content: center;
7184}
7185
7186.flex-align-start {
7187  -webkit-box-align-content: flex-start;
7188  -webkit-align-content: flex-start;
7189  -ms-flex-align-content: flex-start;
7190  align-content: flex-start;
7191}
7192
7193.flex-align-item-start {
7194  align-items: flex-start;
7195}
7196
7197.flex-align-item-center {
7198  align-items: center;
7199}
7200
7201.flex-start-all {
7202  justify-content: flex-start;
7203  align-items: flex-start;
7204  -webkit-box-align-content: flex-start;
7205  -webkit-align-content: flex-start;
7206  -ms-flex-align-content: flex-start;
7207  align-content: flex-start;
7208}
7209
7210.flex-align-item-stretch {
7211  align-items: stretch;
7212}
7213
7214.flex-justify-between {
7215  justify-content: space-between;
7216}
7217
7218.justify-content-space-around {
7219  justify-content: space-around;
7220}
7221
7222.justify-content-space-evenly {
7223  justify-content: space-evenly;
7224}
7225
7226.flex-justify-center {
7227  justify-content: center;
7228}
7229
7230.flex-justify-start {
7231  justify-content: flex-start;
7232}
7233
7234.flex-justify-end {
7235  justify-content: flex-end;
7236}
7237
7238.flex-wrap {
7239  -moz-box-wrap: wrap;
7240  -webkit-box-wrap: wrap;
7241  -webkit-flex-wrap: wrap;
7242  -ms-flexbox-wrap: wrap;
7243  flex-wrap: wrap;
7244}
7245
7246.flex-item-auto {
7247  -webkit-box-basis: auto;
7248  -ms-flex-basis: auto;
7249  flex-basis: auto;
7250  /* OLD - iOS 6-, Safari 3.1-6 */
7251  /* OLD - Firefox 19- */
7252  /* Chrome */
7253  /* IE 10 */
7254  flex: 1;
7255}
7256
7257.flex-align-item-end {
7258  align-items: flex-end;
7259}
7260
7261.flex-inline {
7262  display: inline-flex;
7263  align-self: auto;
7264}
7265
7266.jcc-bigText .text-truncate {
7267  font-size: 28px !important;
7268  line-height: 42px !important;
7269}
7270@media screen and (max-width:600px) {
7271  .jcc-bigText .text-truncate {
7272    font-size: 14px !important;
7273    line-height: 25px !important;
7274  }
7275}
7276
7277.jcc-full-image-card {
7278  position: relative;
7279  padding-top: 92px;
7280  padding-left: 104px;
7281  padding-right: 54px;
7282  padding-bottom: 54px;
7283}
7284.jcc-full-image-card:lang(ar-SA) {
7285  padding-left: 54px;
7286  padding-right: 104px;
7287}
7288.jcc-full-image-card .jcc-picture {
7289  position: absolute;
7290  width: 66%;
7291  height: 100%;
7292  top: 0;
7293  left: 0;
7294}
7295.jcc-full-image-card .jcc-picture:lang(ar-SA) {
7296  right: 0;
7297  left: unset;
7298}
7299.jcc-full-image-card .jcc-picture img {
7300  position: relative;
7301  display: block;
7302  width: 100%;
7303  height: 100%;
7304  -o-object-fit: cover;
7305     object-fit: cover;
7306  -o-object-position: center;
7307     object-position: center;
7308}
7309.jcc-full-image-card .jcc-picture:after {
7310  content: "";
7311  position: absolute;
7312  top: 0;
7313  left: 0;
7314  width: 100%;
7315  height: 100%;
7316  background: var(--gradientDarkHorizontal);
7317  opacity: 0.7;
7318  pointer-events: none;
7319}
7320.jcc-full-image-card .jcc-picture:lang(ar-SA):after {
7321  right: 0;
7322  left: unset;
7323}
7324.jcc-full-image-card .jcc-pic-wrap {
7325  height: 100%;
7326  width: 100%;
7327  position: relative;
7328}
7329.jcc-full-image-card .jcc-top {
7330  position: relative;
7331}
7332.jcc-full-image-card .jcc-title {
7333  position: relative;
7334  font-family: var(--primary-font);
7335  font-style: normal;
7336  font-weight: 600;
7337  color: #ffffff;
7338  padding-bottom: 2px;
7339  border-bottom: 1px solid #ffffff;
7340}
7341.jcc-full-image-card .jcc-title .jcc-big {
7342  font-size: 36px;
7343  line-height: 54px;
7344}
7345.jcc-full-image-card .jcc-title .jcc-small {
7346  font-size: 16px;
7347  line-height: 24px;
7348  display: block;
7349}
7350.jcc-full-image-card .jcc-title.jcc-hideSmallTitle .jcc-small {
7351  display: none;
7352}
7353.jcc-full-image-card .jcc-middle {
7354  position: relative;
7355  margin-top: 48px;
7356}
7357.jcc-full-image-card .jcc-middle .jcc-description {
7358  font-family: var(--primary-font);
7359  font-style: normal;
7360  font-weight: 400;
7361  font-size: 18px;
7362  line-height: 27px;
7363  color: #ffffff;
7364}
7365.jcc-full-image-card .jcc-foot {
7366  padding-top: 54px;
7367}
7368.jcc-full-image-card.jcc-hideButtons {
7369  padding-bottom: 104px;
7370}/*# sourceMappingURL=style.css.map */</style>
7371         </div>
7372        </div>
7373        <div class="col-md-6">
7374         <div class="lfr-layout-structure-item-full-image-card lfr-layout-structure-item-473ca5b4-9a6b-68ca-b6bc-da4f2bd66fba " style="">
7375          <div id="fragment-1683-nnti-637f77e1-8ad9-4c89-877e-93c9768e0c6a-1"> 
7376           <div class="jcc-full-image-card fragment_1682 jcc-hideButtons">
7377            <div class="jcc-picture">
7378             <div class="jcc-pic-wrap"><picture data-fileentryid="621947">
7379               <source media="(max-width:276px)" srcset="/o/adaptive-media/image/621947/Thumbnail-300x300/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7380               <source media="(max-width:430px) and (min-width:276px)" srcset="/o/adaptive-media/image/621947/Preview-1000x0/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7381               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/621947/desktop-1920/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7382               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/621947/desktop-1920-2x/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7383               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/621947/mobile-640/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7384               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/621947/mobile-640-2x/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7385               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/621947/tablet-1024/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7386               <source media="(max-width:430px) and (min-width:430px)" srcset="/o/adaptive-media/image/621947/tablet-1024-2x/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg?t=1660850548147">
7387               <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="mainImageId" data-lfr-editable-type="image" src="/documents/44210/0/%D8%AA%D8%B7%D9%88%D8%B1%D8%A7%D8%AA+%D8%A7%D9%84%D8%BA%D8%B1%D9%81%D8%A9_.jpg/1a16980d-c11c-661e-7047-4c2724e9a190?version=1.0&amp;t=1660850548147&amp;download=true" data-fileentryid="621947">
7388              </picture>
7389             </div>
7390            </div>
7391            <div class="jcc-top">
7392             <div class="jcc-title jcc-hideSmallTitle">
7393              <div class="jcc-big" data-lfr-editable-id="big-title" data-lfr-editable-type="text">
7394               The Chamber's Evolution
7395              </div>
7396              <div class="jcc-small" data-lfr-editable-id="small-title" data-lfr-editable-type="text">
7397                ﻣﺆﺳﺲ ﺷﺮﻛﺔ ﺗﻤﻮﻳﻞ اﻟﻌﺎﻟﻤﻴﺔ 
7398              </div>
7399             </div>
7400            </div>
7401            <div class="jcc-middle">
7402             <div class="jcc-description" data-lfr-editable-id="description" data-lfr-editable-type="text">
7403              <p>22 Boards of Directors succeeded over the years in the service of commerce, industry, and the economy. They have each had their own achievements to continue their journey on the right track, with clear specializations, renewable services, and advanced activities, along with the Chamber's strategic direction providing a scientific and systematic path to achieve its mission with utmost effectiveness and reach long-term goals. It is considered to be the right entry point to guide decisions, operations, and ambitious initiatives that the private sector expects from the Chamber, and it is considered the main driver for an impactful and quantum leap in its performance and relation to its members. &nbsp;It aims to introduce advanced services to fulfill their needs, bearing their interests in mind, and strengthening their leading role as a competitive driving force able to handle and adapt to the economical and societal needs on the local, regional and international levels</p>
7404             </div>
7405            </div>
7406           </div>
7407          </div>
7408          <style>.flex-it {
7409  display: flex;
7410}
7411
7412.flex-nowrap {
7413  -moz-box-wrap: nowrap;
7414  -webkit-box-wrap: nowrap;
7415  -webkit-flex-wrap: nowrap;
7416  -ms-flexbox-wrap: nowrap;
7417  flex-wrap: nowrap;
7418}
7419
7420.flex-row {
7421  -ms-flexbox-direction: row;
7422  flex-direction: row;
7423}
7424
7425.flex-col {
7426  -ms-flexbox-direction: column;
7427  flex-direction: column;
7428}
7429
7430.flex-align-between {
7431  -webkit-box-align-content: space-between;
7432  -webkit-align-content: space-between;
7433  -ms-flex-align-content: space-between;
7434  align-content: space-between;
7435}
7436
7437.flex-align-center {
7438  -webkit-box-align-content: center;
7439  -webkit-align-content: center;
7440  -ms-flex-align-content: center;
7441  align-content: center;
7442}
7443
7444.flex-align-start {
7445  -webkit-box-align-content: flex-start;
7446  -webkit-align-content: flex-start;
7447  -ms-flex-align-content: flex-start;
7448  align-content: flex-start;
7449}
7450
7451.flex-align-item-start {
7452  align-items: flex-start;
7453}
7454
7455.flex-align-item-center {
7456  align-items: center;
7457}
7458
7459.flex-start-all {
7460  justify-content: flex-start;
7461  align-items: flex-start;
7462  -webkit-box-align-content: flex-start;
7463  -webkit-align-content: flex-start;
7464  -ms-flex-align-content: flex-start;
7465  align-content: flex-start;
7466}
7467
7468.flex-align-item-stretch {
7469  align-items: stretch;
7470}
7471
7472.flex-justify-between {
7473  justify-content: space-between;
7474}
7475
7476.justify-content-space-around {
7477  justify-content: space-around;
7478}
7479
7480.justify-content-space-evenly {
7481  justify-content: space-evenly;
7482}
7483
7484.flex-justify-center {
7485  justify-content: center;
7486}
7487
7488.flex-justify-start {
7489  justify-content: flex-start;
7490}
7491
7492.flex-justify-end {
7493  justify-content: flex-end;
7494}
7495
7496.flex-wrap {
7497  -moz-box-wrap: wrap;
7498  -webkit-box-wrap: wrap;
7499  -webkit-flex-wrap: wrap;
7500  -ms-flexbox-wrap: wrap;
7501  flex-wrap: wrap;
7502}
7503
7504.flex-item-auto {
7505  -webkit-box-basis: auto;
7506  -ms-flex-basis: auto;
7507  flex-basis: auto;
7508  /* OLD - iOS 6-, Safari 3.1-6 */
7509  /* OLD - Firefox 19- */
7510  /* Chrome */
7511  /* IE 10 */
7512  flex: 1;
7513}
7514
7515.flex-align-item-end {
7516  align-items: flex-end;
7517}
7518
7519.flex-inline {
7520  display: inline-flex;
7521  align-self: auto;
7522}
7523
7524.jcc-bigText .text-truncate {
7525  font-size: 28px !important;
7526  line-height: 42px !important;
7527}
7528@media screen and (max-width:600px) {
7529  .jcc-bigText .text-truncate {
7530    font-size: 14px !important;
7531    line-height: 25px !important;
7532  }
7533}
7534
7535.jcc-full-image-card {
7536  position: relative;
7537  padding-top: 92px;
7538  padding-left: 104px;
7539  padding-right: 54px;
7540  padding-bottom: 54px;
7541}
7542.jcc-full-image-card:lang(ar-SA) {
7543  padding-left: 54px;
7544  padding-right: 104px;
7545}
7546.jcc-full-image-card .jcc-picture {
7547  position: absolute;
7548  width: 66%;
7549  height: 100%;
7550  top: 0;
7551  left: 0;
7552}
7553.jcc-full-image-card .jcc-picture:lang(ar-SA) {
7554  right: 0;
7555  left: unset;
7556}
7557.jcc-full-image-card .jcc-picture img {
7558  position: relative;
7559  display: block;
7560  width: 100%;
7561  height: 100%;
7562  -o-object-fit: cover;
7563     object-fit: cover;
7564  -o-object-position: center;
7565     object-position: center;
7566}
7567.jcc-full-image-card .jcc-picture:after {
7568  content: "";
7569  position: absolute;
7570  top: 0;
7571  left: 0;
7572  width: 100%;
7573  height: 100%;
7574  background: var(--gradientDarkHorizontal);
7575  opacity: 0.7;
7576  pointer-events: none;
7577}
7578.jcc-full-image-card .jcc-picture:lang(ar-SA):after {
7579  right: 0;
7580  left: unset;
7581}
7582.jcc-full-image-card .jcc-pic-wrap {
7583  height: 100%;
7584  width: 100%;
7585  position: relative;
7586}
7587.jcc-full-image-card .jcc-top {
7588  position: relative;
7589}
7590.jcc-full-image-card .jcc-title {
7591  position: relative;
7592  font-family: var(--primary-font);
7593  font-style: normal;
7594  font-weight: 600;
7595  color: #ffffff;
7596  padding-bottom: 2px;
7597  border-bottom: 1px solid #ffffff;
7598}
7599.jcc-full-image-card .jcc-title .jcc-big {
7600  font-size: 36px;
7601  line-height: 54px;
7602}
7603.jcc-full-image-card .jcc-title .jcc-small {
7604  font-size: 16px;
7605  line-height: 24px;
7606  display: block;
7607}
7608.jcc-full-image-card .jcc-title.jcc-hideSmallTitle .jcc-small {
7609  display: none;
7610}
7611.jcc-full-image-card .jcc-middle {
7612  position: relative;
7613  margin-top: 48px;
7614}
7615.jcc-full-image-card .jcc-middle .jcc-description {
7616  font-family: var(--primary-font);
7617  font-style: normal;
7618  font-weight: 400;
7619  font-size: 18px;
7620  line-height: 27px;
7621  color: #ffffff;
7622}
7623.jcc-full-image-card .jcc-foot {
7624  padding-top: 54px;
7625}
7626.jcc-full-image-card.jcc-hideButtons {
7627  padding-bottom: 104px;
7628}/*# sourceMappingURL=style.css.map */</style>
7629         </div>
7630        </div>
7631       </div>
7632      </div>
7633     </div>
7634     <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-5d7f2280-1db9-f8ff-bcb7-67536f53286c " style="">
7635      <div id="fragment-0-pgpe"> 
7636       <div class="py-5"></div>
7637      </div>
7638     </div>
7639    </div>
7640   </div>
7641  </div>
7642 </div>
7643 <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-c9b9b768-ee53-0c06-5b31-b0ae928d7e02 " style="">
7644  <div id="fragment-0-nkjk"> 
7645   <div class="py-5"></div>
7646  </div>
7647 </div>
7648 <div class="lfr-layout-structure-item-0b22a03b-dec5-6883-fbd7-89f02897cf5d lfr-layout-structure-item-row " style="">
7649  <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
7650   <div class="col col-lg-12 col-sm-12 col-12 col-md-12">
7651    <div class="lfr-layout-structure-item-a1203693-724f-3a5a-2b00-5bfbd5963c12 lfr-layout-structure-item-container  container-fluid container-fluid-max-xl" style="">
7652     <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-ecb6f14c-1eb9-93dc-ed83-65bc2b7dd186 " style="">
7653      <div id="fragment-0-uwok"> 
7654       <div class="py-4"></div>
7655      </div>
7656     </div>
7657     <div class="lfr-layout-structure-item-title lfr-layout-structure-item-c1ef4374-916a-820b-8984-8637cd9fcd5e " style="">
7658      <div id="fragment-204-yrsz"> 
7659       <div class="jcc-title">
7660        <h2 data-aos="fade-up"><a data-lfr-editable-id="link" data-lfr-editable-type="link" href="">اﻟﻐﺮﻓﺔ ﺑﺎﻟﺎرﻗﺎم&nbsp;</a></h2>
7661       </div>
7662      </div>
7663      <style>[data-aos=fade-up-0p2] {
7664  opacity: 0;
7665  transform: translate3d(0, 100px, 0);
7666  transition-property: opacity, transform;
7667}
7668
7669[data-aos=fade-up-0p2].aos-animate {
7670  opacity: 0.2 !important;
7671  transform: none;
7672}
7673
7674.jcc-title h2 {
7675  display: flex;
7676  align-items: center;
7677  margin: 0;
7678  position: relative;
7679}
7680
7681.jcc-title h2 a {
7682  margin: 0;
7683  text-decoration: none;
7684  color: var(--primary-color);
7685  font-weight: 700;
7686  font-size: 36px;
7687  line-height: 54px;
7688}
7689
7690.jcc-title h2 a::before {
7691  content: "";
7692  position: absolute;
7693  top: 0;
7694  left: 0;
7695  right: 0;
7696  bottom: 0;
7697}
7698
7699.jcc-title h2 a[href=""] {
7700  pointer-events: none;
7701}
7702
7703.jcc-title h2 .jcc-icon {
7704  width: 40px;
7705  height: 40px;
7706  margin: 0 0 0 32px;
7707}
7708
7709.jcc-title h2 .jcc-icon:lang(ar-SA) {
7710  margin: 0 32px 0 0;
7711}
7712
7713.jcc-title h2 .jcc-icon.jcc-flipped:lang(ar-SA) {
7714  transform: rotate(180deg);
7715}
7716
7717.jcc-title h3 {
7718  margin: 0;
7719  color: var(--primary-color);
7720  font-weight: 400;
7721  font-size: 56px;
7722  line-height: 84px;
7723  opacity: 0.2;
7724}
7725
7726.jcc-title.jcc-dark-context h2 a,
7727.jcc-title.jcc-dark-context h3 {
7728  color: var(--white);
7729}
7730
7731@media screen and (max-width:600px) {
7732  .jcc-title h2 .jcc-icon {
7733    margin: 0 0 0 7px;
7734  }
7735}
7736.jcc-title h2 .jcc-icon:lang(ar-SA) {
7737  margin: 0 7px 0 0;
7738}/*# sourceMappingURL=style.css.map */</style>
7739     </div>
7740     <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-d6d53c85-7bbd-34b0-fa70-adc47e7842db " style="">
7741      <div id="fragment-0-yhsk"> 
7742       <div class="py-3"></div>
7743      </div>
7744     </div>
7745     <div class="lfr-layout-structure-item-bdc24f85-1688-f781-3ebb-12d8ef5ddbc0 lfr-layout-structure-item-row " style="">
7746      <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
7747       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
7748        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-7f46901f-f816-e418-e613-6880bdd69270 " style="">
7749         <div id="fragment-430-kcia"> 
7750          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-minRowHeight-default">
7751           <div class="card">
7752            <div class="card-item-first">
7753             <div class="jcc-icon-text flex-it flex-align-item-center">
7754              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
7755                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
7756                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
7757                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
7758                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
7759                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
7760                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
7761                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
7762                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
7763                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
7764               </picture>
7765              </div>
7766              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
7767                345 
7768              </div>
7769             </div>
7770            </div>
7771            <div class="card-body">
7772             <div class="card-row">
7773              <div class="autofit-col autofit-col-expand">
7774               <section class="autofit-section">
7775                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
7776                <div class="card-detail">
7777                </div>
7778               </section>
7779              </div>
7780             </div>
7781            </div>
7782           </div>
7783          </div>
7784         </div>
7785         <style>.jcc-regular-navigation-card {
7786  position: relative;
7787  color: inherit;
7788  font-size: 18px;
7789}
7790.jcc-regular-navigation-card .text-truncate {
7791  display: block;
7792  position: relative;
7793  width: 100%;
7794}
7795.jcc-regular-navigation-card .jcc-icon-text {
7796  position: relative;
7797}
7798.jcc-regular-navigation-card .jcc-icon-text .icon {
7799  margin-right: 29px;
7800  position: relative;
7801  width: 110px;
7802  height: 113px;
7803}
7804.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
7805  margin-right: unset;
7806  margin-left: 29px;
7807}
7808.jcc-regular-navigation-card .jcc-icon-text .icon:after {
7809  content: "";
7810  position: absolute;
7811  top: 0;
7812  left: 0;
7813  width: 100%;
7814  height: 100%;
7815  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
7816  opacity: 0.3;
7817}
7818.jcc-regular-navigation-card .jcc-icon-text .number {
7819  font-family: var(--primary-font);
7820  font-style: normal;
7821  font-weight: 700;
7822  font-size: 48px;
7823  line-height: 72px;
7824  color: var(--secondary-color);
7825}
7826.jcc-regular-navigation-card .card {
7827  position: relative;
7828  background: var(--gradientCardBackgroundLight);
7829  box-shadow: unset;
7830  border-radius: 0;
7831}
7832.jcc-regular-navigation-card .card .jcc-description {
7833  padding: 0;
7834  color: var(--secondary-color);
7835}
7836.jcc-regular-navigation-card .card .card-item-first {
7837  position: relative;
7838}
7839.jcc-regular-navigation-card .card .card-item-first::after {
7840  display: block;
7841  content: "";
7842  position: relative;
7843  width: 100%;
7844  height: 1px;
7845  background: var(--gradient-separator);
7846}
7847.jcc-regular-navigation-card .card .card-title {
7848  font-family: var(--primary-font);
7849  font-style: normal;
7850}
7851.jcc-regular-navigation-card .card .card-title .text-truncate,
7852.jcc-regular-navigation-card .card .card-title .text-truncate a {
7853  font-family: var(--primary-font);
7854  font-style: normal;
7855  white-space: unset;
7856  overflow: unset;
7857  display: block;
7858  width: 100%;
7859  position: relative;
7860  font-weight: 600;
7861  margin-top: 7px;
7862  font-size: 18px;
7863  line-height: 27px;
7864  color: var(--primary-color);
7865}
7866.jcc-regular-navigation-card .card .card-subtitle {
7867  font-family: var(--primary-font);
7868  font-style: normal;
7869}
7870.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
7871  font-family: var(--primary-font);
7872  font-style: normal;
7873  white-space: unset;
7874  overflow: unset;
7875  margin-top: 8px;
7876}
7877.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
7878.jcc-regular-navigation-card .card .card-subtitle pre {
7879  position: relative;
7880  font-family: var(--primary-font);
7881  font-style: normal;
7882  font-weight: 400;
7883  font-size: 14px;
7884  line-height: 25px;
7885  color: var(--secondary-color);
7886}
7887.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
7888  text-align: center;
7889  display: block;
7890}
7891.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
7892  text-align: center;
7893  display: block;
7894}
7895.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
7896  font-weight: 400;
7897  font-size: 24px !important;
7898  line-height: 36px !important;
7899}
7900.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
7901  text-align: center;
7902  display: block;
7903}
7904.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
7905  text-align: center;
7906  display: block;
7907}
7908.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
7909  font-size: 36px !important;
7910  line-height: 54px !important;
7911}
7912.jcc-regular-navigation-card.jcc-darkMode .card {
7913  background: var(--gradientDarkHorizontal);
7914}
7915.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
7916  width: 100%;
7917}
7918.jcc-regular-navigation-card.jcc-darkMode .card .number {
7919  color: var(--primary-color);
7920}
7921.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
7922  color: #fff;
7923}
7924.jcc-regular-navigation-card.jcc-centerIconNoText .number {
7925  display: none;
7926}
7927.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
7928  justify-content: center;
7929}
7930.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
7931  margin-right: 0;
7932}
7933.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
7934  margin-right: unset;
7935  margin-left: 0;
7936}
7937.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
7938  margin-right: 0;
7939}
7940.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
7941  margin-right: unset;
7942  margin-left: 0;
7943}
7944.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
7945  justify-content: center;
7946}
7947.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
7948  padding-left: 61px;
7949  padding-right: 53px;
7950  padding-top: 76px;
7951  padding-bottom: 46px;
7952  background: var(--gradientDarkVertical);
7953}
7954.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
7955  color: #fff;
7956}
7957.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
7958  padding: 0;
7959}
7960.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
7961  padding-right: 61px;
7962  padding-left: 53px;
7963}
7964.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
7965  background: var(--gradientDarkerHorizontal);
7966}
7967.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
7968  color: #ffffff;
7969}
7970.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
7971  font-family: var(--primary-font);
7972  font-style: normal;
7973}
7974.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
7975  display: block;
7976  width: 100%;
7977  position: relative;
7978  margin-top: 7px;
7979  font-weight: 400;
7980  font-size: 36px;
7981  line-height: 54px;
7982  color: #ffffff;
7983}
7984.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
7985  font-style: normal;
7986}
7987.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
7988  position: relative;
7989  margin-top: 8px;
7990  font-style: normal;
7991  font-weight: 400;
7992  font-size: 14px;
7993  line-height: 25px;
7994  color: #ffffff;
7995}
7996.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
7997  margin-right: unset;
7998  margin-left: 29px;
7999}
8000.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
8001  white-space: normal !important;
8002  overflow: hidden !important;
8003  text-overflow: ellipsis;
8004  display: -webkit-box !important;
8005  -webkit-box-orient: vertical;
8006  -webkit-line-clamp: 1;
8007}
8008.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
8009  white-space: normal !important;
8010  overflow: hidden !important;
8011  text-overflow: ellipsis;
8012  display: -webkit-box !important;
8013  -webkit-box-orient: vertical;
8014  -webkit-line-clamp: 1;
8015}
8016.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
8017  height: 26px;
8018}
8019.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
8020  height: 26px;
8021}
8022.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
8023  white-space: normal !important;
8024  overflow: hidden !important;
8025  text-overflow: ellipsis;
8026  display: -webkit-box !important;
8027  -webkit-box-orient: vertical;
8028  -webkit-line-clamp: 2;
8029}
8030.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
8031  white-space: normal !important;
8032  overflow: hidden !important;
8033  text-overflow: ellipsis;
8034  display: -webkit-box !important;
8035  -webkit-box-orient: vertical;
8036  -webkit-line-clamp: 2;
8037}
8038.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
8039  height: 52px;
8040}
8041.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
8042  height: 48px;
8043}
8044.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
8045  white-space: normal !important;
8046  overflow: hidden !important;
8047  text-overflow: ellipsis;
8048  display: -webkit-box !important;
8049  -webkit-box-orient: vertical;
8050  -webkit-line-clamp: 3;
8051}
8052.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
8053  white-space: normal !important;
8054  overflow: hidden !important;
8055  text-overflow: ellipsis;
8056  display: -webkit-box !important;
8057  -webkit-box-orient: vertical;
8058  -webkit-line-clamp: 3;
8059}
8060.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
8061  height: 80px;
8062}
8063.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
8064  height: 74px;
8065}
8066.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
8067  white-space: normal !important;
8068  overflow: hidden !important;
8069  text-overflow: ellipsis;
8070  display: -webkit-box !important;
8071  -webkit-box-orient: vertical;
8072  -webkit-line-clamp: 4;
8073}
8074.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
8075  white-space: normal !important;
8076  overflow: hidden !important;
8077  text-overflow: ellipsis;
8078  display: -webkit-box !important;
8079  -webkit-box-orient: vertical;
8080  -webkit-line-clamp: 4;
8081}
8082.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
8083  height: 110px;
8084}
8085.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
8086  height: 104px;
8087}
8088.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
8089  white-space: normal !important;
8090  overflow: hidden !important;
8091  text-overflow: ellipsis;
8092  display: -webkit-box !important;
8093  -webkit-box-orient: vertical;
8094  -webkit-line-clamp: 5;
8095}
8096.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
8097  white-space: normal !important;
8098  overflow: hidden !important;
8099  text-overflow: ellipsis;
8100  display: -webkit-box !important;
8101  -webkit-box-orient: vertical;
8102  -webkit-line-clamp: 5;
8103}
8104.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
8105  height: 130px;
8106}
8107.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
8108  height: 130px;
8109}
8110
8111pre {
8112  white-space: break-spaces;
8113}</style>
8114        </div>
8115       </div>
8116       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
8117        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-af6b7bb3-ce79-7deb-2339-f9c171bafd18 " style="">
8118         <div id="fragment-430-quie"> 
8119          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-m
8119inRowHeight-default">
8120           <div class="card">
8121            <div class="card-item-first">
8122             <div class="jcc-icon-text flex-it flex-align-item-center">
8123              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
8124                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
8125                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
8126                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
8127                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
8128                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
8129                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
8130                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
8131                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
8132                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
8133               </picture>
8134              </div>
8135              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
8136               51+
8137              </div>
8138             </div>
8139            </div>
8140            <div class="card-body">
8141             <div class="card-row">
8142              <div class="autofit-col autofit-col-expand">
8143               <section class="autofit-section">
8144                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
8145                <div class="card-detail">
8146                </div>
8147               </section>
8148              </div>
8149             </div>
8150            </div>
8151           </div>
8152          </div>
8153         </div>
8154         <style>.jcc-regular-navigation-card {
8155  position: relative;
8156  color: inherit;
8157  font-size: 18px;
8158}
8159.jcc-regular-navigation-card .text-truncate {
8160  display: block;
8161  position: relative;
8162  width: 100%;
8163}
8164.jcc-regular-navigation-card .jcc-icon-text {
8165  position: relative;
8166}
8167.jcc-regular-navigation-card .jcc-icon-text .icon {
8168  margin-right: 29px;
8169  position: relative;
8170  width: 110px;
8171  height: 113px;
8172}
8173.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
8174  margin-right: unset;
8175  margin-left: 29px;
8176}
8177.jcc-regular-navigation-card .jcc-icon-text .icon:after {
8178  content: "";
8179  position: absolute;
8180  top: 0;
8181  left: 0;
8182  width: 100%;
8183  height: 100%;
8184  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
8185  opacity: 0.3;
8186}
8187.jcc-regular-navigation-card .jcc-icon-text .number {
8188  font-family: var(--primary-font);
8189  font-style: normal;
8190  font-weight: 700;
8191  font-size: 48px;
8192  line-height: 72px;
8193  color: var(--secondary-color);
8194}
8195.jcc-regular-navigation-card .card {
8196  position: relative;
8197  background: var(--gradientCardBackgroundLight);
8198  box-shadow: unset;
8199  border-radius: 0;
8200}
8201.jcc-regular-navigation-card .card .jcc-description {
8202  padding: 0;
8203  color: var(--secondary-color);
8204}
8205.jcc-regular-navigation-card .card .card-item-first {
8206  position: relative;
8207}
8208.jcc-regular-navigation-card .card .card-item-first::after {
8209  display: block;
8210  content: "";
8211  position: relative;
8212  width: 100%;
8213  height: 1px;
8214  background: var(--gradient-separator);
8215}
8216.jcc-regular-navigation-card .card .card-title {
8217  font-family: var(--primary-font);
8218  font-style: normal;
8219}
8220.jcc-regular-navigation-card .card .card-title .text-truncate,
8221.jcc-regular-navigation-card .card .card-title .text-truncate a {
8222  font-family: var(--primary-font);
8223  font-style: normal;
8224  white-space: unset;
8225  overflow: unset;
8226  display: block;
8227  width: 100%;
8228  position: relative;
8229  font-weight: 600;
8230  margin-top: 7px;
8231  font-size: 18px;
8232  line-height: 27px;
8233  color: var(--primary-color);
8234}
8235.jcc-regular-navigation-card .card .card-subtitle {
8236  font-family: var(--primary-font);
8237  font-style: normal;
8238}
8239.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
8240  font-family: var(--primary-font);
8241  font-style: normal;
8242  white-space: unset;
8243  overflow: unset;
8244  margin-top: 8px;
8245}
8246.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
8247.jcc-regular-navigation-card .card .card-subtitle pre {
8248  position: relative;
8249  font-family: var(--primary-font);
8250  font-style: normal;
8251  font-weight: 400;
8252  font-size: 14px;
8253  line-height: 25px;
8254  color: var(--secondary-color);
8255}
8256.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
8257  text-align: center;
8258  display: block;
8259}
8260.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
8261  text-align: center;
8262  display: block;
8263}
8264.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
8265  font-weight: 400;
8266  font-size: 24px !important;
8267  line-height: 36px !important;
8268}
8269.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
8270  text-align: center;
8271  display: block;
8272}
8273.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
8274  text-align: center;
8275  display: block;
8276}
8277.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
8278  font-size: 36px !important;
8279  line-height: 54px !important;
8280}
8281.jcc-regular-navigation-card.jcc-darkMode .card {
8282  background: var(--gradientDarkHorizontal);
8283}
8284.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
8285  width: 100%;
8286}
8287.jcc-regular-navigation-card.jcc-darkMode .card .number {
8288  color: var(--primary-color);
8289}
8290.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
8291  color: #fff;
8292}
8293.jcc-regular-navigation-card.jcc-centerIconNoText .number {
8294  display: none;
8295}
8296.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
8297  justify-content: center;
8298}
8299.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
8300  margin-right: 0;
8301}
8302.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
8303  margin-right: unset;
8304  margin-left: 0;
8305}
8306.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
8307  margin-right: 0;
8308}
8309.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
8310  margin-right: unset;
8311  margin-left: 0;
8312}
8313.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
8314  justify-content: center;
8315}
8316.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
8317  padding-left: 61px;
8318  padding-right: 53px;
8319  padding-top: 76px;
8320  padding-bottom: 46px;
8321  background: var(--gradientDarkVertical);
8322}
8323.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
8324  color: #fff;
8325}
8326.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
8327  padding: 0;
8328}
8329.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
8330  padding-right: 61px;
8331  padding-left: 53px;
8332}
8333.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
8334  background: var(--gradientDarkerHorizontal);
8335}
8336.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
8337  color: #ffffff;
8338}
8339.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
8340  font-family: var(--primary-font);
8341  font-style: normal;
8342}
8343.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
8344  display: block;
8345  width: 100%;
8346  position: relative;
8347  margin-top: 7px;
8348  font-weight: 400;
8349  font-size: 36px;
8350  line-height: 54px;
8351  color: #ffffff;
8352}
8353.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
8354  font-style: normal;
8355}
8356.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
8357  position: relative;
8358  margin-top: 8px;
8359  font-style: normal;
8360  font-weight: 400;
8361  font-size: 14px;
8362  line-height: 25px;
8363  color: #ffffff;
8364}
8365.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
8366  margin-right: unset;
8367  margin-left: 29px;
8368}
8369.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
8370  white-space: normal !important;
8371  overflow: hidden !important;
8372  text-overflow: ellipsis;
8373  display: -webkit-box !important;
8374  -webkit-box-orient: vertical;
8375  -webkit-line-clamp: 1;
8376}
8377.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
8378  white-space: normal !important;
8379  overflow: hidden !important;
8380  text-overflow: ellipsis;
8381  display: -webkit-box !important;
8382  -webkit-box-orient: vertical;
8383  -webkit-line-clamp: 1;
8384}
8385.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
8386  height: 26px;
8387}
8388.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
8389  height: 26px;
8390}
8391.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
8392  white-space: normal !important;
8393  overflow: hidden !important;
8394  text-overflow: ellipsis;
8395  display: -webkit-box !important;
8396  -webkit-box-orient: vertical;
8397  -webkit-line-clamp: 2;
8398}
8399.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
8400  white-space: normal !important;
8401  overflow: hidden !important;
8402  text-overflow: ellipsis;
8403  display: -webkit-box !important;
8404  -webkit-box-orient: vertical;
8405  -webkit-line-clamp: 2;
8406}
8407.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
8408  height: 52px;
8409}
8410.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
8411  height: 48px;
8412}
8413.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
8414  white-space: normal !important;
8415  overflow: hidden !important;
8416  text-overflow: ellipsis;
8417  display: -webkit-box !important;
8418  -webkit-box-orient: vertical;
8419  -webkit-line-clamp: 3;
8420}
8421.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
8422  white-space: normal !important;
8423  overflow: hidden !important;
8424  text-overflow: ellipsis;
8425  display: -webkit-box !important;
8426  -webkit-box-orient: vertical;
8427  -webkit-line-clamp: 3;
8428}
8429.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
8430  height: 80px;
8431}
8432.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
8433  height: 74px;
8434}
8435.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
8436  white-space: normal !important;
8437  overflow: hidden !important;
8438  text-overflow: ellipsis;
8439  display: -webkit-box !important;
8440  -webkit-box-orient: vertical;
8441  -webkit-line-clamp: 4;
8442}
8443.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
8444  white-space: normal !important;
8445  overflow: hidden !important;
8446  text-overflow: ellipsis;
8447  display: -webkit-box !important;
8448  -webkit-box-orient: vertical;
8449  -webkit-line-clamp: 4;
8450}
8451.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
8452  height: 110px;
8453}
8454.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
8455  height: 104px;
8456}
8457.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
8458  white-space: normal !important;
8459  overflow: hidden !important;
8460  text-overflow: ellipsis;
8461  display: -webkit-box !important;
8462  -webkit-box-orient: vertical;
8463  -webkit-line-clamp: 5;
8464}
8465.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
8466  white-space: normal !important;
8467  overflow: hidden !important;
8468  text-overflow: ellipsis;
8469  display: -webkit-box !important;
8470  -webkit-box-orient: vertical;
8471  -webkit-line-clamp: 5;
8472}
8473.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
8474  height: 130px;
8475}
8476.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
8477  height: 130px;
8478}
8479
8480pre {
8481  white-space: break-spaces;
8482}</style>
8483        </div>
8484       </div>
8485       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
8486        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-6aba1137-e0cb-7c4d-be32-2103b9cc304b " style="">
8487         <div id="fragment-430-xajn"> 
8488          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-m
8488inRowHeight-default">
8489           <div class="card">
8490            <div class="card-item-first">
8491             <div class="jcc-icon-text flex-it flex-align-item-center">
8492              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
8493                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
8494                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
8495                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
8496                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
8497                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
8498                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
8499                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
8500                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
8501                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
8502               </picture>
8503              </div>
8504              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
8505               5,7M
8506              </div>
8507             </div>
8508            </div>
8509            <div class="card-body">
8510             <div class="card-row">
8511              <div class="autofit-col autofit-col-expand">
8512               <section class="autofit-section">
8513                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
8514                <div class="card-detail">
8515                </div>
8516               </section>
8517              </div>
8518             </div>
8519            </div>
8520           </div>
8521          </div>
8522         </div>
8523         <style>.jcc-regular-navigation-card {
8524  position: relative;
8525  color: inherit;
8526  font-size: 18px;
8527}
8528.jcc-regular-navigation-card .text-truncate {
8529  display: block;
8530  position: relative;
8531  width: 100%;
8532}
8533.jcc-regular-navigation-card .jcc-icon-text {
8534  position: relative;
8535}
8536.jcc-regular-navigation-card .jcc-icon-text .icon {
8537  margin-right: 29px;
8538  position: relative;
8539  width: 110px;
8540  height: 113px;
8541}
8542.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
8543  margin-right: unset;
8544  margin-left: 29px;
8545}
8546.jcc-regular-navigation-card .jcc-icon-text .icon:after {
8547  content: "";
8548  position: absolute;
8549  top: 0;
8550  left: 0;
8551  width: 100%;
8552  height: 100%;
8553  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
8554  opacity: 0.3;
8555}
8556.jcc-regular-navigation-card .jcc-icon-text .number {
8557  font-family: var(--primary-font);
8558  font-style: normal;
8559  font-weight: 700;
8560  font-size: 48px;
8561  line-height: 72px;
8562  color: var(--secondary-color);
8563}
8564.jcc-regular-navigation-card .card {
8565  position: relative;
8566  background: var(--gradientCardBackgroundLight);
8567  box-shadow: unset;
8568  border-radius: 0;
8569}
8570.jcc-regular-navigation-card .card .jcc-description {
8571  padding: 0;
8572  color: var(--secondary-color);
8573}
8574.jcc-regular-navigation-card .card .card-item-first {
8575  position: relative;
8576}
8577.jcc-regular-navigation-card .card .card-item-first::after {
8578  display: block;
8579  content: "";
8580  position: relative;
8581  width: 100%;
8582  height: 1px;
8583  background: var(--gradient-separator);
8584}
8585.jcc-regular-navigation-card .card .card-title {
8586  font-family: var(--primary-font);
8587  font-style: normal;
8588}
8589.jcc-regular-navigation-card .card .card-title .text-truncate,
8590.jcc-regular-navigation-card .card .card-title .text-truncate a {
8591  font-family: var(--primary-font);
8592  font-style: normal;
8593  white-space: unset;
8594  overflow: unset;
8595  display: block;
8596  width: 100%;
8597  position: relative;
8598  font-weight: 600;
8599  margin-top: 7px;
8600  font-size: 18px;
8601  line-height: 27px;
8602  color: var(--primary-color);
8603}
8604.jcc-regular-navigation-card .card .card-subtitle {
8605  font-family: var(--primary-font);
8606  font-style: normal;
8607}
8608.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
8609  font-family: var(--primary-font);
8610  font-style: normal;
8611  white-space: unset;
8612  overflow: unset;
8613  margin-top: 8px;
8614}
8615.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
8616.jcc-regular-navigation-card .card .card-subtitle pre {
8617  position: relative;
8618  font-family: var(--primary-font);
8619  font-style: normal;
8620  font-weight: 400;
8621  font-size: 14px;
8622  line-height: 25px;
8623  color: var(--secondary-color);
8624}
8625.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
8626  text-align: center;
8627  display: block;
8628}
8629.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
8630  text-align: center;
8631  display: block;
8632}
8633.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
8634  font-weight: 400;
8635  font-size: 24px !important;
8636  line-height: 36px !important;
8637}
8638.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
8639  text-align: center;
8640  display: block;
8641}
8642.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
8643  text-align: center;
8644  display: block;
8645}
8646.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
8647  font-size: 36px !important;
8648  line-height: 54px !important;
8649}
8650.jcc-regular-navigation-card.jcc-darkMode .card {
8651  background: var(--gradientDarkHorizontal);
8652}
8653.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
8654  width: 100%;
8655}
8656.jcc-regular-navigation-card.jcc-darkMode .card .number {
8657  color: var(--primary-color);
8658}
8659.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
8660  color: #fff;
8661}
8662.jcc-regular-navigation-card.jcc-centerIconNoText .number {
8663  display: none;
8664}
8665.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
8666  justify-content: center;
8667}
8668.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
8669  margin-right: 0;
8670}
8671.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
8672  margin-right: unset;
8673  margin-left: 0;
8674}
8675.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
8676  margin-right: 0;
8677}
8678.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
8679  margin-right: unset;
8680  margin-left: 0;
8681}
8682.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
8683  justify-content: center;
8684}
8685.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
8686  padding-left: 61px;
8687  padding-right: 53px;
8688  padding-top: 76px;
8689  padding-bottom: 46px;
8690  background: var(--gradientDarkVertical);
8691}
8692.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
8693  color: #fff;
8694}
8695.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
8696  padding: 0;
8697}
8698.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
8699  padding-right: 61px;
8700  padding-left: 53px;
8701}
8702.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
8703  background: var(--gradientDarkerHorizontal);
8704}
8705.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
8706  color: #ffffff;
8707}
8708.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
8709  font-family: var(--primary-font);
8710  font-style: normal;
8711}
8712.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
8713  display: block;
8714  width: 100%;
8715  position: relative;
8716  margin-top: 7px;
8717  font-weight: 400;
8718  font-size: 36px;
8719  line-height: 54px;
8720  color: #ffffff;
8721}
8722.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
8723  font-style: normal;
8724}
8725.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
8726  position: relative;
8727  margin-top: 8px;
8728  font-style: normal;
8729  font-weight: 400;
8730  font-size: 14px;
8731  line-height: 25px;
8732  color: #ffffff;
8733}
8734.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
8735  margin-right: unset;
8736  margin-left: 29px;
8737}
8738.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
8739  white-space: normal !important;
8740  overflow: hidden !important;
8741  text-overflow: ellipsis;
8742  display: -webkit-box !important;
8743  -webkit-box-orient: vertical;
8744  -webkit-line-clamp: 1;
8745}
8746.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
8747  white-space: normal !important;
8748  overflow: hidden !important;
8749  text-overflow: ellipsis;
8750  display: -webkit-box !important;
8751  -webkit-box-orient: vertical;
8752  -webkit-line-clamp: 1;
8753}
8754.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
8755  height: 26px;
8756}
8757.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
8758  height: 26px;
8759}
8760.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
8761  white-space: normal !important;
8762  overflow: hidden !important;
8763  text-overflow: ellipsis;
8764  display: -webkit-box !important;
8765  -webkit-box-orient: vertical;
8766  -webkit-line-clamp: 2;
8767}
8768.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
8769  white-space: normal !important;
8770  overflow: hidden !important;
8771  text-overflow: ellipsis;
8772  display: -webkit-box !important;
8773  -webkit-box-orient: vertical;
8774  -webkit-line-clamp: 2;
8775}
8776.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
8777  height: 52px;
8778}
8779.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
8780  height: 48px;
8781}
8782.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
8783  white-space: normal !important;
8784  overflow: hidden !important;
8785  text-overflow: ellipsis;
8786  display: -webkit-box !important;
8787  -webkit-box-orient: vertical;
8788  -webkit-line-clamp: 3;
8789}
8790.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
8791  white-space: normal !important;
8792  overflow: hidden !important;
8793  text-overflow: ellipsis;
8794  display: -webkit-box !important;
8795  -webkit-box-orient: vertical;
8796  -webkit-line-clamp: 3;
8797}
8798.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
8799  height: 80px;
8800}
8801.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
8802  height: 74px;
8803}
8804.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
8805  white-space: normal !important;
8806  overflow: hidden !important;
8807  text-overflow: ellipsis;
8808  display: -webkit-box !important;
8809  -webkit-box-orient: vertical;
8810  -webkit-line-clamp: 4;
8811}
8812.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
8813  white-space: normal !important;
8814  overflow: hidden !important;
8815  text-overflow: ellipsis;
8816  display: -webkit-box !important;
8817  -webkit-box-orient: vertical;
8818  -webkit-line-clamp: 4;
8819}
8820.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
8821  height: 110px;
8822}
8823.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
8824  height: 104px;
8825}
8826.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
8827  white-space: normal !important;
8828  overflow: hidden !important;
8829  text-overflow: ellipsis;
8830  display: -webkit-box !important;
8831  -webkit-box-orient: vertical;
8832  -webkit-line-clamp: 5;
8833}
8834.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
8835  white-space: normal !important;
8836  overflow: hidden !important;
8837  text-overflow: ellipsis;
8838  display: -webkit-box !important;
8839  -webkit-box-orient: vertical;
8840  -webkit-line-clamp: 5;
8841}
8842.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
8843  height: 130px;
8844}
8845.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
8846  height: 130px;
8847}
8848
8849pre {
8850  white-space: break-spaces;
8851}</style>
8852        </div>
8853       </div>
8854       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
8855        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-8a324212-6556-dfa3-962a-38959f8e6719 " style="">
8856         <div id="fragment-430-myty"> 
8857          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-m
8857inRowHeight-default">
8858           <div class="card">
8859            <div class="card-item-first">
8860             <div class="jcc-icon-text flex-it flex-align-item-center">
8861              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
8862                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
8863                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
8864                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
8865                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
8866                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
8867                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
8868                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
8869                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
8870                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
8871               </picture>
8872              </div>
8873              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
8874               2,380
8875              </div>
8876             </div>
8877            </div>
8878            <div class="card-body">
8879             <div class="card-row">
8880              <div class="autofit-col autofit-col-expand">
8881               <section class="autofit-section">
8882                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
8883                <div class="card-detail">
8884                </div>
8885               </section>
8886              </div>
8887             </div>
8888            </div>
8889           </div>
8890          </div>
8891         </div>
8892         <style>.jcc-regular-navigation-card {
8893  position: relative;
8894  color: inherit;
8895  font-size: 18px;
8896}
8897.jcc-regular-navigation-card .text-truncate {
8898  display: block;
8899  position: relative;
8900  width: 100%;
8901}
8902.jcc-regular-navigation-card .jcc-icon-text {
8903  position: relative;
8904}
8905.jcc-regular-navigation-card .jcc-icon-text .icon {
8906  margin-right: 29px;
8907  position: relative;
8908  width: 110px;
8909  height: 113px;
8910}
8911.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
8912  margin-right: unset;
8913  margin-left: 29px;
8914}
8915.jcc-regular-navigation-card .jcc-icon-text .icon:after {
8916  content: "";
8917  position: absolute;
8918  top: 0;
8919  left: 0;
8920  width: 100%;
8921  height: 100%;
8922  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
8923  opacity: 0.3;
8924}
8925.jcc-regular-navigation-card .jcc-icon-text .number {
8926  font-family: var(--primary-font);
8927  font-style: normal;
8928  font-weight: 700;
8929  font-size: 48px;
8930  line-height: 72px;
8931  color: var(--secondary-color);
8932}
8933.jcc-regular-navigation-card .card {
8934  position: relative;
8935  background: var(--gradientCardBackgroundLight);
8936  box-shadow: unset;
8937  border-radius: 0;
8938}
8939.jcc-regular-navigation-card .card .jcc-description {
8940  padding: 0;
8941  color: var(--secondary-color);
8942}
8943.jcc-regular-navigation-card .card .card-item-first {
8944  position: relative;
8945}
8946.jcc-regular-navigation-card .card .card-item-first::after {
8947  display: block;
8948  content: "";
8949  position: relative;
8950  width: 100%;
8951  height: 1px;
8952  background: var(--gradient-separator);
8953}
8954.jcc-regular-navigation-card .card .card-title {
8955  font-family: var(--primary-font);
8956  font-style: normal;
8957}
8958.jcc-regular-navigation-card .card .card-title .text-truncate,
8959.jcc-regular-navigation-card .card .card-title .text-truncate a {
8960  font-family: var(--primary-font);
8961  font-style: normal;
8962  white-space: unset;
8963  overflow: unset;
8964  display: block;
8965  width: 100%;
8966  position: relative;
8967  font-weight: 600;
8968  margin-top: 7px;
8969  font-size: 18px;
8970  line-height: 27px;
8971  color: var(--primary-color);
8972}
8973.jcc-regular-navigation-card .card .card-subtitle {
8974  font-family: var(--primary-font);
8975  font-style: normal;
8976}
8977.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
8978  font-family: var(--primary-font);
8979  font-style: normal;
8980  white-space: unset;
8981  overflow: unset;
8982  margin-top: 8px;
8983}
8984.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
8985.jcc-regular-navigation-card .card .card-subtitle pre {
8986  position: relative;
8987  font-family: var(--primary-font);
8988  font-style: normal;
8989  font-weight: 400;
8990  font-size: 14px;
8991  line-height: 25px;
8992  color: var(--secondary-color);
8993}
8994.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
8995  text-align: center;
8996  display: block;
8997}
8998.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
8999  text-align: center;
9000  display: block;
9001}
9002.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
9003  font-weight: 400;
9004  font-size: 24px !important;
9005  line-height: 36px !important;
9006}
9007.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
9008  text-align: center;
9009  display: block;
9010}
9011.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
9012  text-align: center;
9013  display: block;
9014}
9015.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
9016  font-size: 36px !important;
9017  line-height: 54px !important;
9018}
9019.jcc-regular-navigation-card.jcc-darkMode .card {
9020  background: var(--gradientDarkHorizontal);
9021}
9022.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
9023  width: 100%;
9024}
9025.jcc-regular-navigation-card.jcc-darkMode .card .number {
9026  color: var(--primary-color);
9027}
9028.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
9029  color: #fff;
9030}
9031.jcc-regular-navigation-card.jcc-centerIconNoText .number {
9032  display: none;
9033}
9034.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
9035  justify-content: center;
9036}
9037.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
9038  margin-right: 0;
9039}
9040.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
9041  margin-right: unset;
9042  margin-left: 0;
9043}
9044.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
9045  margin-right: 0;
9046}
9047.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
9048  margin-right: unset;
9049  margin-left: 0;
9050}
9051.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
9052  justify-content: center;
9053}
9054.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
9055  padding-left: 61px;
9056  padding-right: 53px;
9057  padding-top: 76px;
9058  padding-bottom: 46px;
9059  background: var(--gradientDarkVertical);
9060}
9061.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
9062  color: #fff;
9063}
9064.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
9065  padding: 0;
9066}
9067.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
9068  padding-right: 61px;
9069  padding-left: 53px;
9070}
9071.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
9072  background: var(--gradientDarkerHorizontal);
9073}
9074.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
9075  color: #ffffff;
9076}
9077.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
9078  font-family: var(--primary-font);
9079  font-style: normal;
9080}
9081.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
9082  display: block;
9083  width: 100%;
9084  position: relative;
9085  margin-top: 7px;
9086  font-weight: 400;
9087  font-size: 36px;
9088  line-height: 54px;
9089  color: #ffffff;
9090}
9091.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
9092  font-style: normal;
9093}
9094.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
9095  position: relative;
9096  margin-top: 8px;
9097  font-style: normal;
9098  font-weight: 400;
9099  font-size: 14px;
9100  line-height: 25px;
9101  color: #ffffff;
9102}
9103.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
9104  margin-right: unset;
9105  margin-left: 29px;
9106}
9107.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
9108  white-space: normal !important;
9109  overflow: hidden !important;
9110  text-overflow: ellipsis;
9111  display: -webkit-box !important;
9112  -webkit-box-orient: vertical;
9113  -webkit-line-clamp: 1;
9114}
9115.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
9116  white-space: normal !important;
9117  overflow: hidden !important;
9118  text-overflow: ellipsis;
9119  display: -webkit-box !important;
9120  -webkit-box-orient: vertical;
9121  -webkit-line-clamp: 1;
9122}
9123.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
9124  height: 26px;
9125}
9126.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
9127  height: 26px;
9128}
9129.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
9130  white-space: normal !important;
9131  overflow: hidden !important;
9132  text-overflow: ellipsis;
9133  display: -webkit-box !important;
9134  -webkit-box-orient: vertical;
9135  -webkit-line-clamp: 2;
9136}
9137.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
9138  white-space: normal !important;
9139  overflow: hidden !important;
9140  text-overflow: ellipsis;
9141  display: -webkit-box !important;
9142  -webkit-box-orient: vertical;
9143  -webkit-line-clamp: 2;
9144}
9145.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
9146  height: 52px;
9147}
9148.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
9149  height: 48px;
9150}
9151.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
9152  white-space: normal !important;
9153  overflow: hidden !important;
9154  text-overflow: ellipsis;
9155  display: -webkit-box !important;
9156  -webkit-box-orient: vertical;
9157  -webkit-line-clamp: 3;
9158}
9159.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
9160  white-space: normal !important;
9161  overflow: hidden !important;
9162  text-overflow: ellipsis;
9163  display: -webkit-box !important;
9164  -webkit-box-orient: vertical;
9165  -webkit-line-clamp: 3;
9166}
9167.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
9168  height: 80px;
9169}
9170.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
9171  height: 74px;
9172}
9173.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
9174  white-space: normal !important;
9175  overflow: hidden !important;
9176  text-overflow: ellipsis;
9177  display: -webkit-box !important;
9178  -webkit-box-orient: vertical;
9179  -webkit-line-clamp: 4;
9180}
9181.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
9182  white-space: normal !important;
9183  overflow: hidden !important;
9184  text-overflow: ellipsis;
9185  display: -webkit-box !important;
9186  -webkit-box-orient: vertical;
9187  -webkit-line-clamp: 4;
9188}
9189.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
9190  height: 110px;
9191}
9192.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
9193  height: 104px;
9194}
9195.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
9196  white-space: normal !important;
9197  overflow: hidden !important;
9198  text-overflow: ellipsis;
9199  display: -webkit-box !important;
9200  -webkit-box-orient: vertical;
9201  -webkit-line-clamp: 5;
9202}
9203.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
9204  white-space: normal !important;
9205  overflow: hidden !important;
9206  text-overflow: ellipsis;
9207  display: -webkit-box !important;
9208  -webkit-box-orient: vertical;
9209  -webkit-line-clamp: 5;
9210}
9211.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
9212  height: 130px;
9213}
9214.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
9215  height: 130px;
9216}
9217
9218pre {
9219  white-space: break-spaces;
9220}</style>
9221        </div>
9222       </div>
9223      </div>
9224     </div>
9225     <div class="lfr-layout-structure-item-8a44a6b8-f4d2-2c20-bbd9-99e8d9997e20 lfr-layout-structure-item-row " style="">
9226      <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row">
9227       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
9228        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-c2657790-f1e4-5a06-5f14-1ffc7434ae8b " style="">
9229         <div id="fragment-430-fpkr"> 
9230          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-minRowHeight-default">
9231           <div class="card">
9232            <div class="card-item-first">
9233             <div class="jcc-icon-text flex-it flex-align-item-center">
9234              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
9235                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
9236                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
9237                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
9238                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
9239                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
9240                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
9241                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
9242                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
9243                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
9244               </picture>
9245              </div>
9246              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
9247               51M+
9248              </div>
9249             </div>
9250            </div>
9251            <div class="card-body">
9252             <div class="card-row">
9253              <div class="autofit-col autofit-col-expand">
9254               <section class="autofit-section">
9255                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
9256                <div class="card-detail">
9257                </div>
9258               </section>
9259              </div>
9260             </div>
9261            </div>
9262           </div>
9263          </div>
9264         </div>
9265         <style>.jcc-regular-navigation-card {
9266  position: relative;
9267  color: inherit;
9268  font-size: 18px;
9269}
9270.jcc-regular-navigation-card .text-truncate {
9271  display: block;
9272  position: relative;
9273  width: 100%;
9274}
9275.jcc-regular-navigation-card .jcc-icon-text {
9276  position: relative;
9277}
9278.jcc-regular-navigation-card .jcc-icon-text .icon {
9279  margin-right: 29px;
9280  position: relative;
9281  width: 110px;
9282  height: 113px;
9283}
9284.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
9285  margin-right: unset;
9286  margin-left: 29px;
9287}
9288.jcc-regular-navigation-card .jcc-icon-text .icon:after {
9289  content: "";
9290  position: absolute;
9291  top: 0;
9292  left: 0;
9293  width: 100%;
9294  height: 100%;
9295  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
9296  opacity: 0.3;
9297}
9298.jcc-regular-navigation-card .jcc-icon-text .number {
9299  font-family: var(--primary-font);
9300  font-style: normal;
9301  font-weight: 700;
9302  font-size: 48px;
9303  line-height: 72px;
9304  color: var(--secondary-color);
9305}
9306.jcc-regular-navigation-card .card {
9307  position: relative;
9308  background: var(--gradientCardBackgroundLight);
9309  box-shadow: unset;
9310  border-radius: 0;
9311}
9312.jcc-regular-navigation-card .card .jcc-description {
9313  padding: 0;
9314  color: var(--secondary-color);
9315}
9316.jcc-regular-navigation-card .card .card-item-first {
9317  position: relative;
9318}
9319.jcc-regular-navigation-card .card .card-item-first::after {
9320  display: block;
9321  content: "";
9322  position: relative;
9323  width: 100%;
9324  height: 1px;
9325  background: var(--gradient-separator);
9326}
9327.jcc-regular-navigation-card .card .card-title {
9328  font-family: var(--primary-font);
9329  font-style: normal;
9330}
9331.jcc-regular-navigation-card .card .card-title .text-truncate,
9332.jcc-regular-navigation-card .card .card-title .text-truncate a {
9333  font-family: var(--primary-font);
9334  font-style: normal;
9335  white-space: unset;
9336  overflow: unset;
9337  display: block;
9338  width: 100%;
9339  position: relative;
9340  font-weight: 600;
9341  margin-top: 7px;
9342  font-size: 18px;
9343  line-height: 27px;
9344  color: var(--primary-color);
9345}
9346.jcc-regular-navigation-card .card .card-subtitle {
9347  font-family: var(--primary-font);
9348  font-style: normal;
9349}
9350.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
9351  font-family: var(--primary-font);
9352  font-style: normal;
9353  white-space: unset;
9354  overflow: unset;
9355  margin-top: 8px;
9356}
9357.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
9358.jcc-regular-navigation-card .card .card-subtitle pre {
9359  position: relative;
9360  font-family: var(--primary-font);
9361  font-style: normal;
9362  font-weight: 400;
9363  font-size: 14px;
9364  line-height: 25px;
9365  color: var(--secondary-color);
9366}
9367.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
9368  text-align: center;
9369  display: block;
9370}
9371.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
9372  text-align: center;
9373  display: block;
9374}
9375.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
9376  font-weight: 400;
9377  font-size: 24px !important;
9378  line-height: 36px !important;
9379}
9380.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
9381  text-align: center;
9382  display: block;
9383}
9384.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
9385  text-align: center;
9386  display: block;
9387}
9388.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
9389  font-size: 36px !important;
9390  line-height: 54px !important;
9391}
9392.jcc-regular-navigation-card.jcc-darkMode .card {
9393  background: var(--gradientDarkHorizontal);
9394}
9395.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
9396  width: 100%;
9397}
9398.jcc-regular-navigation-card.jcc-darkMode .card .number {
9399  color: var(--primary-color);
9400}
9401.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
9402  color: #fff;
9403}
9404.jcc-regular-navigation-card.jcc-centerIconNoText .number {
9405  display: none;
9406}
9407.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
9408  justify-content: center;
9409}
9410.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
9411  margin-right: 0;
9412}
9413.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
9414  margin-right: unset;
9415  margin-left: 0;
9416}
9417.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
9418  margin-right: 0;
9419}
9420.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
9421  margin-right: unset;
9422  margin-left: 0;
9423}
9424.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
9425  justify-content: center;
9426}
9427.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
9428  padding-left: 61px;
9429  padding-right: 53px;
9430  padding-top: 76px;
9431  padding-bottom: 46px;
9432  background: var(--gradientDarkVertical);
9433}
9434.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
9435  color: #fff;
9436}
9437.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
9438  padding: 0;
9439}
9440.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
9441  padding-right: 61px;
9442  padding-left: 53px;
9443}
9444.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
9445  background: var(--gradientDarkerHorizontal);
9446}
9447.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
9448  color: #ffffff;
9449}
9450.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
9451  font-family: var(--primary-font);
9452  font-style: normal;
9453}
9454.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
9455  display: block;
9456  width: 100%;
9457  position: relative;
9458  margin-top: 7px;
9459  font-weight: 400;
9460  font-size: 36px;
9461  line-height: 54px;
9462  color: #ffffff;
9463}
9464.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
9465  font-style: normal;
9466}
9467.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
9468  position: relative;
9469  margin-top: 8px;
9470  font-style: normal;
9471  font-weight: 400;
9472  font-size: 14px;
9473  line-height: 25px;
9474  color: #ffffff;
9475}
9476.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
9477  margin-right: unset;
9478  margin-left: 29px;
9479}
9480.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
9481  white-space: normal !important;
9482  overflow: hidden !important;
9483  text-overflow: ellipsis;
9484  display: -webkit-box !important;
9485  -webkit-box-orient: vertical;
9486  -webkit-line-clamp: 1;
9487}
9488.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
9489  white-space: normal !important;
9490  overflow: hidden !important;
9491  text-overflow: ellipsis;
9492  display: -webkit-box !important;
9493  -webkit-box-orient: vertical;
9494  -webkit-line-clamp: 1;
9495}
9496.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
9497  height: 26px;
9498}
9499.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
9500  height: 26px;
9501}
9502.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
9503  white-space: normal !important;
9504  overflow: hidden !important;
9505  text-overflow: ellipsis;
9506  display: -webkit-box !important;
9507  -webkit-box-orient: vertical;
9508  -webkit-line-clamp: 2;
9509}
9510.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
9511  white-space: normal !important;
9512  overflow: hidden !important;
9513  text-overflow: ellipsis;
9514  display: -webkit-box !important;
9515  -webkit-box-orient: vertical;
9516  -webkit-line-clamp: 2;
9517}
9518.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
9519  height: 52px;
9520}
9521.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
9522  height: 48px;
9523}
9524.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
9525  white-space: normal !important;
9526  overflow: hidden !important;
9527  text-overflow: ellipsis;
9528  display: -webkit-box !important;
9529  -webkit-box-orient: vertical;
9530  -webkit-line-clamp: 3;
9531}
9532.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
9533  white-space: normal !important;
9534  overflow: hidden !important;
9535  text-overflow: ellipsis;
9536  display: -webkit-box !important;
9537  -webkit-box-orient: vertical;
9538  -webkit-line-clamp: 3;
9539}
9540.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
9541  height: 80px;
9542}
9543.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
9544  height: 74px;
9545}
9546.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
9547  white-space: normal !important;
9548  overflow: hidden !important;
9549  text-overflow: ellipsis;
9550  display: -webkit-box !important;
9551  -webkit-box-orient: vertical;
9552  -webkit-line-clamp: 4;
9553}
9554.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
9555  white-space: normal !important;
9556  overflow: hidden !important;
9557  text-overflow: ellipsis;
9558  display: -webkit-box !important;
9559  -webkit-box-orient: vertical;
9560  -webkit-line-clamp: 4;
9561}
9562.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
9563  height: 110px;
9564}
9565.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
9566  height: 104px;
9567}
9568.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
9569  white-space: normal !important;
9570  overflow: hidden !important;
9571  text-overflow: ellipsis;
9572  display: -webkit-box !important;
9573  -webkit-box-orient: vertical;
9574  -webkit-line-clamp: 5;
9575}
9576.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
9577  white-space: normal !important;
9578  overflow: hidden !important;
9579  text-overflow: ellipsis;
9580  display: -webkit-box !important;
9581  -webkit-box-orient: vertical;
9582  -webkit-line-clamp: 5;
9583}
9584.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
9585  height: 130px;
9586}
9587.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
9588  height: 130px;
9589}
9590
9591pre {
9592  white-space: break-spaces;
9593}</style>
9594        </div>
9595       </div>
9596       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
9597        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-b35f4af6-932b-095a-a3a7-99242204553c " style="">
9598         <div id="fragment-430-nenv"> 
9599          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-m
9599inRowHeight-default">
9600           <div class="card">
9601            <div class="card-item-first">
9602             <div class="jcc-icon-text flex-it flex-align-item-center">
9603              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
9604                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
9605                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
9606                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
9607                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
9608                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
9609                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
9610                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
9611                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
9612                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
9613               </picture>
9614              </div>
9615              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
9616               2,8M
9617              </div>
9618             </div>
9619            </div>
9620            <div class="card-body">
9621             <div class="card-row">
9622              <div class="autofit-col autofit-col-expand">
9623               <section class="autofit-section">
9624                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
9625                <div class="card-detail">
9626                </div>
9627               </section>
9628              </div>
9629             </div>
9630            </div>
9631           </div>
9632          </div>
9633         </div>
9634         <style>.jcc-regular-navigation-card {
9635  position: relative;
9636  color: inherit;
9637  font-size: 18px;
9638}
9639.jcc-regular-navigation-card .text-truncate {
9640  display: block;
9641  position: relative;
9642  width: 100%;
9643}
9644.jcc-regular-navigation-card .jcc-icon-text {
9645  position: relative;
9646}
9647.jcc-regular-navigation-card .jcc-icon-text .icon {
9648  margin-right: 29px;
9649  position: relative;
9650  width: 110px;
9651  height: 113px;
9652}
9653.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
9654  margin-right: unset;
9655  margin-left: 29px;
9656}
9657.jcc-regular-navigation-card .jcc-icon-text .icon:after {
9658  content: "";
9659  position: absolute;
9660  top: 0;
9661  left: 0;
9662  width: 100%;
9663  height: 100%;
9664  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
9665  opacity: 0.3;
9666}
9667.jcc-regular-navigation-card .jcc-icon-text .number {
9668  font-family: var(--primary-font);
9669  font-style: normal;
9670  font-weight: 700;
9671  font-size: 48px;
9672  line-height: 72px;
9673  color: var(--secondary-color);
9674}
9675.jcc-regular-navigation-card .card {
9676  position: relative;
9677  background: var(--gradientCardBackgroundLight);
9678  box-shadow: unset;
9679  border-radius: 0;
9680}
9681.jcc-regular-navigation-card .card .jcc-description {
9682  padding: 0;
9683  color: var(--secondary-color);
9684}
9685.jcc-regular-navigation-card .card .card-item-first {
9686  position: relative;
9687}
9688.jcc-regular-navigation-card .card .card-item-first::after {
9689  display: block;
9690  content: "";
9691  position: relative;
9692  width: 100%;
9693  height: 1px;
9694  background: var(--gradient-separator);
9695}
9696.jcc-regular-navigation-card .card .card-title {
9697  font-family: var(--primary-font);
9698  font-style: normal;
9699}
9700.jcc-regular-navigation-card .card .card-title .text-truncate,
9701.jcc-regular-navigation-card .card .card-title .text-truncate a {
9702  font-family: var(--primary-font);
9703  font-style: normal;
9704  white-space: unset;
9705  overflow: unset;
9706  display: block;
9707  width: 100%;
9708  position: relative;
9709  font-weight: 600;
9710  margin-top: 7px;
9711  font-size: 18px;
9712  line-height: 27px;
9713  color: var(--primary-color);
9714}
9715.jcc-regular-navigation-card .card .card-subtitle {
9716  font-family: var(--primary-font);
9717  font-style: normal;
9718}
9719.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
9720  font-family: var(--primary-font);
9721  font-style: normal;
9722  white-space: unset;
9723  overflow: unset;
9724  margin-top: 8px;
9725}
9726.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
9727.jcc-regular-navigation-card .card .card-subtitle pre {
9728  position: relative;
9729  font-family: var(--primary-font);
9730  font-style: normal;
9731  font-weight: 400;
9732  font-size: 14px;
9733  line-height: 25px;
9734  color: var(--secondary-color);
9735}
9736.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
9737  text-align: center;
9738  display: block;
9739}
9740.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
9741  text-align: center;
9742  display: block;
9743}
9744.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
9745  font-weight: 400;
9746  font-size: 24px !important;
9747  line-height: 36px !important;
9748}
9749.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
9750  text-align: center;
9751  display: block;
9752}
9753.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
9754  text-align: center;
9755  display: block;
9756}
9757.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
9758  font-size: 36px !important;
9759  line-height: 54px !important;
9760}
9761.jcc-regular-navigation-card.jcc-darkMode .card {
9762  background: var(--gradientDarkHorizontal);
9763}
9764.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
9765  width: 100%;
9766}
9767.jcc-regular-navigation-card.jcc-darkMode .card .number {
9768  color: var(--primary-color);
9769}
9770.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
9771  color: #fff;
9772}
9773.jcc-regular-navigation-card.jcc-centerIconNoText .number {
9774  display: none;
9775}
9776.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
9777  justify-content: center;
9778}
9779.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
9780  margin-right: 0;
9781}
9782.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
9783  margin-right: unset;
9784  margin-left: 0;
9785}
9786.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
9787  margin-right: 0;
9788}
9789.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
9790  margin-right: unset;
9791  margin-left: 0;
9792}
9793.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
9794  justify-content: center;
9795}
9796.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
9797  padding-left: 61px;
9798  padding-right: 53px;
9799  padding-top: 76px;
9800  padding-bottom: 46px;
9801  background: var(--gradientDarkVertical);
9802}
9803.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
9804  color: #fff;
9805}
9806.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
9807  padding: 0;
9808}
9809.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
9810  padding-right: 61px;
9811  padding-left: 53px;
9812}
9813.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
9814  background: var(--gradientDarkerHorizontal);
9815}
9816.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
9817  color: #ffffff;
9818}
9819.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
9820  font-family: var(--primary-font);
9821  font-style: normal;
9822}
9823.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
9824  display: block;
9825  width: 100%;
9826  position: relative;
9827  margin-top: 7px;
9828  font-weight: 400;
9829  font-size: 36px;
9830  line-height: 54px;
9831  color: #ffffff;
9832}
9833.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
9834  font-style: normal;
9835}
9836.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
9837  position: relative;
9838  margin-top: 8px;
9839  font-style: normal;
9840  font-weight: 400;
9841  font-size: 14px;
9842  line-height: 25px;
9843  color: #ffffff;
9844}
9845.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
9846  margin-right: unset;
9847  margin-left: 29px;
9848}
9849.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
9850  white-space: normal !important;
9851  overflow: hidden !important;
9852  text-overflow: ellipsis;
9853  display: -webkit-box !important;
9854  -webkit-box-orient: vertical;
9855  -webkit-line-clamp: 1;
9856}
9857.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
9858  white-space: normal !important;
9859  overflow: hidden !important;
9860  text-overflow: ellipsis;
9861  display: -webkit-box !important;
9862  -webkit-box-orient: vertical;
9863  -webkit-line-clamp: 1;
9864}
9865.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
9866  height: 26px;
9867}
9868.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
9869  height: 26px;
9870}
9871.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
9872  white-space: normal !important;
9873  overflow: hidden !important;
9874  text-overflow: ellipsis;
9875  display: -webkit-box !important;
9876  -webkit-box-orient: vertical;
9877  -webkit-line-clamp: 2;
9878}
9879.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
9880  white-space: normal !important;
9881  overflow: hidden !important;
9882  text-overflow: ellipsis;
9883  display: -webkit-box !important;
9884  -webkit-box-orient: vertical;
9885  -webkit-line-clamp: 2;
9886}
9887.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
9888  height: 52px;
9889}
9890.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
9891  height: 48px;
9892}
9893.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
9894  white-space: normal !important;
9895  overflow: hidden !important;
9896  text-overflow: ellipsis;
9897  display: -webkit-box !important;
9898  -webkit-box-orient: vertical;
9899  -webkit-line-clamp: 3;
9900}
9901.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
9902  white-space: normal !important;
9903  overflow: hidden !important;
9904  text-overflow: ellipsis;
9905  display: -webkit-box !important;
9906  -webkit-box-orient: vertical;
9907  -webkit-line-clamp: 3;
9908}
9909.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
9910  height: 80px;
9911}
9912.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
9913  height: 74px;
9914}
9915.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
9916  white-space: normal !important;
9917  overflow: hidden !important;
9918  text-overflow: ellipsis;
9919  display: -webkit-box !important;
9920  -webkit-box-orient: vertical;
9921  -webkit-line-clamp: 4;
9922}
9923.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
9924  white-space: normal !important;
9925  overflow: hidden !important;
9926  text-overflow: ellipsis;
9927  display: -webkit-box !important;
9928  -webkit-box-orient: vertical;
9929  -webkit-line-clamp: 4;
9930}
9931.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
9932  height: 110px;
9933}
9934.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
9935  height: 104px;
9936}
9937.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
9938  white-space: normal !important;
9939  overflow: hidden !important;
9940  text-overflow: ellipsis;
9941  display: -webkit-box !important;
9942  -webkit-box-orient: vertical;
9943  -webkit-line-clamp: 5;
9944}
9945.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
9946  white-space: normal !important;
9947  overflow: hidden !important;
9948  text-overflow: ellipsis;
9949  display: -webkit-box !important;
9950  -webkit-box-orient: vertical;
9951  -webkit-line-clamp: 5;
9952}
9953.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
9954  height: 130px;
9955}
9956.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
9957  height: 130px;
9958}
9959
9960pre {
9961  white-space: break-spaces;
9962}</style>
9963        </div>
9964       </div>
9965       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
9966        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-11dc72ee-f1b6-bc93-b17e-b075c2f769d8 " style="">
9967         <div id="fragment-430-hifc"> 
9968          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-m
9968inRowHeight-default">
9969           <div class="card">
9970            <div class="card-item-first">
9971             <div class="jcc-icon-text flex-it flex-align-item-center">
9972              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
9973                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
9974                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
9975                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
9976                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
9977                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
9978                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
9979                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
9980                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
9981                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
9982               </picture>
9983              </div>
9984              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
9985               2,8M
9986              </div>
9987             </div>
9988            </div>
9989            <div class="card-body">
9990             <div class="card-row">
9991              <div class="autofit-col autofit-col-expand">
9992               <section class="autofit-section">
9993                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
9994                <div class="card-detail">
9995                </div>
9996               </section>
9997              </div>
9998             </div>
9999            </div>
10000           </div>
10001          </div>
10002         </div>
10003         <style>.jcc-regular-navigation-card {
10004  position: relative;
10005  color: inherit;
10006  font-size: 18px;
10007}
10008.jcc-regular-navigation-card .text-truncate {
10009  display: block;
10010  position: relative;
10011  width: 100%;
10012}
10013.jcc-regular-navigation-card .jcc-icon-text {
10014  position: relative;
10015}
10016.jcc-regular-navigation-card .jcc-icon-text .icon {
10017  margin-right: 29px;
10018  position: relative;
10019  width: 110px;
10020  height: 113px;
10021}
10022.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
10023  margin-right: unset;
10024  margin-left: 29px;
10025}
10026.jcc-regular-navigation-card .jcc-icon-text .icon:after {
10027  content: "";
10028  position: absolute;
10029  top: 0;
10030  left: 0;
10031  width: 100%;
10032  height: 100%;
10033  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
10034  opacity: 0.3;
10035}
10036.jcc-regular-navigation-card .jcc-icon-text .number {
10037  font-family: var(--primary-font);
10038  font-style: normal;
10039  font-weight: 700;
10040  font-size: 48px;
10041  line-height: 72px;
10042  color: var(--secondary-color);
10043}
10044.jcc-regular-navigation-card .card {
10045  position: relative;
10046  background: var(--gradientCardBackgroundLight);
10047  box-shadow: unset;
10048  border-radius: 0;
10049}
10050.jcc-regular-navigation-card .card .jcc-description {
10051  padding: 0;
10052  color: var(--secondary-color);
10053}
10054.jcc-regular-navigation-card .card .card-item-first {
10055  position: relative;
10056}
10057.jcc-regular-navigation-card .card .card-item-first::after {
10058  display: block;
10059  content: "";
10060  position: relative;
10061  width: 100%;
10062  height: 1px;
10063  background: var(--gradient-separator);
10064}
10065.jcc-regular-navigation-card .card .card-title {
10066  font-family: var(--primary-font);
10067  font-style: normal;
10068}
10069.jcc-regular-navigation-card .card .card-title .text-truncate,
10070.jcc-regular-navigation-card .card .card-title .text-truncate a {
10071  font-family: var(--primary-font);
10072  font-style: normal;
10073  white-space: unset;
10074  overflow: unset;
10075  display: block;
10076  width: 100%;
10077  position: relative;
10078  font-weight: 600;
10079  margin-top: 7px;
10080  font-size: 18px;
10081  line-height: 27px;
10082  color: var(--primary-color);
10083}
10084.jcc-regular-navigation-card .card .card-subtitle {
10085  font-family: var(--primary-font);
10086  font-style: normal;
10087}
10088.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
10089  font-family: var(--primary-font);
10090  font-style: normal;
10091  white-space: unset;
10092  overflow: unset;
10093  margin-top: 8px;
10094}
10095.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
10096.jcc-regular-navigation-card .card .card-subtitle pre {
10097  position: relative;
10098  font-family: var(--primary-font);
10099  font-style: normal;
10100  font-weight: 400;
10101  font-size: 14px;
10102  line-height: 25px;
10103  color: var(--secondary-color);
10104}
10105.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
10106  text-align: center;
10107  display: block;
10108}
10109.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
10110  text-align: center;
10111  display: block;
10112}
10113.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
10114  font-weight: 400;
10115  font-size: 24px !important;
10116  line-height: 36px !important;
10117}
10118.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
10119  text-align: center;
10120  display: block;
10121}
10122.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
10123  text-align: center;
10124  display: block;
10125}
10126.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
10127  font-size: 36px !important;
10128  line-height: 54px !important;
10129}
10130.jcc-regular-navigation-card.jcc-darkMode .card {
10131  background: var(--gradientDarkHorizontal);
10132}
10133.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
10134  width: 100%;
10135}
10136.jcc-regular-navigation-card.jcc-darkMode .card .number {
10137  color: var(--primary-color);
10138}
10139.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
10140  color: #fff;
10141}
10142.jcc-regular-navigation-card.jcc-centerIconNoText .number {
10143  display: none;
10144}
10145.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
10146  justify-content: center;
10147}
10148.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
10149  margin-right: 0;
10150}
10151.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
10152  margin-right: unset;
10153  margin-left: 0;
10154}
10155.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
10156  margin-right: 0;
10157}
10158.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
10159  margin-right: unset;
10160  margin-left: 0;
10161}
10162.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
10163  justify-content: center;
10164}
10165.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
10166  padding-left: 61px;
10167  padding-right: 53px;
10168  padding-top: 76px;
10169  padding-bottom: 46px;
10170  background: var(--gradientDarkVertical);
10171}
10172.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
10173  color: #fff;
10174}
10175.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
10176  padding: 0;
10177}
10178.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
10179  padding-right: 61px;
10180  padding-left: 53px;
10181}
10182.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
10183  background: var(--gradientDarkerHorizontal);
10184}
10185.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
10186  color: #ffffff;
10187}
10188.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
10189  font-family: var(--primary-font);
10190  font-style: normal;
10191}
10192.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
10193  display: block;
10194  width: 100%;
10195  position: relative;
10196  margin-top: 7px;
10197  font-weight: 400;
10198  font-size: 36px;
10199  line-height: 54px;
10200  color: #ffffff;
10201}
10202.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
10203  font-style: normal;
10204}
10205.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
10206  position: relative;
10207  margin-top: 8px;
10208  font-style: normal;
10209  font-weight: 400;
10210  font-size: 14px;
10211  line-height: 25px;
10212  color: #ffffff;
10213}
10214.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
10215  margin-right: unset;
10216  margin-left: 29px;
10217}
10218.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
10219  white-space: normal !important;
10220  overflow: hidden !important;
10221  text-overflow: ellipsis;
10222  display: -webkit-box !important;
10223  -webkit-box-orient: vertical;
10224  -webkit-line-clamp: 1;
10225}
10226.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
10227  white-space: normal !important;
10228  overflow: hidden !important;
10229  text-overflow: ellipsis;
10230  display: -webkit-box !important;
10231  -webkit-box-orient: vertical;
10232  -webkit-line-clamp: 1;
10233}
10234.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
10235  height: 26px;
10236}
10237.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
10238  height: 26px;
10239}
10240.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
10241  white-space: normal !important;
10242  overflow: hidden !important;
10243  text-overflow: ellipsis;
10244  display: -webkit-box !important;
10245  -webkit-box-orient: vertical;
10246  -webkit-line-clamp: 2;
10247}
10248.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
10249  white-space: normal !important;
10250  overflow: hidden !important;
10251  text-overflow: ellipsis;
10252  display: -webkit-box !important;
10253  -webkit-box-orient: vertical;
10254  -webkit-line-clamp: 2;
10255}
10256.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
10257  height: 52px;
10258}
10259.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
10260  height: 48px;
10261}
10262.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
10263  white-space: normal !important;
10264  overflow: hidden !important;
10265  text-overflow: ellipsis;
10266  display: -webkit-box !important;
10267  -webkit-box-orient: vertical;
10268  -webkit-line-clamp: 3;
10269}
10270.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
10271  white-space: normal !important;
10272  overflow: hidden !important;
10273  text-overflow: ellipsis;
10274  display: -webkit-box !important;
10275  -webkit-box-orient: vertical;
10276  -webkit-line-clamp: 3;
10277}
10278.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
10279  height: 80px;
10280}
10281.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
10282  height: 74px;
10283}
10284.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
10285  white-space: normal !important;
10286  overflow: hidden !important;
10287  text-overflow: ellipsis;
10288  display: -webkit-box !important;
10289  -webkit-box-orient: vertical;
10290  -webkit-line-clamp: 4;
10291}
10292.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
10293  white-space: normal !important;
10294  overflow: hidden !important;
10295  text-overflow: ellipsis;
10296  display: -webkit-box !important;
10297  -webkit-box-orient: vertical;
10298  -webkit-line-clamp: 4;
10299}
10300.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
10301  height: 110px;
10302}
10303.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
10304  height: 104px;
10305}
10306.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
10307  white-space: normal !important;
10308  overflow: hidden !important;
10309  text-overflow: ellipsis;
10310  display: -webkit-box !important;
10311  -webkit-box-orient: vertical;
10312  -webkit-line-clamp: 5;
10313}
10314.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
10315  white-space: normal !important;
10316  overflow: hidden !important;
10317  text-overflow: ellipsis;
10318  display: -webkit-box !important;
10319  -webkit-box-orient: vertical;
10320  -webkit-line-clamp: 5;
10321}
10322.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
10323  height: 130px;
10324}
10325.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
10326  height: 130px;
10327}
10328
10329pre {
10330  white-space: break-spaces;
10331}</style>
10332        </div>
10333       </div>
10334       <div class="col col-lg-3 col-sm-12 col-12 col-md-3">
10335        <div class="lfr-layout-structure-item-regular-navigation-card lfr-layout-structure-item-a325fe9f-a569-ecdf-a870-c1a8b99ff235 " style="">
10336         <div id="fragment-430-ucnl"> 
10337          <div class="fragment_429 jcc-regular-navigation-card jcc-minRowHeight-subtitle-default jcc-m
10337inRowHeight-default">
10338           <div class="card">
10339            <div class="card-item-first">
10340             <div class="jcc-icon-text flex-it flex-align-item-center">
10341              <div class="icon flex-it flex-align-item-center flex-justify-center"><picture data-fileentryid="73577">
10342                <source media="(max-width:62px)" srcset="/o/adaptive-media/image/73577/Preview-1000x0/Icon4+%281%29.png?t=1657783602026">
10343                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/Thumbnail-300x300/Icon4+%281%29.png?t=1657783602026">
10344                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920/Icon4+%281%29.png?t=1657783602026">
10345                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/desktop-1920-2x/Icon4+%281%29.png?t=1657783602026">
10346                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640/Icon4+%281%29.png?t=1657783602026">
10347                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/mobile-640-2x/Icon4+%281%29.png?t=1657783602026">
10348                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024/Icon4+%281%29.png?t=1657783602026">
10349                <source media="(max-width:62px) and (min-width:62px)" srcset="/o/adaptive-media/image/73577/tablet-1024-2x/Icon4+%281%29.png?t=1657783602026">
10350                <img alt="thumbnail" class="" alt="Placeholder" data-lfr-editable-id="regularNavigationCardId" data-lfr-editable-type="image" src="/documents/44210/56773/Icon4+%281%29.png/1a04ecb0-1f6a-ba68-affa-9e86aad41e6c?t=1657783602026&amp;download=true" data-fileentryid="73577">
10351               </picture>
10352              </div>
10353              <div style="color:#17658B" class="number" data-lfr-editable-id="card-number-id" data-lfr-editable-type="text">
10354                345 
10355              </div>
10356             </div>
10357            </div>
10358            <div class="card-body">
10359             <div class="card-row">
10360              <div class="autofit-col autofit-col-expand">
10361               <section class="autofit-section">
10362                <h3 class="card-title"><span class="text-truncate text-default" data-lfr-editable-id="card-title-id" data-lfr-editable-type="text">اﻟﺼﻔﺤﺔ وﺗﺤﺮﻳﺮ اﻟﻤﺤﺘﻮى ﺑﺸﻜﻞ ﺑﻨﺎء ﺻﻔﺤﺔ ﺑﺎﺳﺘﺨﺪام ﺑﺒﻨﺎء أﺟﺰاء</span></h3>
10363                <div class="card-detail">
10364                </div>
10365               </section>
10366              </div>
10367             </div>
10368            </div>
10369           </div>
10370          </div>
10371         </div>
10372         <style>.jcc-regular-navigation-card {
10373  position: relative;
10374  color: inherit;
10375  font-size: 18px;
10376}
10377.jcc-regular-navigation-card .text-truncate {
10378  display: block;
10379  position: relative;
10380  width: 100%;
10381}
10382.jcc-regular-navigation-card .jcc-icon-text {
10383  position: relative;
10384}
10385.jcc-regular-navigation-card .jcc-icon-text .icon {
10386  margin-right: 29px;
10387  position: relative;
10388  width: 110px;
10389  height: 113px;
10390}
10391.jcc-regular-navigation-card .jcc-icon-text .icon:lang(ar-SA) {
10392  margin-right: unset;
10393  margin-left: 29px;
10394}
10395.jcc-regular-navigation-card .jcc-icon-text .icon:after {
10396  content: "";
10397  position: absolute;
10398  top: 0;
10399  left: 0;
10400  width: 100%;
10401  height: 100%;
10402  background: linear-gradient(187.78deg, rgba(9, 25, 48, 0) 5.05%, rgba(73, 156, 164, 0.37) 52.11%, rgba(36, 66, 142, 0.7) 115.06%);
10403  opacity: 0.3;
10404}
10405.jcc-regular-navigation-card .jcc-icon-text .number {
10406  font-family: var(--primary-font);
10407  font-style: normal;
10408  font-weight: 700;
10409  font-size: 48px;
10410  line-height: 72px;
10411  color: var(--secondary-color);
10412}
10413.jcc-regular-navigation-card .card {
10414  position: relative;
10415  background: var(--gradientCardBackgroundLight);
10416  box-shadow: unset;
10417  border-radius: 0;
10418}
10419.jcc-regular-navigation-card .card .jcc-description {
10420  padding: 0;
10421  color: var(--secondary-color);
10422}
10423.jcc-regular-navigation-card .card .card-item-first {
10424  position: relative;
10425}
10426.jcc-regular-navigation-card .card .card-item-first::after {
10427  display: block;
10428  content: "";
10429  position: relative;
10430  width: 100%;
10431  height: 1px;
10432  background: var(--gradient-separator);
10433}
10434.jcc-regular-navigation-card .card .card-title {
10435  font-family: var(--primary-font);
10436  font-style: normal;
10437}
10438.jcc-regular-navigation-card .card .card-title .text-truncate,
10439.jcc-regular-navigation-card .card .card-title .text-truncate a {
10440  font-family: var(--primary-font);
10441  font-style: normal;
10442  white-space: unset;
10443  overflow: unset;
10444  display: block;
10445  width: 100%;
10446  position: relative;
10447  font-weight: 600;
10448  margin-top: 7px;
10449  font-size: 18px;
10450  line-height: 27px;
10451  color: var(--primary-color);
10452}
10453.jcc-regular-navigation-card .card .card-subtitle {
10454  font-family: var(--primary-font);
10455  font-style: normal;
10456}
10457.jcc-regular-navigation-card .card .card-subtitle .text-truncate {
10458  font-family: var(--primary-font);
10459  font-style: normal;
10460  white-space: unset;
10461  overflow: unset;
10462  margin-top: 8px;
10463}
10464.jcc-regular-navigation-card .card .card-subtitle .text-truncate,
10465.jcc-regular-navigation-card .card .card-subtitle pre {
10466  position: relative;
10467  font-family: var(--primary-font);
10468  font-style: normal;
10469  font-weight: 400;
10470  font-size: 14px;
10471  line-height: 25px;
10472  color: var(--secondary-color);
10473}
10474.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate-inline {
10475  text-align: center;
10476  display: block;
10477}
10478.jcc-regular-navigation-card .card .card-title.jcc-centerMainTitle .text-truncate {
10479  text-align: center;
10480  display: block;
10481}
10482.jcc-regular-navigation-card .card .card-title.jcc-bigTitle .text-truncate {
10483  font-weight: 400;
10484  font-size: 24px !important;
10485  line-height: 36px !important;
10486}
10487.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate-inline {
10488  text-align: center;
10489  display: block;
10490}
10491.jcc-regular-navigation-card .card .card-subtitle.jcc-centerDescription .text-truncate {
10492  text-align: center;
10493  display: block;
10494}
10495.jcc-regular-navigation-card .card .card-subtitle.jcc-bigTitle .text-truncate {
10496  font-size: 36px !important;
10497  line-height: 54px !important;
10498}
10499.jcc-regular-navigation-card.jcc-darkMode .card {
10500  background: var(--gradientDarkHorizontal);
10501}
10502.jcc-regular-navigation-card.jcc-darkMode .card .card-item-first:before {
10503  width: 100%;
10504}
10505.jcc-regular-navigation-card.jcc-darkMode .card .number {
10506  color: var(--primary-color);
10507}
10508.jcc-regular-navigation-card.jcc-darkMode .card .card-subtitle .text-truncate {
10509  color: #fff;
10510}
10511.jcc-regular-navigation-card.jcc-centerIconNoText .number {
10512  display: none;
10513}
10514.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text {
10515  justify-content: center;
10516}
10517.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon {
10518  margin-right: 0;
10519}
10520.jcc-regular-navigation-card.jcc-centerIconNoText .jcc-icon-text .icon:lang(ar-SA) {
10521  margin-right: unset;
10522  margin-left: 0;
10523}
10524.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon {
10525  margin-right: 0;
10526}
10527.jcc-regular-navigation-card.jcc-hideNumber .jcc-icon-text .icon:lang(ar-SA) {
10528  margin-right: unset;
10529  margin-left: 0;
10530}
10531.jcc-regular-navigation-card.jcc-centerIcon .jcc-icon-text {
10532  justify-content: center;
10533}
10534.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card {
10535  padding-left: 61px;
10536  padding-right: 53px;
10537  padding-top: 76px;
10538  padding-bottom: 46px;
10539  background: var(--gradientDarkVertical);
10540}
10541.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .jcc-description {
10542  color: #fff;
10543}
10544.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-body {
10545  padding: 0;
10546}
10547.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:lang(ar-SA) {
10548  padding-right: 61px;
10549  padding-left: 53px;
10550}
10551.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card:hover {
10552  background: var(--gradientDarkerHorizontal);
10553}
10554.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .number {
10555  color: #ffffff;
10556}
10557.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title {
10558  font-family: var(--primary-font);
10559  font-style: normal;
10560}
10561.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-title .text-truncate {
10562  display: block;
10563  width: 100%;
10564  position: relative;
10565  margin-top: 7px;
10566  font-weight: 400;
10567  font-size: 36px;
10568  line-height: 54px;
10569  color: #ffffff;
10570}
10571.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle {
10572  font-style: normal;
10573}
10574.jcc-regular-navigation-card.jcc-paddingHoverDarkMode .card .card-subtitle .text-truncate {
10575  position: relative;
10576  margin-top: 8px;
10577  font-style: normal;
10578  font-weight: 400;
10579  font-size: 14px;
10580  line-height: 25px;
10581  color: #ffffff;
10582}
10583.jcc-regular-navigation-card:lang(ar-SA).jcc-darkMode .card .icon {
10584  margin-right: unset;
10585  margin-left: 29px;
10586}
10587.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
10588  white-space: normal !important;
10589  overflow: hidden !important;
10590  text-overflow: ellipsis;
10591  display: -webkit-box !important;
10592  -webkit-box-orient: vertical;
10593  -webkit-line-clamp: 1;
10594}
10595.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
10596  white-space: normal !important;
10597  overflow: hidden !important;
10598  text-overflow: ellipsis;
10599  display: -webkit-box !important;
10600  -webkit-box-orient: vertical;
10601  -webkit-line-clamp: 1;
10602}
10603.jcc-regular-navigation-card.jcc-minRowHeight-one .card-title .text-truncate {
10604  height: 26px;
10605}
10606.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-one .card-subtitle .text-truncate {
10607  height: 26px;
10608}
10609.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
10610  white-space: normal !important;
10611  overflow: hidden !important;
10612  text-overflow: ellipsis;
10613  display: -webkit-box !important;
10614  -webkit-box-orient: vertical;
10615  -webkit-line-clamp: 2;
10616}
10617.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
10618  white-space: normal !important;
10619  overflow: hidden !important;
10620  text-overflow: ellipsis;
10621  display: -webkit-box !important;
10622  -webkit-box-orient: vertical;
10623  -webkit-line-clamp: 2;
10624}
10625.jcc-regular-navigation-card.jcc-minRowHeight-two .card-title .text-truncate {
10626  height: 52px;
10627}
10628.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-two .card-subtitle .text-truncate {
10629  height: 48px;
10630}
10631.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
10632  white-space: normal !important;
10633  overflow: hidden !important;
10634  text-overflow: ellipsis;
10635  display: -webkit-box !important;
10636  -webkit-box-orient: vertical;
10637  -webkit-line-clamp: 3;
10638}
10639.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
10640  white-space: normal !important;
10641  overflow: hidden !important;
10642  text-overflow: ellipsis;
10643  display: -webkit-box !important;
10644  -webkit-box-orient: vertical;
10645  -webkit-line-clamp: 3;
10646}
10647.jcc-regular-navigation-card.jcc-minRowHeight-three .card-title .text-truncate {
10648  height: 80px;
10649}
10650.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-three .card-subtitle .text-truncate {
10651  height: 74px;
10652}
10653.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
10654  white-space: normal !important;
10655  overflow: hidden !important;
10656  text-overflow: ellipsis;
10657  display: -webkit-box !important;
10658  -webkit-box-orient: vertical;
10659  -webkit-line-clamp: 4;
10660}
10661.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
10662  white-space: normal !important;
10663  overflow: hidden !important;
10664  text-overflow: ellipsis;
10665  display: -webkit-box !important;
10666  -webkit-box-orient: vertical;
10667  -webkit-line-clamp: 4;
10668}
10669.jcc-regular-navigation-card.jcc-minRowHeight-four .card-title .text-truncate {
10670  height: 110px;
10671}
10672.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-four .card-subtitle .text-truncate {
10673  height: 104px;
10674}
10675.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
10676  white-space: normal !important;
10677  overflow: hidden !important;
10678  text-overflow: ellipsis;
10679  display: -webkit-box !important;
10680  -webkit-box-orient: vertical;
10681  -webkit-line-clamp: 5;
10682}
10683.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
10684  white-space: normal !important;
10685  overflow: hidden !important;
10686  text-overflow: ellipsis;
10687  display: -webkit-box !important;
10688  -webkit-box-orient: vertical;
10689  -webkit-line-clamp: 5;
10690}
10691.jcc-regular-navigation-card.jcc-minRowHeight-five .card-title .text-truncate {
10692  height: 130px;
10693}
10694.jcc-regular-navigation-card.jcc-minRowHeight-subtitle-five .card-subtitle .text-truncate {
10695  height: 130px;
10696}
10697
10698pre {
10699  white-space: break-spaces;
10700}</style>
10701        </div>
10702       </div>
10703      </div>
10704     </div>
10705     <div class="lfr-layout-structure-item-basic-component-spacer lfr-layout-structure-item-bee90de0-812d-73d6-6443-9e73af76ea55 " style="">
10706      <div id="fragment-0-cyoh"> 
10707       <div class="py-5"></div>
10708      </div>
10709     </div>
10710    </div>
10711   </div>
10712  </div>
10713 </div>
10714</div>
10715<div class="lfr-layout-structure-item-jcci-vertical-bar lfr-layout-structure-item-1cdd13e1-01a7-d883-28c1-6cb35c0fef6f " style="">
10716 <div id="fragment-16841-kzdl">
10717  <div>
10718   <div class="position-fixed vertical-bar">
10719    <div class="float-right d-flex flex-column text-center ">
10720     <div class="vertical-bar-item first" id="callBtn">
10721      <img class="vbar-icon" src="/documents/d/jcc/phone1-svg?download=true" alt="Call" data-lfr-editable-id="call-icon" data-lfr-editable-type="image">
10722     </div><a class="vertical-bar-item" href="https://vas.jcci.org.sa"> <img class="vbar-icon" src="/documents/d/jcc/tele-call-icon-svg?download=true" alt="Telephone" data-lfr-editable-id="tele-call-icon" data-lfr-editable-type="image"> </a>
10723     <div class="vertical-bar-item" id="formBtn">
10724      <img class="vbar-icon" src="/documents/d/jcc/icon-polls-fill-svg-1?download=true" alt="Survey" data-lfr-editable-id="form-icon" data-lfr-editable-type="image">
10725     </div>
10726    </div>
10727   </div>
10728   <div id="callPopup" class="call-popup position-fixed border p-3">
10729    <div class="contact-box h-100 px-4">
10730     <h5 class="mb-3 text-white" data-lfr-editable-id="stay-it-touch" data-lfr-editable-type="text">Stay in touch</h5>
10731     <div class="contact-box-content">
10732      <div class="container-fluid p-0">
10733       <div class="container row mb-2">
10734        <span class="vbar-contact-icon mr-1" role="img" aria-label="Phone" style="-webkit-mask-image:url('/documents/d/jcc/phone-svg?download=true');mask-image:url('/documents/d/jcc/phone-svg?download=true');"></span>
10735        <p class="color-brand-1 m-0" data-lfr-editable-id="phone" data-lfr-editable-type="text">Customer service</p>
10736       </div><a class="a_phone d-block text-white" href="tel:920024200"><p style="margin: 0;" data-lfr-editable-id="phone-number" data-lfr-editable-type="text">920024200</p></a>
10737      </div>
10738      <div class="container-fluid p-0 mt-4">
10739       <div class="container row mb-2">
10740        <span class="vbar-contact-icon mr-1" role="img" aria-label="Customer Service" style="-webkit-mask-image:url('/documents/d/jcc/chat-svg?download=true');mask-image:url('/documents/d/jcc/chat-svg?download=true');"></span>
10741        <p class="color-brand-1 m-0" data-lfr-editable-id="customer-service" data-lfr-editable-type="text">WhatsApp Business</p>
10742       </div><a class="a_message d-block text-white" href="https://wa.me/920024200"><p style="margin: 0;" data-lfr-editable-id="customer-service-number" data-lfr-editable-type="text">920024200</p></a>
10743      </div>
10744      <div class="container-fluid p-0 mt-4">
10745       <div class="container row mb-2">
10746        <span class="vbar-contact-icon mr-1" role="img" aria-label="Email" style="-webkit-mask-image:url('/documents/d/jcc/mail-svg?download=true');mask-image:url('/documents/d/jcc/mail-svg?download=true');"></span>
10747        <p class="color-brand-1 m-0" data-lfr-editable-id="email" data-lfr-editable-type="text">E-mail</p>
10748       </div><a class="a_mail d-block text-white" href="/cdn-cgi/l/email-protection#a6cfc8c0c9e6ccc5c5cf88c9d4c188d5c7"><span class="__cf_email__" data-cfemail="82ebece4edc2e8e1e1ebacedf0e5acf1e3">[email&#160;protected]</span></a>
10749      </div>
10750     </div>
10751    </div>
10752   </div>
10753   <div id="formPopup" class="call-popup position-fixed border p-3">
10754    <div>
10755     <div class="lfr-layout-structure-item-com-liferay-dynamic-data-mapping-form-web-portlet-ddmformportlet lfr-layout-structure-item-3199a6e9-4411-b2c9-afbe-bc8f205b0fb1 " style="">
10756      <div id="fragment-0-vlmt">
10757       <div class="portlet-boundary portlet-boundary_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_  portlet-static portlet-static-end portlet-borderless portlet-forms-display " id="p_p_id_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_"><span id="p_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt"></span>
10758        <section class="portlet" id="portlet_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt">
10759         <div class="portlet-content">
10760          <div class=" portlet-content-container">
10761           <div class="portlet-body">
10762            <div class="portlet-forms">
10763             <form action="https://www.jcci.org.sa/en/aboutthechamber?p_p_id=com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt&amp;p_p_lifecycle=1&amp;p_p_state=normal&amp;p_p_mode=view&amp;_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_javax.portlet.action=%2Fdynamic_data_mapping_form%2Fadd_form_instance_record&amp;p_auth=19Jmlu" class="form  " data-fm-namespace="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_fm" method="post" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_fm" data-ddmforminstanceid="1179024" data-senna-off="true">
10764              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_formDate" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_formDate" type="hidden" value="1790936943074">
10765              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_currentURL" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_currentURL" type="hidden" value="https://www.jcci.org.sa/en/aboutthechamber?p_p_id=com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt&amp;p_p_lifecycle=0&amp;p_p_state=normal&amp;p_p_mode=view">
10766              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_redirect" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_redirect" type="hidden" value="https://www.jcci.org.sa/en/aboutthechamber?p_p_id=com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt&amp;p_p_lifecycle=0&amp;p_p_state=normal&amp;p_p_mode=view">
10767              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_groupId" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_groupId" type="hidden" value="44210">
10768              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_formInstanceId" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_formInstanceId" type="hidden" value="1179024">
10769              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_languageId" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_languageId" type="hidden" value="en_US">
10770              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_complaintRequestId" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_complaintRequestId" type="hidden" value="
107700">
10771              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_workflowAction" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_workflowAction" type="hidden" value="1">
10772              <div class="ddm-form-upload-permission-message hide mt-4">
10773               <div class="container-fluid container-fluid-max-xl">
10774                <div class="alert alert-warning" role="alert">
10775                 <div class="alert-autofit-row autofit-row">
10776                  <div class="autofit-col">
10777                   <div class="autofit-section">
10778                    <span class="alert-indicator">
10779                     <svg class="lexicon-icon lexicon-icon-warning-full" role="presentation" viewbox="0 0 512 512">
10780                      <use xlink:href="https://www.jcci.org.sa/o/jcc-theme/images/clay/icons.svg#warning-full" />
10781                     </svg></span>
10782                   </div>
10783                  </div>
10784                  <div class="autofit-col autofit-col-expand">
10785                   <div class="autofit-section">
10786                    <strong class="lead">Warning:</strong>You do not have the permission to access the upload fields on this form. Contact the form owner or portal administrator to request the access.
10787                   </div>
10788                  </div>
10789                 </div>
10790                </div>
10791               </div>
10792              </div>
10793              <div class="container-fluid container-fluid-max-xl">
10794               <div id="ojro"></div>
vendor: 124 bytes, lines 10794-10795
10794
10795               <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
10795<script type="text/javascript">
10796// <![CDATA[
10797Liferay.Loader.require('[email protected]/render.es', '[email protected]/admin/js/util/ShowPartialResultsAlert', function(portalTemplateReactRendererImpl507RenderEs, dynamicDataMappingFormWeb40101AdminJsUtilShowPartialResultsAlert) {
10798try {
10799(function() {
10800var renderojro = portalTemplateReactRendererImpl507RenderEs;
10801var renderFunctionojro = dynamicDataMappingFormWeb40101AdminJsUtilShowPartialResultsAlert;
10802renderojro.default(renderFunctionojro.default, {"dismissible":true,"portletId":"com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt","showPartialResultsToRespondents":false,"componentId":null,"locale":{"ISO3Country":"USA","ISO3Language":"eng","country":"US","displayCountry":"United States","displayLanguage":"English","displayName":"English (United States)","displayScript":"","displayVariant":"","extensionKeys":[],"language":"en","script":"","unicodeLocaleAttributes":[],"unicodeLocaleKeys":[],"variant":""},"portletNamespace":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_"}, 'ojro');
10803})();
10804} catch (err) {
10805	console.error(err);
10806}
10807});
10808// ]]>
10809</script>
10809
10810              </div>
10811              <div class="container-fluid container-fluid-max-xl ddm-form-builder-app ddm-form-builder-app-not-ready" id="ddmFormcIjNMfSl">
10812               <div id="xpfc"></div>
10813               
10813<script type="text/javascript">
10814// <![CDATA[
10815Liferay.Loader.require('[email protected]/render.es', '[email protected]/admin/js/FormView', function(portalTemplateReactRendererImpl507RenderEs, dynamicDataMappingFormWeb40101AdminJsFormView) {
10816try {
10817(function() {
10818var renderxpfc = portalTemplateReactRendererImpl507RenderEs;
10819var renderFunctionxpfc = dynamicDataMappingFormWeb40101AdminJsFormView;
10820renderxpfc.default(renderFunctionxpfc.default, {"templateNamespace":"ddm.paginated_form","redirectURL":null,"componentId":null,"groupId":"44210","description":"","rules":[],"title":"Complaints","locale":{"ISO3Country":"USA","ISO3Language":"eng","country":"US","displayCountry":"United States","displayLanguage":"English","displayName":"English (United States)","displayScript":"","displayVariant":"","extensionKeys":[],"language":"en","script":"","unicodeLocaleAttributes":[],"unicodeLocaleKeys":[],"variant":""},"validateCSRFTokenURL":"https:\/\/www.jcci.org.sa\/en\/aboutthechamber?p_p_id=com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Fdynamic_data_mapping_form%2Fvalidate_csrf_token&p_p_cacheability=cacheLevelPage","showCancelButton":false,"showPartialResultsToRespondents":false,"showRequiredFieldsWarning":true,"pages":[{"showRequiredFieldsWarning":true,"description":"","localizedDescription":{"ar_SA":"","en_US":""},"rows":[{"columns":[{"size":12,"fields":[{"fieldName":"06428817","evaluable":true,"predefinedValue":[],"tooltip":"","type":"select","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":[],"en_US":[]},"showLabel":true,"enabled":true,"required":true,"valid":false,"requiredErrorMessage":"","instanceId":"R9WvQrBC","visualProperty":false,"strings":{"emptyList":"No results were found.","search":"Search","dynamicallyLoadedData":"Dynamically Loaded Data","chooseOptions":"Choose Options","chooseAnOption":"Choose an Option"},"alphabeticalOrder":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"showEmptyOption":true,"options":[{"reference":"الخيار80440506","label":"Complaint","value":"_80440506"},{"reference":"الخيار85657775","label":"Inquiry","value":"_85657775"},{"reference":"الخيار87074738","label":"Suggestion","value":"_87074738"}],"fieldReference":"06428817","tip":"","numericInputMask":null,"value":[],"visible":true,"dataType":"string","errorMessage":"This field is required.","multiple":false,"readOnly":false,"label":"Request Type","inputMask":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$06428817$R9WvQrBC$0$$en_US","localizable":true,"dataSourceType":"manual"}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"17989852","evaluable":true,"predefinedValue":[],"tooltip":"","type":"select","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":[],"en_US":[]},"showLabel":true,"enabled":true,"required":true,"valid":false,"requiredErrorMessage":"","instanceId":"jB717rQ0","visualProperty":false,"strings":{"emptyList":"No results were found.","search":"Search","dynamicallyLoadedData":"Dynamically Loaded Data","chooseOptions":"Choose Options","chooseAnOption":"Choose an Option"},"alphabeticalOrder":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"showEmptyOption":true,"options":[{"reference":"الخيار80440506","label":"Information technology","value":"_80440506"},{"reference":"الخيار56541944","label":"Subscriber affairs","value":"_56541944"},{"reference":"الخيار81379385","label":"Human resources","value":"_81379385"},{"reference":"الخيار78647604","label":"Legal services","value":"_78647604"},{"reference":"الخيار34925900","label":"Jeddah Exhibition and Events Center","value":"_34925900"},{"reference":"الخيار48509960","label":"Financial affairs","value":"_48509960"},{"reference":"الخيار30724847","label":"Warehouse city","value":"_30724847"}],"fieldReference":"17989852","tip":"","numericInputMask":null,"value":[],"visible":true,"dataType":"string","errorMessage":"This field is required.","multiple":false,"readOnly":false,"label":"Specialty","inputMask":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$17989852$jB717rQ0$0$$en_US","localizable":true,"dataSourceType":"manual"}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"47382200","evaluable":true,"predefinedValue":"","tooltip":"","type":"date","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":"","en_US":""},"showLabel":true,"enabled":true,"required":true,"years":[2022,2023,2024,2025,2026],"valid":false,"requiredErrorMessage":"","instanceId":"aCqZAdN9","visualProperty":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"options":[],"fieldReference":"47382200","tip":"","numericInputMask":null,"value":"","validation":{"expression":{"name":"","value":""},"fieldName":"","dataType":"","parameter":"{\"endsOn\":{\"date\":\"responseDate\",\"unit\":\"days\",\"quantity\":1,\"type\":\"responseDate\"},\"startsFrom\":{\"date\":\"responseDate\",\"unit\":\"days\",\"quantity\":1,\"type\":\"responseDate\"}}","errorMessage":""},"visible":true,"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"dataType":"date","errorMessage":"This field is required.","readOnly":false,"label":"Date","inputMask":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"firstDayOfWeek":0,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$47382200$aCqZAdN9$0$$en_US","localizable":true,"weekdaysShort":["S","M","T","W","T","F","S"]}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"Text38917359","evaluable":true,"predefinedValue":"","tooltip":"","requireConfirmation":false,"type":"text","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":"","en_US":""},"invalidCharacters":"","showLabel":true,"enabled":true,"required":true,"valid":false,"displayStyle":"singleline","requiredErrorMessage":"","instanceId":"5BHQQZjd","visualProperty":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"options":[{"reference":"Option97569257","label":"Option","value":"Option97569257"}],"confirmationLabel":"Confirm","fieldReference":"Text38917359","tip":"","numericInputMask":null,"placeholder":"Name","value":"","direction":"[\"vertical\"]","visible":true,"confirmationErrorMessage":"The information does not match.","hideField":false,"dataType":"string","errorMessage":"This field is required.","readOnly":false,"label":"Name","
10820inputMask":false,"normalizeField":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"autocompleteEnabled":false,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$Text38917359$5BHQQZjd$0$$en_US","localizable":true}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"Text90833157","evaluable":true,"predefinedValue":"","tooltip":"","requireConfirmation":false,"type":"text","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":"","en_US":""},"invalidCharacters":"","showLabel":true,"enabled":true,"required":true,"valid":false,"displayStyle":"singleline","requiredErrorMessage":"","instanceId":"yXRIL2te","visualProperty":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"options":[{"reference":"Option97569257","label":"Option","value":"Option97569257"}],"confirmationLabel":"Confirm","fieldReference":"Email00983","tip":"","numericInputMask":null,"placeholder":"Email Address","value":"","validation":{"expression":{"name":"email","value":"isEmailAddress(Text90833157)"},"fieldName":"","dataType":"","parameter":"","errorMessage":""},"direction":"[\"vertical\"]","visible":true,"confirmationErrorMessage":"The information does not match.","hideField":false,"dataType":"string","errorMessage":"This field is required.","readOnly":false,"label":"Email","inputMask":false,"normalizeField":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"autocompleteEnabled":false,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$Text90833157$yXRIL2te$0$$en_US","localizable":true}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"Text42063656","evaluable":true,"predefinedValue":"","tooltip":"","requireConfirmation":false,"type":"text","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":"","en_US":""},"invalidCharacters":"","showLabel":true,"enabled":true,"required":true,"valid":false,"displayStyle":"singleline","requiredErrorMessage":"","instanceId":"xndSwJTZ","visualProperty":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"options":[{"reference":"Option97569257","label":"Option","value":"Option97569257"}],"confirmationLabel":"Confirm","fieldReference":"Text42063656","tip":"","numericInputMask":null,"placeholder":"Phone Number","value":"","validation":{"expression":{"name":"regularExpression","value":"match(Text42063656, \"{parameter}\")"},"fieldName":"","dataType":"","parameter":"05(?:\\s*-*\\s*\\d){8}","errorMessage":"هذا الرقم غير مطابق"},"direction":"[\"vertical\"]","visible":true,"confirmationErrorMessage":"The information does not match.","hideField":false,"dataType":"string","errorMessage":"This field is required.","readOnly":false,"label":"Phone","inputMask":false,"normalizeField":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"autocompleteEnabled":false,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$Text42063656$xndSwJTZ$0$$en_US","localizable":true}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"Text02800943","predefinedValue":"","tooltip":"","requireConfirmation":false,"type":"text","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":"","en_US":""},"invalidCharacters":"","showLabel":true,"enabled":true,"required":false,"valid":true,"displayStyle":"multiline","requiredErrorMessage":"","instanceId":"y7ol9OZg","visualProperty":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"options":[{"reference":"Option97569257","label":"Option","value":"Option97569257"}],"confirmationLabel":"Confirm","fieldReference":"Text02800943","tip":"","numericInputMask":null,"placeholder":"Inquiries & Complaints","value":"","direction":"[\"vertical\"]","visible":true,"confirmationErrorMessage":"The information does not match.","hideField":true,"dataType":"string","errorMessage":"","readOnly":false,"label":"Inquiries & Complaints","inputMask":false,"normalizeField":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"autocompleteEnabled":false,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$Text02800943$y7ol9OZg$0$$en_US","localizable":true}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"13276988","evaluable":true,"predefinedValue":"","type":"rich_text","dir":"ltr","locale":"en_US","localizedValue":{"ar_SA":"","en_US":""},"showLabel":true,"enabled":true,"required":true,"valid":false,"requiredErrorMessage":"","instanceId":"FQhzhfDP","visualProperty":false,"editorConfig":{"toolbar_text_advanced":[["Undo","Redo"],["Styles"],["FontColor","BGColor"],["Bold","Italic","Underline","Strikethrough"],["RemoveFormat"],["NumberedList","BulletedList"],["IncreaseIndent","DecreaseIndent"],["IncreaseIndent","DecreaseIndent"],["Link","Unlink"],["Source","Expand"]],"allowedContent":true,"filebrowserVideoBrowseLinkUrl":"https://www.jcci.org.sa/en/group/jcc/~/control_panel/manage/-/select/video%2Curl/_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm%24%2413276988%24FQhzhfDP%240%24%24en_USselectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%2C%22mimeTypeRestriction%22%3A%22video%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=59I4Lg","stylesSet":[{"name":"Normal","element":"p"},{"name":"Heading 1","element":"h1"},{"name":"Heading 2","element":"h2"},{"name":"Heading 3","element":"h3"},{"name":"Heading 4","element":"h4"},{"name":"Preformatted Text","element":"pre"},{"name":"Cited Work","element":"cite"},{"name":"Computer Code","element":"code"},{"name":"Info Message","attributes":{"class":"overflow-auto portlet-msg-info"},"element":"div"},{"name":"Alert Message","attributes":{"class":"overflow-auto portlet-msg-alert"},"element":"div"},{"name":"Error Message","attributes":{"class":"overflow-auto portlet-msg-error"},"element":"div"}],"language":"en-US","contentsLangDirection":"ltr","extraPlugins":"addimages,autogrow,autolink,colordialog,filebrowser,itemselector,lfrpopup,media,stylescombo,videoembed","title":false,"embedProviders":[],"filebrowserImageBrowseLinkUrl":"https://www.jcci.org.sa/en/group/jcc/~/control_panel/manage/-/select/image%2Curl/_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm%24%2413276988%24FQhzhfDP%240%24%24en_USselectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22mimeTypeRestriction%22%3A%22image%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=59I4Lg","contentsCss":["https://www.jcci.org.sa/o/jcc-theme/css/clay.css?browserId=chrome&amp;themeId=jcc_WAR_jcctheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1751894342000","https://www.jcci.org.sa/o/jcc-theme/css/main.css?browserId=chrome&amp;themeId=jcc_WAR_jcctheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1751894342000","/o/frontend-editor-ckeditor-web/ckeditor/skins/moono-lexicon/editor.css?browserId=chrome&amp;themeId=jcc_WAR_jcctheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1751894342000","/o/frontend-editor-ckeditor-web/ckeditor/skins/moono-lexicon/dialog.css?browserId=chrome&amp;themeId=jcc_WAR_jcctheme&amp;minifierType=css&amp;languageId=en_US&amp;t=1751894342000"],"toolbar_text_simple":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Source","Expand"]],"pasteFromWordRemoveStyles":false,"removePlugins":"elementspath","contentsLanguage":"en-US","bodyClass":"cke_editable html-editor","resize_enabled":false,"toolbar_editInPlace":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","ImageSelector","VideoSelector"],["Source","Expand"]],"autoSaveTimeout":3000,"closeNoticeTimeout":8000,"height":265,"filebrowserBrowseUrl":"https://www.jcci.org.sa/en/group/jcc/~/control_panel/manage/-/select/file%2Clayout/_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm%24%2413276988%24FQhzhfDP%240%24%24en_USselectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=59I4Lg","toolbar_tablet":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","ImageSelector","VideoSelector"],["Source","Expand"]],"toolbar_phone":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","ImageSelector","VideoSelector"],["Source","Expand"]],"filebrowserImageBrowseUrl":"https://www.jcci.org.sa/en/group/jcc/~/control_panel/manage/-/select/image%2Curl/_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm%24%2413276988%24FQhzhfDP%240%24%24en_USselectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22mimeTypeRestriction%22%3A%22image%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=59I4Lg","toolbar_email":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","ImageSelector","VideoSelector"],["Source","Expand"]],"filebrowserVideoBrowseUrl":"https://www.jcci.org.sa/en/group/jcc/~/control_panel/manage/-/select/video%2Curl/_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm%24%2413276988%24FQhzhfDP%240%24%24en_USselectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%2C%22mimeTypeRestriction%22%3A%22video%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=59I4Lg","toolbar_liferayArticle":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","ImageSelector","VideoSelector"],["Source","Expand"]],"filebrowserWindowFeatures":"title=Browse","entities":false,"toolbar_liferay":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","ImageSelector","VideoSelector"],["Source","Expand"]],"toolbar_simple":[["Undo","Redo"],["Styles","Bold","Italic","Underline"],["NumberedList","BulletedList"],["Link","Unlink"],["Table","ImageSelector","VideoSelector"],["Source","Expand"]],"pasteFromWordRemoveFontStyles":false},"repeatable":false,"editOnlyInDefaultLanguage":false,"options":[],"fieldReference":"13276988","t
10820ip":"","numericInputMask":null,"value":"","visible":true,"dataType":"string","errorMessage":"This field is required.","readOnly":false,"editorOptions":{"dynamicAttributes":{},"textMode":false,"uploadItemReturnType":null,"uploadURL":null},"label":"Inquiries & Complaints","inputMask":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$13276988$FQhzhfDP$0$$en_US","localizable":true}]}]},{"columns":[{"size":12,"fields":[{"fieldName":"_CAPTCHA_","type":"captcha","dir":"ltr","locale":"en_US","showLabel":true,"enabled":true,"required":false,"valid":true,"instanceId":"LuFyFZRm","visualProperty":false,"repeatable":false,"editOnlyInDefaultLanguage":false,"options":[],"fieldReference":"_CAPTCHA_","tip":"","html":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t<div class=\"my-3 taglib-captcha\">\n\t\t<img alt=\"Text to Identify\" class=\"captcha d-inline-block mb-2\"\n\t\t\tid=\"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_captcha\" src=\"\/en\/c\/portal\/captcha\/get_image?portletId=com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt&amp;t=1790936943079\"\n\t\t\/>\n\n\t\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\t<span\n\t\t\tclass=\"align-top d-inline-block refresh lfr-portal-tooltip\"\n\t\t\t\n\t\t\t\ttitle=\"Refresh CAPTCHA\"\n\t\t\t\n\t\t>\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t<a href=\"javascript:void(0);\" target=\"_self\" class=\" lfr-icon-item taglib-icon\" id=\"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_refreshCaptcha\" >\n\t\t\t\t\t\t\n\n\n\t\n\t\t<span class=\"c-inner\" tabindex=\"-1\"  id=\"qfkd____\"><svg aria-hidden=\"true\" class=\"lexicon-icon lexicon-icon-reload\" focusable=\"false\" ><use href=\"https:\/\/www.jcci.org.sa\/o\/jcc-theme\/images\/clay\/icons.svg#reload\"><\/use><\/svg><\/span>\n\t\n\t\n\n\n\t\n\t\t\n\t\t\t<span class=\"taglib-text hide-accessible sr-only\">Refresh CAPTCHA<\/span>\n\t\t\n\t\n\n\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\n\t\t<\/span>\n\t\n\n\n\n\n\t\t\n\t\t\t\n\t\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t<div class=\"form-group input-text-wrapper\">\n\n\n\n\n\n\t<label class=\" control-label\" for=\"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_captchaText\">\n\t\t\n\t\t\t\tText Verification\n\n\t\t\t\n\t\t\t\t<span class=\"reference-mark text-warning\"  id=\"uvlz____\"><svg aria-hidden=\"true\" class=\"lexicon-icon lexicon-icon-asterisk\" focusable=\"false\" ><use href=\"https:\/\/www.jcci.org.sa\/o\/jcc-theme\/images\/clay\/icons.svg#asterisk\"><\/use><\/svg><\/span>\n\n\t\t\t\t<span class=\"hide-accessible sr-only\">Required<\/span>\n\t\t\t<\/label>\n\t\t\n\n\n\n\n\n\t\n\n\t\t\n\n\t\t\n\t\t\t\n\t\t\t\t<input  class=\"field form-control\"  id=\"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_captchaText\"    name=\"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_captchaText\"     type=\"text\" value=\"\"  size=\"10\"  \/>\n\t\t\t\n\t\t\n\n\t\t\n\t\n\n\n\n\n\n\t\n\n\n\n\t<\/div>\n\n\n\n\t<\/div>\n\n\t
10820<script type=\"text\/javascript\">\n\/\/ <![CDATA[\n\n\t\tvar hasEventAttached = false;\n\n\t\tfunction attachEvent() {\n\t\t\tvar refreshCaptcha = document.getElementById(\n\t\t\t\t'_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_refreshCaptcha'\n\t\t\t);\n\n\t\t\tif (refreshCaptcha && !hasEventAttached) {\n\t\t\t\thasEventAttached = true;\n\t\t\t\trefreshCaptcha.addEventListener('click', () => {\n\t\t\t\t\tvar url = Liferay.Util.addParams(\n\t\t\t\t\t\t't=' + Date.now(),\n\t\t\t\t\t\t'\\x2fen\\x2fc\\x2fportal\\x2fcaptcha\\x2fget_image\\x3fportletId\\x3dcom_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt'\n\t\t\t\t\t);\n\n\t\t\t\t\tvar captcha = document.getElementById(\n\t\t\t\t\t\t'_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_captcha'\n\t\t\t\t\t);\n\n\t\t\t\t\tif (captcha) {\n\t\t\t\t\t\tcaptcha.setAttribute('src', url);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tattachEvent();\n\n\t\tLiferay.on('_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_simplecaptcha_attachEvent', attachEvent);\n\t\n\/\/ ]]>\n<\/script>\n","numericInputMask":null,"value":"","visible":true,"dataType":"string","errorMessage":"","readOnly":false,"label":"","inputMask":false,"visibilityExpression":"","transient":false,"inputMaskFormat":null,"name":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_ddm$$_CAPTCHA_$LuFyFZRm$0$$en_US","localizable":false}]}]}],"title":"","enabled":true,"localizedTitle":{"ar_SA":"","en_US":""}}],"strings":{"next":"Next","previous":"Previous"},"showSubmitButton":true,"portletId":"com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt","paginationMode":"multi-pages","validations":{"date":[{"template":"futureDates({name}, \"{parameter}\")","parameterMessage":"","name":"futureDates","label":"Future Dates"},{"template":"pastDates({name}, \"{parameter}\")","parameterMessage":"","name":"pastDates","label":"Past Dates"},{"template":"futureDates({name}, \"{parameter}\") AND pastDates({name}, \"{parameter}\")","parameterMessage":"","name":"dateRange","label":"Range"}],"string":[{"template":"contains({name}, \"{parameter}\")","parameterMessage":"Text","name":"contains","label":"Contains"},{"template":"NOT(contains({name}, \"{parameter}\"))","parameterMessage":"Text","name":"notContains","label":"Does Not Contain"},{"template":"isURL({name})","parameterMessage":"","name":"url","label":"Is a URL"},{"template":"isEmailAddress({name})","parameterMessage":"","name":"email","label":"Is an email"},{"template":"match({name}, \"{parameter}\")","parameterMessage":"Regular Expression","name":"regularExpression","label":"Matches"}],"numeric":[{"template":"{name} == {parameter}","parameterMessage":"Number","name":"eq","label":"Is Equal To"},{"template":"{name} >= {parameter}","parameterMessage":"Number","name":"gteq","label":"Is Greater Than Or Equal To"},{"template":"{name} > {parameter}","parameterMessage":"Number","name":"gt","label":"Is Greater Than"},{"template":"{name} != {parameter}","parameterMessage":"Number","name":"neq","label":"Is Not Equal To"},{"template":"{name} <= {parameter}","parameterMessage":"Number","name":"lteq","label":"Is Less Than Or Equal To"},{"template":"{name} < {parameter}","parameterMessage":"Number","name":"lt","label":"Is Less Than"}]},"containerId":"ddmFormcIjNMfSl","defaultSiteLanguageId":"ar_SA","evaluatorURL":"\/o\/dynamic-data-mapping-form-context-provider\/","portletNamespace":"_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_","submitLabel":"Submit","ddmStructureLayoutId":"0","cancelLabel":"Cancel","persistDefaultValues":true,"submittable":true,"editable":false,"defaultLanguageId":"ar_SA","readOnly":false,"formReportDataURL":"https:\/\/www.jcci.org.sa\/en\/aboutthechamber?p_p_id=com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Fdynamic_data_mapping_form%2Fget_form_report_data&p_p_cacheability=cacheLevelPage&_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_formInstanceId=1179024","editingLanguageId":"en_US","viewMode":true,"spritemap":"https:\/\/www.jcci.org.sa\/o\/jcc-theme\/images\/clay\/icons.svg","currentPage":"1"}, 'xpfc');
10821})();
10822} catch (err) {
10823	console.error(err);
10824}
10825});
10826// ]]>
10827</script>
10827
10828              </div>
10829              <input class="field form-control" id="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_empty" name="_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_empty" type="hidden" value="">
10830             </form>
10831             
10831<script type="text/javascript">
10832// <![CDATA[
10833AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
10834	Liferay.Form.register(
10835		{
10836			id: '_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_fm'
10837
10838			
10839				, fieldRules: [
10840
10841					
10842
10843							
10844
10845							{
10846								body: '',
10847								custom: false,
10848								errorMessage: '',
10849								fieldName: '_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_captchaText',
10850								validatorName: 'required'
10851							}
10852
10853					
10854
10855				]
10856			
10857
10858			
10859
10860			, validateOnBlur: true
10861		}
10862	);
10863
10864	var onDestroyPortlet = function(event) {
10865		if (event.portletId === 'com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt') {
10866			delete Liferay.Form._INSTANCES['_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_fm'];
10867		}
10868	};
10869
10870	Liferay.on('destroyPortlet', onDestroyPortlet);
10871
10872	
10873
10874	Liferay.fire(
10875		'_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_formReady',
10876		{
10877			formName: '_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_fm'
10878		}
10879	);
10880})();});
10881// ]]>
10882</script>
10882
10883            </div>
10884            
10884<script type="text/javascript">
10885// <![CDATA[
10886AUI().use('aui-base', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
10887					function _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_clearInterval(intervalId) {
10888						if (intervalId) {
10889							clearInterval(intervalId);
10890						}
10891					}
10892
10893					var _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_intervalId;
10894
10895					function _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_clearPortletHandlers(event) {
10896						_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_clearInterval(_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_intervalId);
10897
10898						Liferay.detach('destroyPortlet', _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_clearPortletHandlers);
10899					}
10900
10901					Liferay.on('destroyPortlet', _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_clearPortletHandlers);
10902
10903					
10904
10905					function _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_fireFormView() {
10906						Liferay.fire('ddmFormView', {
10907							formId: '1179024',
10908							title: 'Complaints',
10909						});
10910					}
10911
10912					
10913						
10914							function _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_startAutoExtendSession() {
10915								_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_clearInterval(_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_intervalId);
10916
10917								var tenSeconds = 10000;
10918
10919								var time = Liferay.Session.get('sessionLength') || tenSeconds;
10920
10921								_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_intervalId = setInterval(
10922									_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_extendSession,
10923									time / 2
10924								);
10925							}
10926
10927							function _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_extendSession() {
10928								Liferay.Session.extend();
10929							}
10930						
10931					
10932
10933					function _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_enableForm() {
10934						var container = document.querySelector(
10935							'#ddmFormcIjNMfSl'
10936						);
10937
10938						container.classList.remove('ddm-form-builder-app-not-ready');
10939					}
10940
10941					function _com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_initForm() {
10942						_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_enableForm();
10943						_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_fireFormView();
10944
10945						
10946							
10947								_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_startAutoExtendSession();
10948							
10949						
10950					}
10951					var rememberMe = false;
10952					
10953
10954					_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_sessionIntervalId = setInterval(() => {
10955						if (Liferay.Session || rememberMe) {
10956							clearInterval(_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_sessionIntervalId);
10957
10958							_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_form = Liferay.component(
10959								'ddmFormcIjNMfSl'
10960							);
10961
10962							if (_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_form) {
10963								_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_initForm();
10964							}
10965							else {
10966								Liferay.componentReady(
10967									'ddmFormcIjNMfSl'
10968								).then((component) => {
10969									_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_form = component;
10970
10971									if (component) {
10972										_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_initForm();
10973									}
10974								});
10975							}
10976						}
10977					}, 1000);
10978				})();});
10979// ]]>
10980</script>
10980
10981            
10981<script type="text/javascript">
10982document.addEventListener("click", function (e) {
10983	  const btn = e.target.closest("form button[type=submit], form input[type=submit]");
10984	  if (!btn) return;
10985
10986	  e.preventDefault(); // stop default submit
10987	  const form = btn.closest("form");
10988
10989	  btn.disabled = true;
10990	  if (btn.tagName.toLowerCase() === "button") {
10991	    btn.textContent = "Submitting... \u23F3";
10992	  } else {
10993	    btn.value = "Submitting... \u23F3";
10994	  }
10995
10996	  console.log("Delegated: button clicked, submitting via JS...");
10997	  form.submit();
10998	});
10999	
11000	
11001document.addEventListener('DOMContentLoaded', function(e) {
11002	var searchURL = new URLSearchParams(window.location.search);
11003	
11004	var requestId = searchURL.get("requestId");
11005	
11006	var input = document.getElementById('_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_complaintRequestId');
11007	input.value = requestId;
11008});
11009</script>
11009
11010           </div>
11011          </div>
11012         </div>
11013        </section>
11014       </div>
11015      </div>
11016     </div>
11017    </div>
11018   </div>
11019  </div>
11020 </div>
11021 <style>/* Sidebar icons: editable images (swap them per-use in the page editor).
11022   These keep the SVG's own colours, so they are NOT recoloured from CSS. */
11023.vbar-icon {
11024    width: 19px;
11025    height: auto;
11026}
11027
11028/* Recolorable contact icons inside the call popup. Defaults to the brand colour
11029   used by the adjacent labels (.color-brand-1).
11030   Change --vbar-contact-icon-color to recolour them. */
11031.vbar-contact-icon {
11032    display: inline-block;
11033    width: 18px;
11034    height: 18px;
11035    vertical-align: middle;
11036    background-color: var(--vbar-contact-icon-color, #8FE7EF); /* popup icon colour */
11037    -webkit-mask: center / contain no-repeat;
11038            mask: center / contain no-repeat;
11039}
11040.private-theme {
11041   --vbar-contact-icon-color: #A0693D;
11042}
11043.private-theme .vertical-bar {
11044    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #A0693D 0.01%, rgba(255, 255, 255, 0) 100%);
11045}
11046.private-theme .color-brand-1 {
11047    color: #a0693d;
11048}
11049.private-theme #formPopup h1,
11050.private-theme #formPopup label,
11051.private-theme #formPopup p {
11052    color: #a0693d !important;
11053}
11054.private-theme #formPopup .ddm-page-container-layout {
11055    background: transparent;
11056}
11057.private-theme #formPopup input {
11058    border: 1px solid #a0693d;
11059    color: #fff;
11060}
11061.rtl .private-theme .vertical-bar {
11062    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #A0693D 0.01%, rgba(255, 255, 255, 0) 100%);
11063}
11064.rtl .private-theme .vertical-bar-item {
11065    background: #000;
11066}
11067
11068.dropdown-menu {
11069z-index: 10001;
11070}</style>
11071 
11071<script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-16841-kzdl'); var fragmentNamespace = 'kzdl'; var layoutMode = 'view';const callPopup = document.getElementById('callPopup');
11072const formPopup = document.getElementById('formPopup');
11073document.getElementById('callBtn').addEventListener('click', function() {
11074formPopup.classList.remove('show');
11075  callPopup.classList.toggle('show');
11076});
11077
11078document.getElementById('formBtn').addEventListener('click', function() {
11079callPopup.classList.remove('show');
11080  formPopup.classList.toggle('show');
11081});;}());</script>
11081
11082</div>
11083<div class="lfr-layout-structure-item-footer-quick-links lfr-layout-structure-item-cee0baa2-2ae8-f446-b1a2-035c23fffd5e " style="">
11084 <div id="fragment-16833-byql"> 
11085  <div class="footer-quick-link container-fluid text-white py-3">
11086   <div class="container">
11087    <div class="row text-center"><!-- Item 4 -->
11088     <div data-aos="flip-left" data-aos-easing="" data-aos-duration="" class="col-md-3 my-md-0 my-sm-4 my-xs-4 d-flex justify-content-center align-items-center border-right gap-15px aos-init aos-animate">
11089      <img src="/documents/44210/0/icon-membership+application+%282%29.svg"><a class="mx-2 font-s-14 font-w-600  text-decoration-none text-light" data-lfr-editable-id="link-4" data-lfr-editable-type="link" href="/en/annual-reports">Annual Reports</a>
11090      <img class="icon-mirror" src="/documents/d/jcc/angle-right-svg?download=true">
11091     </div><!-- Item 3 -->
11092     <div data-aos="flip-left" data-aos-easing="" data-aos-duration="" class="col-md-3 my-md-0 my-sm-4 my-xs-4 d-flex justify-content-center align-items-center border-right gap-15px aos-init aos-animate">
11093      <img src="/documents/44210/0/icon-membership+%281%29.svg"><a class="mx-2 font-s-14 font-w-600  text-decoration-none text-light" data-lfr-editable-id="link-3" data-lfr-editable-type="link" href="/en/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%81%D8%B1%D8%B5-%D9%88%D8%A7%D9%84%D8%A3%D9%81%D9%83%D8%A7%D8%B1-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%AB%D9%85%D8%A7%D8%B1%D9%8A%D8%A9">Opportunities and Investment Ideas</a>
11094      <img class="icon-mirror" src="/documents/d/jcc/angle-right-svg?download=true">
11095     </div><!-- Item 2 -->
11096     <div data-aos="flip-left" data-aos-easing="" data-aos-duration="" class="col-md-3 my-md-0 my-sm-4 my-xs-4 d-flex justify-content-center align-items-center border-right gap-15px aos-init aos-animate">
11097      <img src="/documents/44210/0/icon-Magazine.svg"><a class="mx-2 font-s-14 font-w-600  text-decoration-none text-light" data-lfr-editable-id="link-2" data-lfr-editable-type="link" href="/en/%D9%85%D8%AC%D9%84%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9">Digital Commerce Magazine</a>
11098      <img class="icon-mirror" src="/documents/d/jcc/angle-right-svg?download=true">
11099     </div><!-- Item 1 -->
11100     <div data-aos="flip-left" data-aos-easing="" data-aos-duration="" class="col-md-3 my-md-0 my-sm-4 my-xs-4 d-flex justify-content-center align-items-center gap-15px aos-init aos-animate">
11101      <img src="/documents/44210/0/icon-History+%281%29.svg"><a class="mx-2 font-s-14 font-w-600  text-decoration-none text-light" data-lfr-editable-id="link-1" data-lfr-editable-type="link" href="https://bluepages.com.sa/">Blue Pages</a>
11102      <img class="icon-mirror" src="/documents/d/jcc/angle-right-svg?download=true">
11103     </div>
11104    </div>
11105   </div>
11106  </div>
11107 </div>
11108</div>
11109<div class="lfr-layout-structure-item-footer-0 lfr-layout-structure-item-fce20cd4-7085-f96a-648b-4797bf9c5eb5 " style="">
11110 <div id="fragment-16843-edui"> 
11111  <div class="pb-4 pt-5 footer-section-box">
11112   <div class="container">
11113    <div class="row"><!-- Map (left) -->
11114     <div class="col-md-9 mb-3">
11115      <div class="map-box h-100">
11116       <h5 class="mb-3 font-s-16 font-w-400" data-lfr-editable-id="head-office" data-lfr-editable-type="text">Location</h5>
11117       <div id="google-map-div">
11118        <a href="https://maps.app.goo.gl/mjtovqQSo9rDasMcA?g_st=iw">
11119         <picture data-fileentryid="2386711">
11120          <source media="(max-width:300px)" srcset="/o/adaptive-media/image/2386711/Thumbnail-300x300/gmap.png?t=1763036764550">
11121          <source media="(max-width:640px) and (min-width:300px)" srcset="/o/adaptive-media/image/2386711/mobile-640/gmap.png?t=1763036764550">
11122          <source media="(max-width:887px) and (min-width:640px)" srcset="/o/adaptive-media/image/2386711/Preview-1000x0/gmap.png?t=1763036764550">
11123          <source media="(max-width:887px) and (min-width:887px)" srcset="/o/adaptive-media/image/2386711/desktop-1920/gmap.png?t=1763036764550">
11124          <source media="(max-width:887px) and (min-width:887px)" srcset="/o/adaptive-media/image/2386711/desktop-1920-2x/gmap.png?t=1763036764550">
11125          <source media="(max-width:887px) and (min-width:887px)" srcset="/o/adaptive-media/image/2386711/mobile-640-2x/gmap.png?t=1763036764550">
11126          <source media="(max-width:887px) and (min-width:887px)" srcset="/o/adaptive-media/image/2386711/tablet-1024/gmap.png?t=1763036764550">
11127          <source media="(max-width:887px) and (min-width:887px)" srcset="/o/adaptive-media/image/2386711/tablet-1024-2x/gmap.png?t=1763036764550">
11128          <img width="100%" data-lfr-editable-id="map-image" data-lfr-editable-type="image" src="/documents/d/jcc/gmap-png?download=true" alt="top" data-fileentryid="2386711">
11129         </picture></a>
11130       </div>
11131      </div>
11132     </div>
11133     <div class="col-md-3 mb-3">
11134      <div class="contact-box h-100">
11135       <h5 class="mb-3  font-s-16 font-w-400" data-lfr-editable-id="stay-it-touch" data-lfr-editable-type="text">Contact Us​</h5>
11136       <div class="contact-box-content">
11137        <div class="container-fluid p-0">
11138         <div class="container row mb-2">
11139          <img src="/documents/d/jcc/phone-svg?download=true" alt="Phone" width="18" class="mr-2">
11140          <p class="m-0 font-s-12 font-w-600" data-lfr-editable-id="phone" data-lfr-editable-type="text">Customer service</p>
11141         </div><a class="a_phone d-block font-s-14 font-w-400" href="tel:920024200"><p style="margin: 0; color: white;" data-lfr-editable-id="phone-number" data-lfr-editable-type="text">920024200</p></a>
11142        </div>
11143        <div class="container-fluid p-0 mt-4">
11144         <div class="container row mb-2">
11145          <img src="/documents/d/jcc/chat-svg?download=true" alt="Customer Service" width="18" class="mr-2">
11146          <p class=" m-0 font-s-12 font-w-600" data-lfr-editable-id="customer-service" data-lfr-editable-type="text">WhatsApp Business</p>
11147         </div><a class="a_message d-block font-s-14 font-w-400" href="https://wa.me/920024200"><p style="margin: 0; color: white;" data-lfr-editable-id="customer-service-number" data-lfr-editable-type="text">920024200</p></a>
11148        </div>
11149        <div class="container-fluid p-0 mt-4">
11150         <div class="container row mb-2">
11151          <img src="/documents/d/jcc/mail-svg?download=true" alt="Email" width="18" class="mr-2">
11152          <p class="m-0 font-s-12 font-w-600" data-lfr-editable-id="email" data-lfr-editable-type="text">E-mail</p>
11153         </div><a class="a_mail d-block font-s-14 font-w-400" href="/cdn-cgi/l/email-protection#a9c0c7cfc6e9c3cacac087c6dbce87dac8"><span class="__cf_email__" data-cfemail="036a6d656c436960606a2d6c71642d7062">[email&#160;protected]</span></a>
11154        </div>
11155       </div>
11156      </div>
11157     </div>
11158    </div>
11159   </div>
11160   <div class="container-fluid position-relative"><button id="backToTopBtn" title="" class="scroll-to-top btn p-0"> <img src="/documents/d/jcc/icon-left-svg?download=true" alt="top" width="24"> </button>
11161    <hr class="custom-hr">
11162   </div>
11163   <div class="container">
11164    <div class="container-fluid d-flex justify-content-between align-items-center flex-wrap gap-10">
11165     <div><span class="font-s-12 font-w-400" data-lfr-editable-id="copy-right-text" data-lfr-editable-type="text">Copyright © 2026 Jeddah Chamber</span>
11166     </div><!-- Right: Links + Copyright -->
11167     <div class="footer-links d-flex align-items-center"><a class="font-s-12 font-w-400" href="/sitemap.xml" data-lfr-editable-id="footer-link-1" data-lfr-editable-type="link">Sitemap</a><a class="font-s-12 font-w-400" href="/en/terms-and-condition" data-lfr-editable-id="footer-link-2" data-lfr-editable-type="link">Privacy Policy</a><a class="font-s-12 font-w-400" href="/en/%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D8%AA%D8%B9%D8%B1%D9%8A%D9%81-%D8%A7%D9%84%D8%A7%D8%B1%D8%AA%D8%A8%D8%A7%D8%B7" data-lfr-editable-id="footer-link-3" data-lfr-editable-type="link">Cookies Policy</a><a class="font-s-12 font-w-400" href="/en/faqs" data-lfr-editable-id="footer-link-4" data-lfr-editable-type="link">FAQs</a>
11168     </div><!-- Left: Social icons -->
11169     <div class="footer-social d-flex align-items-center"><a href="#" data-lfr-editable-id="social-link-1" data-lfr-editable-type="link"><img src="/documents/d/jcc/youtube-svg?download=true" alt="YouTube" class="social-icon"></a><a href="#" data-lfr-editable-id="social-link-2" data-lfr-editable-type="link"><img src="/documents/d/jcc/instagram-svg?download=true" alt="Instagram" class="social-icon"></a><a href="#" data-lfr-editable-id="social-link-3" data-lfr-editable-type="link"><img src="/documents/d/jcc/facebook-svg?download=true" alt="Facebook" class="social-icon"></a><a href="#" data-lfr-editable-id="social-link-4" data-lfr-editable-type="link"><img src="/documents/d/jcc/linkedin-svg?download=true" alt="LinkedIn" class="social-icon"></a><a href="#" data-lfr-editable-id="social-link-5" data-lfr-editable-type="link"><img src="/documents/d/jcc/twitter-svg?download=true" alt="X" class="social-icon"></a>
11170     </div>
11171    </div>
11172   </div>
11173  </div>
11174 </div>
11175 <style>#google-map-div img {
11176	object-fit: cover;
11177}
11178
11179.footer-section-box .footer-links {
11180    flex-wrap: wrap;
11181    row-gap: 12px;
11182}</style>
vendor: 110 bytes, lines 11182-11183
11182
11183 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
11183<script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-16843-edui'); var fragmentNamespace = 'edui'; var layoutMode = 'view';$(document).ready(function () {
11184	$('#backToTopBtn').click(function () {
11185		window.scrollTo({
11186			top: 0,
11187			behavior: "smooth"
11188		});
11189	});
11190});;}());</script>
11190
11191</div>
11192<div class="lfr-layout-structure-item-js-bottom-noscript lfr-layout-structure-item-df3963ec-2620-e7d3-6b89-efc947a217f7 " style="">
11193 <div id="fragment-18804-rser"> <span style="display:none"></span>
11194 </div>
11195 <style>.fragment_18803 {
11196}
11197#portlet_com_liferay_commerce_checkout_web_internal_portlet_CommerceCheckoutPortlet .portlet-header {
11198    display: none !important;
11199}</style>
11200 
11200<script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-18804-rser'); var fragmentNamespace = 'rser'; var layoutMode = 'view';if (!document.body.classList.contains("has-edit-mode-menu")) {
11201  AOS.init({
11202  once: false,
11203  duration: 500,
11204  });
11205 }
11206
11207$( document ).ready(function() {
11208    setTimeout(() => {
11209    let elapsed = 0;
11210    const interval = setInterval(() => {
11211      refreshFormCaptcha();
11212      elapsed += 2000;
11213
11214      if (elapsed >= 15000) { // stop after 15s (i.e., runs till 20s total)
11215        clearInterval(interval);
11216      }
11217    }, 2000);
11218  }, 5000);
11219});
11220document.addEventListener('DOMContentLoaded', () => {
11221  setTimeout(() => {
11222    let elapsed = 0;
11223    const interval = setInterval(() => {
11224      refreshFormCaptcha();
11225      elapsed += 2000;
11226
11227      if (elapsed >= 15000) { // stop after 15s (i.e., runs till 20s total)
11228        clearInterval(interval);
11229      }
11230    }, 2000);
11231  }, 5000);
11232});
11233
11234const formIds = [];
11235
11236function refreshFormCaptcha(){
11237    const parentDivs = document.querySelectorAll('.taglib-captcha');
11238    parentDivs.forEach(parentDiv => {
11239
11240      const refreshLink = parentDiv.querySelector('a.taglib-icon');
11241      const captcha = parentDiv.querySelector('img.captcha');
11242
11243      if(!formIds.includes(captcha.id)){
11244        formIds.push(captcha.id)
11245        if (refreshLink) {
11246          refreshLink.addEventListener('click', () => {
11247            const captcha = parentDiv.querySelector('img.captcha');
11248            const url = new URL(captcha.src, window.location.origin);
11249            url.searchParams.set('t', Date.now());
11250            captcha.src = url.toString();
11251          });
11252        }
11253      }
11254      
11255    });
11256};}());</script>
11256
11257</div>
11258<div class="lfr-layout-structure-item-jcci-cookie lfr-layout-structure-item-7b22d792-0781-60c9-7e3a-d072af7651ac " style="">
11259 <div id="fragment-16835-mtvt"> 
11260  <div class="position-relative d-flex justify-content-center">
11261   <div class="container alert alert-info fade show cookie-banner m-0 text-right" role="alert">
11262    <div class="container row"><span data-lfr-editable-id="cookie-text" data-lfr-editable-type="text" class="col-12 col-md-8 m-0 flex-fill">Our website uses cookies to provide you with an enhanced browsing experience, analyze behavior, and personalize content. Learn more about our cookie policy and manage your preferences in our settings</span>
11263     <div class="col-12 col-md-4 m-0 d-flex align-items-center justify-content-center"><button type="button" class="btn btn-animation-2 btn-sm mr-2 cookie-banner-button" id="acceptCookies"> <span data-lfr-editable-id="accept-btn" data-lfr-editable-type="text">I Accept</span> </button><button type="button" class="mr-2 btn btn-outline-light btn-animation-1 btn-sm cookie-banner-button-reject" id="rejectCookies"> <span data-lfr-editable-id="refuse-btn" data-lfr-editable-type="text">I Reject</span> </button>
11264     </div>
11265    </div>
11266   </div>
11267  </div>
11268 </div>
11269 <style>html[dir="ltr"] .cookie-banner .row > *:first-child {
11270    order: 1 !important;
11271}
11272
11273html[dir="ltr"] .cookie-banner .row span {
11274	text-align: left;
11275}
11276
11277.cookie-banner {
11278	max-width: 100%;
11279	padding-top: 30px;
11280  padding-bottom: 10px;
11281}
11282
11283.cookie-banner div.row {
11284	max-width: none;
11285}
11286
11287.cookie-banner div.row div button.btn {
11288	line-height: unset;
11289}
11290
11291.cookie-banner div.row > * {
11292	margin-bottom: 20px !important;
11293}</style>
11294 
11294<script>(function() {var configuration = {}; var fragmentElement = document.querySelector('#fragment-16835-mtvt'); var fragmentNamespace = 'mtvt'; var layoutMode = 'view';const button = fragmentElement.querySelector('.cookie-banner-button');
11295const buttonReject = fragmentElement.querySelector('.cookie-banner-button-reject');
11296const cookieBanner = fragmentElement.querySelector('.cookie-banner');
11297
11298const editMode = layoutMode === 'edit';
11299
11300function handleButtonClick() {
11301	hideBanner();
11302
11303	localStorage.setItem('liferay.cookie.consent', 'accepted');
11304}
11305
11306function handleButtonClickReject() {
11307	hideBanner();
11308
11309	localStorage.setItem('liferay.cookie.consent', 'rejected');
11310}
11311
11312function hideBanner() {
11313	cookieBanner.style.display = 'none';
11314}
11315
11316function main() {
11317		// In the page editor, always show the banner and skip all interaction so
11318		// authors can see and edit it regardless of their saved cookie consent.
11319		if (editMode) {
11320			return;
11321		}
11322
11323		if (localStorage.getItem('liferay.cookie.consent') === 'accepted') {
11324			hideBanner();
11325		}
11326		else {
11327			button.addEventListener('click', handleButtonClick);
11328			buttonReject.addEventListener('click', handleButtonClickReject);
11329		}
11330}
11331
11332main();
11333
11334
11335
11336
11337
11338var LEVEL_1_ID = "99359446";
11339var LEVEL_2_ID = "40016961";
11340var LEVEL_3_ID = "21362965";
11341
11342var cState = {
11343    lastL1: null,
11344    lastL2: null,
11345    init: false,
11346    nuking: false,
11347    nukeTimer: null,
11348    userSelectedL2: false
11349};
11350
11351function cGetFormGroup(fieldId) {
11352    var containers = document.querySelectorAll("[data-field-name='" + fieldId + "']");
11353    for (var i = 0; i < containers.length; i++) {
11354        if (containers[i].classList.contains("form-group")) {
11355            return containers[i];
11356        }
11357    }
11358    for (var j = 0; j < containers.length; j++) {
11359        var fg = containers[j].querySelector(".form-group");
11360        if (fg) return fg;
11361    }
11362    return null;
11363}
11364
11365function cGetHiddenInput(fieldId) {
11366    var fg = cGetFormGroup(fieldId);
11367    if (!fg) return null;
11368    var inputs = fg.querySelectorAll("input[type='hidden']");
11369    for (var i = 0; i < inputs.length; i++) {
11370        if (inputs[i].name.indexOf("_edited") === -1) {
11371            return inputs[i];
11372        }
11373    }
11374    return null;
11375}
11376
11377function cGetValue(fieldId) {
11378    var input = cGetHiddenInput(fieldId);
11379    return input ? input.value : null;
11380}
11381
11382function cGetOuterContainer(fieldId) {
11383    var all = document.querySelectorAll("[data-field-name='" + fieldId + "']");
11384    for (var i = 0; i < all.length; i++) {
11385        if (all[i].classList.contains("ddm-field-container")) {
11386            return all[i];
11387        }
11388    }
11389    return null;
11390}
11391
11392function cHideField(fieldId) {
11393    var fg = cGetFormGroup(fieldId);
11394    var outer = cGetOuterContainer(fieldId);
11395    if (fg) fg.style.display = "none";
11396    if (outer) outer.style.display = "none";
11397}
11398
11399function cShowField(fieldId) {
11400    var fg = cGetFormGroup(fieldId);
11401    var outer = cGetOuterContainer(fieldId);
11402    if (fg) fg.style.display = "";
11403    if (outer) outer.style.display = "";
11404}
11405
11406function cClearHiddenValue(fieldId) {
11407    var input = cGetHiddenInput(fieldId);
11408    if (input && input.value !== "") {
11409        input.value = "";
11410    }
11411}
11412
11413function cResetVisualTrigger(fieldId) {
11414    var fg = cGetFormGroup(fieldId);
11415    if (!fg) return;
11416    var trigger = fg.querySelector(".select-field-trigger");
11417    if (!trigger) return;
11418    var selected = trigger.querySelector(".option-selected");
11419    if (selected && !selected.classList.contains("option-selected-placeholder")) {
11420        selected.classList.add("option-selected-placeholder");
11421        selected.textContent = "Choose an Option";
11422    }
11423}
11424
11425function cNuke() {
11426    cClearHiddenValue(LEVEL_2_ID);
11427    cResetVisualTrigger(LEVEL_2_ID);
11428    cClearHiddenValue(LEVEL_3_ID);
11429    cHideField(LEVEL_3_ID);
11430}
11431
11432function cStartNuking() {
11433    cStopNuking();
11434    cState.nuking = true;
11435    cState.userSelectedL2 = false;
11436    cNuke();
11437
11438    var count = 0;
11439    cState.nukeTimer = setInterval(function() {
11440        count++;
11441        cNuke();
11442        if (count >= 20) {
11443            cStopNuking();
11444        }
11445    }, 300);
11446}
11447
11448function cStopNuking() {
11449    if (cState.nukeTimer) {
11450        clearInterval(cState.nukeTimer);
11451        cState.nukeTimer = null;
11452    }
11453    cState.nuking = false;
11454}
11455
11456function cAttachL2Listener() {
11457    var fg = cGetFormGroup(LEVEL_2_ID);
11458    if (!fg) return;
11459    var trigger = fg.querySelector(".select-field-trigger");
11460    if (trigger) {
11461        trigger.addEventListener("mousedown", function() {
11462            cState.userSelectedL2 = true;
11463        }, true);
11464    }
11465}
11466
11467function cPoll() {
11468    var l1 = cGetValue(LEVEL_1_ID);
11469    var l2 = cGetValue(LEVEL_2_ID);
11470    if (l1 === null) return;
11471
11472    if (!cState.init) {
11473        cState.lastL1 = l1;
11474        cState.lastL2 = l2;
11475        cState.init = true;
11476        cAttachL2Listener();
11477        return;
11478    }
11479
11480    if (l1 !== cState.lastL1) {
11481        cState.lastL1 = l1;
11482        cState.userSelectedL2 = false;
11483        if (l1 !== "") {
11484            cStartNuking();
11485        }
11486    }
11487
11488    if (l2 !== cState.lastL2) {
11489        cState.lastL2 = l2;
11490        if (cState.userSelectedL2 && l2 !== "") {
11491            cStopNuking();
11492            cShowField(LEVEL_3_ID);
11493        }
11494    }
11495}
11496
11497function cStart() {
11498    if (cGetHiddenInput(LEVEL_1_ID)) {
11499        setInterval(cPoll, 400);
11500        return true;
11501    }
11502    return false;
11503}
11504
11505if (!cStart()) {
11506    var cObs = new MutationObserver(function() {
11507        if (cStart()) cObs.disconnect();
11508    });
11509    cObs.observe(document.body, {childList: true, subtree: true});
11510    setTimeout(function() { cObs.disconnect(); cStart(); }, 60000);
11511};}());</script>
11511
11512</div>
11513
11514
11515
11516
11517		</div>
11518	
11519
11520
11521<form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Hidden</button></form>
11522
11523	
11524		</section>
11525
11526	</div>
11527</div>
11528
11529
11530
11531
11532
11533
11534
11535
11536
11537
11538
11539
11540
11541
11542
11543
11544
11545
11546
11547
11548
11549
11550
11551
11552
11553
11554
11555
11556
11557
11558
11559
11560
11561
11562
11563
11564
11565
11566
11567
11568
11569
11570
11571
11572
11573
11574
11575
11576
11577
11578
11579
11580
11581
11582
11583
11584
11585
11586
11587
11588
11589
11590
11591
11592
11593
11594
11595
11596
11597
11598
11599
11600
11601
11602
11603
11604
11605
11606
11607
11608
11609
11610
11611
11612
11613
11614
11615
11616
11617
11618
11619
11620
11621
11622
11623
11624
11625
11626
11627
11628
11629
11630
11631
11632
11633
11634
11635
11636
11637
11638
11639	
11640
11641
11642
11643
11644
11645
11646
11647
11648
11649	
11650
11651
11652
11653
11654
11655
11656
11657
11658
11659<script type="text/javascript">
11660// <![CDATA[
11661
11662	
11663		
11664
11665			
11666
11667			
11668		
11669	
11670
11671// ]]>
11672</script>
11672
11673
11674
11675
11676
11677
11678
11679
11680
11681
11682
11683
11684<script type="text/javascript">
11685	// <![CDATA[
11686
11687		
11688
11689		Liferay.currentURL = '\x2fen\x2faboutthechamber';
11690		Liferay.currentURLEncoded = '\x252Fen\x252Faboutthechamber';
11691
11692	// ]]>
11693</script>
11693
11694
11695
11696
11697	
11698
11699	
11700
11701	
11701<script type="text/javascript">
11702		// <![CDATA[
11703			
11704				
11705
11706				
11707
11708				
11709			
11710		// ]]>
11711	</script>
11711
11712
11713
11714
11715
11716
11717
11718
11719
11720
11721
11722
11723
11724
11725	
11726
11727
11728<script type="text/javascript">
11729// <![CDATA[
11730(function() {var $ = AUI.$;var _ = AUI._;
11731	var onDestroyPortlet = function () {
11732		Liferay.detach('messagePosted', onMessagePosted);
11733		Liferay.detach('destroyPortlet', onDestroyPortlet);
11734	};
11735
11736	Liferay.on('destroyPortlet', onDestroyPortlet);
11737
11738	var onMessagePosted = function (event) {
11739		if (window.Analytics) {
11740			Analytics.send('posted', 'Comment', {
11741				className: event.className,
11742				classPK: event.classPK,
11743				commentId: event.commentId,
11744				text: event.text,
11745			});
11746		}
11747	};
11748
11749	Liferay.on('messagePosted', onMessagePosted);
11750})();
11751	function getValueByAttribute(node, attr) {
11752		return (
11753			node.dataset[attr] ||
11754			(node.parentElement && node.parentElement.dataset[attr])
11755		);
11756	}
11757
11758	function sendAnalyticsEvent(anchor) {
11759		var fileEntryId = getValueByAttribute(anchor, 'analyticsFileEntryId');
11760		var title = getValueByAttribute(anchor, 'analyticsFileEntryTitle');
11761		var version = getValueByAttribute(anchor, 'analyticsFileEntryVersion');
11762
11763		if (fileEntryId) {
11764			Analytics.send('documentDownloaded', 'Document', {
11765				groupId: themeDisplay.getScopeGroupId(),
11766				fileEntryId,
11767				preview: !!window._com_liferay_document_library_analytics_isViewFileEntry,
11768				title,
11769				version,
11770			});
11771		}
11772	}
11773
11774	function handleDownloadClick(event) {
11775		if (window.Analytics) {
11776			if (event.target.nodeName.toLowerCase() === 'a') {
11777				sendAnalyticsEvent(event.target);
11778			}
11779			else if (
11780				event.target.parentNode &&
11781				event.target.parentNode.nodeName.toLowerCase() === 'a'
11782			) {
11783				sendAnalyticsEvent(event.target.parentNode);
11784			}
11785			else if (
11786				event.target.dataset.action === 'download' ||
11787				event.target.querySelector('.lexicon-icon-download') ||
11788				event.target.classList.contains('lexicon-icon-download') ||
11789				(event.target.parentNode &&
11790					event.target.parentNode.classList.contains(
11791						'lexicon-icon-download'
11792					))
11793			) {
11794				var selectedFiles = document.querySelectorAll(
11795					'.portlet-document-library .entry-selector:checked'
11796				);
11797
11798				selectedFiles.forEach(({value}) => {
11799					var selectedFile = document.querySelector(
11800						'[data-analytics-file-entry-id="' + value + '"]'
11801					);
11802
11803					sendAnalyticsEvent(selectedFile);
11804				});
11805			}
11806		}
11807	}
11808
11809	Liferay.once('destroyPortlet', () => {
11810		document.body.removeEventListener('click', handleDownloadClick);
11811	});
11812
11813	Liferay.once('portletReady', () => {
11814		document.body.addEventListener('click', handleDownloadClick);
11815	});
11816(function() {var $ = AUI.$;var _ = AUI._;
11817	var onVote = function (event) {
11818		if (window.Analytics) {
11819			Analytics.send('VOTE', 'Ratings', {
11820				className: event.className,
11821				classPK: event.classPK,
11822				ratingType: event.ratingType,
11823				score: event.score,
11824				title: event.contentTitle,
11825			});
11826		}
11827	};
11828
11829	var onDestroyPortlet = function () {
11830		Liferay.detach('ratings:vote', onVote);
11831		Liferay.detach('destroyPortlet', onDestroyPortlet);
11832	};
11833
11834	Liferay.on('ratings:vote', onVote);
11835	Liferay.on('destroyPortlet', onDestroyPortlet);
11836})();(function() {var $ = AUI.$;var _ = AUI._;
11837	var onShare = function (data) {
11838		if (window.Analytics) {
11839			Analytics.send('shared', 'SocialBookmarks', {
11840				className: data.className,
11841				classPK: data.classPK,
11842				type: data.type,
11843				url: data.url,
11844			});
11845		}
11846	};
11847
11848	var onDestroyPortlet = function () {
11849		Liferay.detach('socialBookmarks:share', onShare);
11850		Liferay.detach('destroyPortlet', onDestroyPortlet);
11851	};
11852
11853	Liferay.on('socialBookmarks:share', onShare);
11854	Liferay.on('destroyPortlet', onDestroyPortlet);
11855})();
11856	if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) {
11857		svg4everybody(
11858			{
11859				polyfill: true,
11860				validate: function (src, svg, use) {
11861					return !src || !src.startsWith('#');
11862				}
11863			}
11864		);
11865	}
11866
11867	
11868		Liferay.Portlet.register('com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet');
11869	
11870
11871	Liferay.Portlet.onLoad(
11872		{
11873			canEditTitle: false,
11874			columnPos: 0,
11875			isStatic: 'end',
11876			namespacedId: 'p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_',
11877			portletId: 'com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet',
11878			refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d158\x26p_p_id\x3dcom_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Faboutthechamber',
11879			refreshURLData: {}
11880		}
11881	);
11882
11883	
11884		Liferay.Portlet.register('com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt');
11885	
11886
11887	Liferay.Portlet.onLoad(
11888		{
11889			canEditTitle: false,
11890			columnPos: 0,
11891			isStatic: 'end',
11892			namespacedId: 'p_p_id_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_',
11893			portletId: 'com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt',
11894			refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d158\x26p_p_id\x3dcom_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Faboutthechamber',
11895			refreshURLData: {}
11896		}
11897	);
11898
11899	
11900		Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_giiv');
11901	
11902
11903	Liferay.Portlet.onLoad(
11904		{
11905			canEditTitle: false,
11906			columnPos: 0,
11907			isStatic: 'end',
11908			namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_giiv_',
11909			portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_giiv',
11910			refreshURL: '\x2fen\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d158\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_giiv\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fen\x252Faboutthechamber',
11911			refreshURLData: {}
11912		}
11913	);
11914Liferay.Loader.require('frontend-js-web/liferay/delegate/delegate.es', 'frontend-js-web/liferay/toast/commands/OpenToast.es', function(frontendJsWebLiferayDelegateDelegateEs, frontendJsWebLiferayToastCommandsOpenToastEs) {
11915try {
11916(function() {
11917var delegateModule = frontendJsWebLiferayDelegateDelegateEs;
11918var $ = AUI.$;var _ = AUI._;
11919	var delegate = delegateModule.default;
11920
11921	delegate(
11922		document,
11923		'focusin',
11924		'.portlet',
11925		function(event) {
11926			event.delegateTarget.closest('.portlet').classList.add('open');
11927		}
11928	);
11929
11930	delegate(
11931		document,
11932		'focusout',
11933		'.portlet',
11934		function(event) {
11935			event.delegateTarget.closest('.portlet').classList.remove('open');
11936		}
11937	);
11938
11939})();
11940(function() {
11941var toastCommands = frontendJsWebLiferayToastCommandsOpenToastEs;
11942var $ = AUI.$;var _ = AUI._;
11943		AUI().use(
11944			'liferay-session',
11945			function() {
11946				Liferay.Session = new Liferay.SessionBase(
11947					{
11948						autoExtend: true,
11949						redirectOnExpire: false,
11950						redirectUrl: 'https\x3a\x2f\x2fwww\x2ejcci\x2eorg\x2esa\x2fweb\x2fjcc',
11951						sessionLength: 900,
11952						sessionTimeoutOffset: 70,
11953						warningLength: 60
11954					}
11955				);
11956
11957				
11958			}
11959		);
11960	
11961})();
11962} catch (err) {
11963	console.error(err);
11964}
11965});AUI().use('liferay-menu', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
11966	new Liferay.Menu();
11967
11968	var liferayNotices = Liferay.Data.notices;
11969
11970	for (var i = 0; i < liferayNotices.length; i++) {
11971		Liferay.Util.openToast(liferayNotices[i]);
11972	}
11973
11974})();});
11975// ]]>
11976</script>
11976
11977
11978
11979
11980
11981
11982
11983
11984
11985
11986<script src="https://www.jcci.org.sa/o/jcc-theme/js/main.js?browserId=chrome&amp;minifierType=js&amp;languageId=en_US&amp;t=1751894342000" type="text/javascript"></script>
11986
11987
11988
11989
11990
11991<script type="text/javascript">function handleBeforeNavigate(){Liferay.on("beforeNavigate",(()=>{const e=parent.document.getElementsByClassName("lfr-device")[0],a=document.createElement("section");a.classList.add("loading-animation-simulation-device"),a.innerHTML='<span aria-hidden="true" class="loading-animation"></span>',e.parentNode.appendChild(a),e.classList.add("lfr-device--is-navigating")}))}function handleFrameOnLoad(){frameElement.onload=function(){const e=parent.document.getElementsByClassName("loading-animation-simulation-device")[0];e&&e.remove();parent.document.getElementsByClassName("lfr-device")[0].classList.remove("lfr-device--is-navigating")}}function handlePreviewParam(){const e=new URL(frameElement.contentWindow.location.href),a=new URLSearchParams(e.search);a.has("p_l_mode")||(a.append("p_l_mode","preview"),frameElement.contentWindow.location.search=a.toString())}AUI().use("aui-base",(()=>{frameElement&&"simulationDeviceIframe"===frameElement.getAttribute("id")&&(document.body.classList.add("lfr-has-simulation-panel"),handleBeforeNavigate(),handleFrameOnLoad(),handlePreviewParam())}));
11992//# sourceMappingURL=simulation_device_dynamic_include.js.map</script>
11992<script type="text/javascript">
11993// <![CDATA[
11994Liferay.Loader.require('[email protected]/index', function(frontendJsTooltipSupportWeb4016Index) {
11995try {
11996(function() {
11997var TooltipSupport = frontendJsTooltipSupportWeb4016Index;
11998TooltipSupport.default()
11999})();
12000} catch (err) {
12001	console.error(err);
12002}
12003});
12004// ]]>
12005</script>
12005<script type="text/javascript">
12006// <![CDATA[
12007Liferay.Loader.require('[email protected]/index', function(frontendJsTabsSupportWeb2011Index) {
12008try {
12009(function() {
12010var TabsProvider = frontendJsTabsSupportWeb2011Index;
12011TabsProvider.default()
12012})();
12013} catch (err) {
12014	console.error(err);
12015}
12016});
12017// ]]>
12018</script>
12018<script type="text/javascript">
12019// <![CDATA[
12020Liferay.Loader.require('[email protected]/index', function(frontendJsCollapseSupportWeb2012Index) {
12021try {
12022(function() {
12023var CollapseProvider = frontendJsCollapseSupportWeb2012Index;
12024CollapseProvider.default()
12025})();
12026} catch (err) {
12027	console.error(err);
12028}
12029});
12030// ]]>
12031</script>
12031<script type="text/javascript">
12032// <![CDATA[
12033Liferay.Loader.require('[email protected]/index', function(frontendJsDropdownSupportWeb209Index) {
12034try {
12035(function() {
12036var DropdownProvider = frontendJsDropdownSupportWeb209Index;
12037DropdownProvider.default()
12038})();
12039} catch (err) {
12040	console.error(err);
12041}
12042});
12043// ]]>
12044</script>
12044<script type="text/javascript">
12045// <![CDATA[
12046Liferay.Loader.require('[email protected]/index', function(frontendJsAlertSupportWeb209Index) {
12047try {
12048(function() {
12049var AlertProvider = frontendJsAlertSupportWeb209Index;
12050AlertProvider.default()
12051})();
12052} catch (err) {
12053	console.error(err);
12054}
12055});
12056// ]]>
12057</script>
12057
12058
12059<script>
12060 if (!document.body.classList.contains("has-edit-mode-menu")) {
12061  AOS.init({
12062	once: true,
12063	duration: 1500,
12064  });
12065 }
12066</script>
12066
12067
12068
12069</body>
12070
12071</html>
12072		
12073	
12074

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.