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&t=1661169750059&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&t=1661169750059&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&themeId=jcc_WAR_jcctheme&minifierType=css&languageId=en_US&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&minifierType=&themeId=jcc_WAR_jcctheme&languageId=en_US&com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_qsrr:%2Fo%2Fdynamic-data-mapping-form-web%2Fadmin%2Fcss%2Fmain.css&com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fo%2Fproduct-navigation-product-menu-web%2Fcss%2Fmain.css&com_liferay_segments_experiment_web_internal_portlet_SegmentsExperimentPortlet:%2Fo%2Fsegments-experiment-web%2Fcss%2Fmain.css&com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet:%2Fo%2Fsite-navigation-language-web%2Fcss%2Fmain.css&com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_fifw:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&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&themeId=jcc_WAR_jcctheme&minifierType=css&languageId=en_US&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&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&redirect=%2Fen%2Faboutthechamber&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 </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&t=1660763402678&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&t=1660850548147&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. 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="">اï»ï»ïº®ï»ïº ïºïºï»ïºØ±ï»ïºÙ </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&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&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&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&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&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&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&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&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 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&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_vlmt_javax.portlet.action=%2Fdynamic_data_mapping_form%2Fadd_form_instance_record&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&p_p_lifecycle=0&p_p_state=normal&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&p_p_lifecycle=0&p_p_state=normal&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&themeId=jcc_WAR_jcctheme&minifierType=css&languageId=en_US&t=1751894342000","https://www.jcci.org.sa/o/jcc-theme/css/main.css?browserId=chrome&themeId=jcc_WAR_jcctheme&minifierType=css&languageId=en_US&t=1751894342000","/o/frontend-editor-ckeditor-web/ckeditor/skins/moono-lexicon/editor.css?browserId=chrome&themeId=jcc_WAR_jcctheme&minifierType=css&languageId=en_US&t=1751894342000","/o/frontend-editor-ckeditor-web/ckeditor/skins/moono-lexicon/dialog.css?browserId=chrome&themeId=jcc_WAR_jcctheme&minifierType=css&languageId=en_US&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&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 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&minifierType=js&languageId=en_US&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.