JobsDZ - \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0644\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/title>\n <meta name=\"description\" content=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u062d\u0633\u0628 \u0627\u0644\u0648\u0644\u0627\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639. \u0645\u0646\u0635\u0629 JobsDZ \u062a\u0648\u0641\u0631 \u0623\u062d\u062f\u062b \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n \/* ============================================\n ROOT VARIABLES & RESET\n ============================================ *\/\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg: #f6f8fc;\n --bg-card: #ffffff;\n --bg-card-hover: #f0f4ff;\n --bg-input: #f0f4ff;\n --text: #0b1426;\n --text-muted: #5a6b7e;\n --text-light: #8a9bb0;\n --border: #e6ecf5;\n --border-strong: #cdd8e6;\n --accent: #4f6ef7;\n --accent-light: #7a93fa;\n --accent-dark: #3a56d4;\n --accent-glow: rgba(79, 110, 247, 0.15);\n --pink: #e84c8a;\n --cyan: #14b8d4;\n --green: #22b86b;\n --amber: #f5a623;\n --radius: 16px;\n --radius-sm: 10px;\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.02);\n --shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.07), 0 4px 16px rgba(0, 0, 0, 0.03);\n --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.08);\n --transition: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n --container: 1200px;\n --header-height: 72px;\n }\n\n [data-theme=\"dark\"] {\n --bg: #0b1120;\n --bg-card: #141e33;\n --bg-card-hover: #1a2740;\n --bg-input: #1a2740;\n --text: #edf2f9;\n --text-muted: #8fa0bb;\n --text-light: #5e7391;\n --border: #1e2d48;\n --border-strong: #2d405f;\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.1);\n --shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.35), 0 4px 16px rgba(0, 0, 0, 0.15);\n --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.4);\n --accent-glow: rgba(79, 110, 247, 0.12);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: var(--bg);\n color: var(--text);\n direction: rtl;\n text-align: right;\n line-height: 1.7;\n transition: background 0.3s, color 0.3s;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n button {\n font: inherit;\n cursor: pointer;\n border: none;\n background: none;\n }\n img {\n max-width: 100%;\n display: block;\n height: auto;\n }\n\n .container {\n max-width: var(--container);\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ============================================\n UTILITY\n ============================================ *\/\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 40px;\n }\n .section-header .kicker {\n display: inline-block;\n font-weight: 800;\n font-size: 0.8rem;\n letter-spacing: 0.08em;\n color: var(--accent);\n background: var(--accent-glow);\n padding: 4px 18px;\n border-radius: 999px;\n margin-bottom: 10px;\n text-transform: uppercase;\n }\n .section-header h2 {\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n font-weight: 900;\n line-height: 1.15;\n color: var(--text);\n }\n .section-header p {\n color: var(--text-muted);\n font-size: 1.05rem;\n max-width: 600px;\n margin: 8px auto 0;\n }\n\n \/* ============================================\n BUTTONS\n ============================================ *\/\n .btn-primary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 12px 32px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 0.95rem;\n color: #fff;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border: none;\n transition: all var(--transition);\n box-shadow: 0 4px 20px var(--accent-glow);\n position: relative;\n overflow: hidden;\n }\n .btn-primary::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 999px;\n background: linear-gradient(135deg, var(--accent-light), var(--accent));\n opacity: 0;\n transition: opacity var(--transition);\n }\n .btn-primary:hover::after {\n opacity: 1;\n }\n .btn-primary:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 32px var(--accent-glow);\n }\n .btn-primary:active {\n transform: scale(0.97);\n }\n .btn-primary span,\n .btn-primary .icon {\n position: relative;\n z-index: 1;\n }\n\n .btn-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 12px 28px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 0.95rem;\n color: var(--text);\n background: var(--bg-card);\n border: 1.5px solid var(--border);\n transition: all var(--transition);\n }\n .btn-secondary:hover {\n border-color: var(--accent);\n background: var(--bg-card-hover);\n transform: translateY(-3px);\n box-shadow: var(--shadow-hover);\n }\n\n .btn-outline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-muted);\n border: 1.5px solid var(--border);\n background: transparent;\n transition: all var(--transition);\n }\n .btn-outline:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n transform: translateY(-2px);\n }\n\n \/* ============================================\n HEADER\n ============================================ *\/\n .site-header {\n position: sticky;\n top: 0;\n z-index: 100;\n background: rgba(246, 248, 252, 0.75);\n backdrop-filter: blur(16px) saturate(1.3);\n -webkit-backdrop-filter: blur(16px) saturate(1.3);\n border-bottom: 1px solid var(--border);\n height: var(--header-height);\n display: flex;\n align-items: center;\n padding: 0 24px;\n transition: background 0.3s, border-color 0.3s;\n }\n [data-theme=\"dark\"] .site-header {\n background: rgba(11, 17, 32, 0.8);\n }\n\n .header-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: var(--container);\n margin: 0 auto;\n gap: 16px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 900;\n font-size: 1.3rem;\n color: var(--text);\n flex-shrink: 0;\n }\n .brand img {\n height: 40px;\n width: auto;\n filter: brightness(0) invert(0);\n transition: filter 0.3s;\n }\n [data-theme=\"dark\"] .brand img {\n filter: brightness(0) invert(1);\n }\n\n .nav-links {\n display: flex;\n gap: 2px;\n align-items: center;\n }\n .nav-links a {\n padding: 6px 16px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 0.9rem;\n color: white;\n transition: all var(--transition);\n }\n .nav-links a:hover {\n color: var(--text);\n background: var(--bg-card-hover);\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n }\n .header-actions .icon-btn {\n width: 40px;\n height: 40px;\n display: grid;\n place-items: center;\n border-radius: var(--radius-sm);\n color: var(--text-muted);\n border: 1px solid var(--border);\n background: transparent;\n font-size: 1.1rem;\n transition: all var(--transition);\n }\n .header-actions .icon-btn:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n transform: translateY(-2px);\n }\n .header-actions .badge {\n position: relative;\n }\n .header-actions .badge::after {\n content: '3';\n position: absolute;\n top: -4px;\n right: -4px;\n font-size: 0.55rem;\n font-weight: 800;\n background: #ef4444;\n color: #fff;\n width: 18px;\n height: 18px;\n border-radius: 999px;\n display: grid;\n place-items: center;\n box-shadow: 0 4px 10px rgba(239, 68, 68, 0.3);\n }\n\n .header-cta-group {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 4px 4px 4px 8px;\n border-radius: 999px;\n border: 1px solid var(--border);\n background: rgba(255, 255, 255, 0.03);\n }\n [data-theme=\"dark\"] .header-cta-group {\n background: rgba(255, 255, 255, 0.02);\n }\n .header-cta-group .btn-primary {\n padding: 8px 20px;\n font-size: 0.85rem;\n }\n .header-cta-group .btn-secondary {\n padding: 8px 18px;\n font-size: 0.85rem;\n background: transparent;\n border-color: transparent;\n }\n .header-cta-group .btn-secondary:hover {\n background: var(--bg-card-hover);\n border-color: var(--border);\n }\n\n .mobile-toggle {\n display: none;\n width: 40px;\n height: 40px;\n border-radius: var(--radius-sm);\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text);\n font-size: 1.4rem;\n transition: all var(--transition);\n }\n .mobile-toggle:hover {\n border-color: var(--accent);\n }\n\n \/* ============================================\n MOBILE MENU \u2014 SLIDE-IN DRAWER (improved)\n ============================================ *\/\n .mobile-menu-overlay {\n position: fixed;\n inset: 0;\n z-index: 200;\n background: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n }\n .mobile-menu-overlay.open {\n opacity: 1;\n visibility: visible;\n }\n\n .mobile-menu-drawer {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n width: 85%;\n max-width: 340px;\n background: var(--bg-card);\n border-left: 1px solid var(--border);\n box-shadow: var(--shadow-lg);\n z-index: 210;\n transform: translateX(100%);\n transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: flex;\n flex-direction: column;\n padding: 20px 20px 30px;\n overflow-y: auto;\n }\n .mobile-menu-drawer.open {\n transform: translateX(0);\n }\n\n .mobile-menu-drawer .drawer-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n padding-bottom: 12px;\n border-bottom: 1px solid var(--border);\n }\n .mobile-menu-drawer .drawer-header .brand-small {\n font-weight: 900;\n font-size: 1.1rem;\n color: var(--text);\n }\n .mobile-menu-drawer .drawer-header .close-btn {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n font-size: 1.4rem;\n color: var(--text-muted);\n border: 1px solid var(--border);\n background: var(--bg);\n transition: all var(--transition);\n }\n .mobile-menu-drawer .drawer-header .close-btn:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n transform: rotate(90deg);\n }\n\n .mobile-menu-drawer .mobile-nav {\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n }\n .mobile-menu-drawer .mobile-nav a {\n padding: 14px 18px;\n border-radius: var(--radius-sm);\n background: var(--bg);\n font-weight: 700;\n font-size: 1rem;\n color: var(--text);\n transition: all var(--transition);\n display: flex;\n align-items: center;\n gap: 12px;\n border: 1px solid transparent;\n }\n .mobile-menu-drawer .mobile-nav a:hover,\n .mobile-menu-drawer .mobile-nav a:focus {\n background: var(--bg-card-hover);\n border-color: var(--accent);\n transform: translateX(-6px);\n box-shadow: var(--shadow-hover);\n }\n .mobile-menu-drawer .mobile-nav a .icon {\n font-size: 1.2rem;\n opacity: 0.6;\n }\n\n .mobile-menu-drawer .drawer-footer {\n margin-top: auto;\n padding-top: 16px;\n border-top: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .mobile-menu-drawer .drawer-footer .btn-primary,\n .mobile-menu-drawer .drawer-footer .btn-secondary {\n justify-content: center;\n width: 100%;\n font-size: 0.9rem;\n }\n .mobile-menu-drawer .drawer-footer .btn-secondary {\n background: var(--bg);\n }\n\n \/* ============================================\n HERO SLIDER \u2014 LIGHT & FAST\n ============================================ *\/\n .hero-slider {\n position: relative;\n overflow: hidden;\n min-height: 88vh;\n display: flex;\n align-items: center;\n background: var(--bg);\n }\n\n .hero-slider .slides-track {\n display: flex;\n width: 100%;\n transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);\n will-change: transform;\n }\n\n .hero-slide {\n flex: 0 0 100%;\n min-height: 88vh;\n display: flex;\n align-items: center;\n position: relative;\n padding: 40px 0;\n }\n\n .hero-slide .slide-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.06;\n transform: scale(1.05);\n transition: transform 0.9s ease, opacity 0.7s ease;\n }\n .hero-slide.active .slide-bg {\n transform: scale(1);\n opacity: 0.10;\n }\n [data-theme=\"dark\"] .hero-slide .slide-bg {\n opacity: 0.12;\n }\n [data-theme=\"dark\"] .hero-slide.active .slide-bg {\n opacity: 0.18;\n }\n\n .slide-seekers .slide-bg {\n background-image: url('https:\/\/jobsdz.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-4-\u064a\u0648\u0644\u064a\u0648-2026\u060c-06_27_04-\u0645.webp');\n }\n .slide-employers .slide-bg {\n background-image: url('https:\/\/jobsdz.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-4-\u064a\u0648\u0644\u064a\u0648-2026\u060c-06_40_27-\u0645.webp');\n }\n .slide-blog .slide-bg {\n background-image: url('https:\/\/jobsdz.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-4-\u064a\u0648\u0644\u064a\u0648-2026\u060c-06_43_50-\u0645.webp');\n }\n\n .hero-slide .slide-overlay {\n position: absolute;\n inset: 0;\n z-index: 1;\n background: linear-gradient(135deg, rgba(246, 248, 252, 0.7) 0%, rgba(246, 248, 252, 0.1) 100%);\n }\n [data-theme=\"dark\"] .hero-slide .slide-overlay {\n background: linear-gradient(135deg, rgba(11, 17, 32, 0.75) 0%, rgba(11, 17, 32, 0.15) 100%);\n }\n .slide-seekers .slide-overlay {\n background: linear-gradient(135deg, rgba(79, 110, 247, 0.10), rgba(79, 110, 247, 0.02));\n }\n .slide-employers .slide-overlay {\n background: linear-gradient(135deg, rgba(34, 184, 107, 0.10), rgba(34, 184, 107, 0.02));\n }\n .slide-blog .slide-overlay {\n background: linear-gradient(135deg, rgba(245, 166, 35, 0.10), rgba(245, 166, 35, 0.02));\n }\n [data-theme=\"dark\"] .slide-seekers .slide-overlay {\n background: linear-gradient(135deg, rgba(79, 110, 247, 0.12), rgba(79, 110, 247, 0.02));\n }\n [data-theme=\"dark\"] .slide-employers .slide-overlay {\n background: linear-gradient(135deg, rgba(34, 184, 107, 0.12), rgba(34, 184, 107, 0.02));\n }\n [data-theme=\"dark\"] .slide-blog .slide-overlay {\n background: linear-gradient(135deg, rgba(245, 166, 35, 0.12), rgba(245, 166, 35, 0.02));\n }\n\n .hero-slide .container {\n position: relative;\n z-index: 3;\n width: 100%;\n }\n\n .hero-slide .content {\n max-width: 640px;\n }\n\n .hero-slide .content>* {\n opacity: 0;\n transform: translateY(32px) scale(0.97);\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .hero-slide.active .content>* {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n .hero-slide.active .content>*:nth-child(1) {\n transition-delay: 0.08s;\n }\n .hero-slide.active .content>*:nth-child(2) {\n transition-delay: 0.16s;\n }\n .hero-slide.active .content>*:nth-child(3) {\n transition-delay: 0.24s;\n }\n .hero-slide.active .content>*:nth-child(4) {\n transition-delay: 0.32s;\n }\n .hero-slide.active .content>*:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .hero-slide .badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 6px 18px;\n border-radius: 999px;\n background: var(--bg-card);\n border: 1px solid var(--border);\n font-weight: 700;\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-bottom: 20px;\n box-shadow: var(--shadow);\n }\n .hero-slide .badge .dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--green);\n display: inline-block;\n animation: pulse-dot 2s infinite;\n }\n .hero-slide .badge .dot.purple {\n background: var(--accent);\n }\n .hero-slide .badge .dot.amber {\n background: var(--amber);\n }\n\n @keyframes pulse-dot {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.3;\n transform: scale(1.5);\n }\n }\n\n .hero-slide h1,\n .hero-slide h2 {\n font-size: clamp(2.4rem, 5vw, 4.2rem);\n font-weight: 900;\n line-height: 1.08;\n margin-bottom: 14px;\n color: var(--text);\n }\n .hero-slide h1 .highlight,\n .hero-slide h2 .highlight {\n background: linear-gradient(135deg, var(--accent), var(--pink), var(--cyan));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-size: 300% 300%;\n animation: gradient-shift 5s ease infinite;\n }\n\n @keyframes gradient-shift {\n 0%,\n 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n }\n\n .hero-slide p {\n color: var(--text-muted);\n font-size: 1.1rem;\n max-width: 500px;\n margin-bottom: 24px;\n line-height: 1.8;\n }\n\n .hero-slide .stats {\n display: flex;\n gap: 20px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n }\n .hero-slide .stats .stat-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 700;\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n .hero-slide .stats .stat-item .icon {\n font-size: 1.1rem;\n opacity: 0.6;\n }\n .hero-slide .stats .stat-item .num {\n color: var(--text);\n font-weight: 900;\n font-size: 1.05rem;\n }\n\n .hero-slide .actions {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n \/* Slider Controls \u2014 minimal *\/\n .slider-controls {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .slider-controls .arrow {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: var(--bg-card);\n border: 1px solid var(--border);\n display: grid;\n place-items: center;\n font-size: 1rem;\n color: var(--text-muted);\n transition: all var(--transition);\n box-shadow: var(--shadow);\n }\n .slider-controls .arrow:hover {\n border-color: var(--accent);\n color: var(--text);\n transform: scale(1.08);\n box-shadow: var(--shadow-hover);\n }\n\n .slider-controls .dots {\n display: flex;\n gap: 10px;\n align-items: center;\n }\n .slider-controls .dots button {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: var(--border);\n border: 2px solid transparent;\n transition: all var(--transition);\n padding: 0;\n }\n .slider-controls .dots button.active {\n background: var(--accent);\n border-color: var(--accent);\n width: 30px;\n border-radius: 999px;\n }\n .slider-controls .dots button:hover {\n border-color: var(--accent);\n transform: scale(1.15);\n }\n\n .slider-progress {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2.5px;\n background: var(--border);\n z-index: 10;\n overflow: hidden;\n }\n .slider-progress .bar {\n height: 100%;\n width: 0%;\n background: linear-gradient(90deg, var(--accent), var(--pink));\n transition: width 0.08s linear;\n border-radius: 0 2px 2px 0;\n }\n\n \/* ============================================\n STATS\n ============================================ *\/\n .stats-section {\n padding: 32px 0 56px;\n border-top: 1px solid var(--border);\n background: var(--bg-card);\n }\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n .stat-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 24px 20px;\n text-align: center;\n transition: all var(--transition);\n }\n .stat-card:hover {\n transform: translateY(-4px);\n border-color: var(--accent-light);\n box-shadow: var(--shadow-hover);\n }\n .stat-card .icon {\n font-size: 1.8rem;\n display: block;\n margin-bottom: 4px;\n }\n .stat-card .number {\n font-size: 2.2rem;\n font-weight: 900;\n line-height: 1.2;\n color: var(--text);\n }\n .stat-card .label {\n color: var(--text-muted);\n font-weight: 700;\n font-size: 0.9rem;\n margin-top: 2px;\n }\n\n \/* ============================================\n EXPLORER\n ============================================ *\/\n .explorer-section {\n padding: 56px 0 64px;\n border-top: 1px solid var(--border);\n }\n\n .filter-bar {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n align-items: center;\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 14px 20px;\n margin-bottom: 28px;\n box-shadow: var(--shadow);\n }\n .filter-bar .segmented {\n display: flex;\n gap: 4px;\n background: var(--bg);\n border-radius: 999px;\n padding: 4px;\n border: 1px solid var(--border);\n }\n .filter-bar .segmented button {\n padding: 8px 20px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 0.82rem;\n color: var(--text-muted);\n transition: all var(--transition);\n white-space: nowrap;\n }\n .filter-bar .segmented button.active {\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff;\n box-shadow: 0 4px 16px var(--accent-glow);\n }\n .filter-bar .segmented button:hover:not(.active) {\n color: var(--text);\n background: var(--bg-card-hover);\n }\n\n .filter-bar .search-field {\n flex: 1;\n min-width: 160px;\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--bg);\n border-radius: 999px;\n padding: 0 16px;\n border: 1px solid var(--border);\n transition: all var(--transition);\n }\n .filter-bar .search-field:focus-within {\n border-color: var(--accent);\n box-shadow: 0 0 0 4px var(--accent-glow);\n }\n .filter-bar .search-field input {\n border: none;\n outline: none;\n background: transparent;\n padding: 10px 0;\n width: 100%;\n color: var(--text);\n font-size: 0.9rem;\n }\n .filter-bar .search-field input::placeholder {\n color: var(--text-light);\n }\n\n .filter-bar .regions {\n display: flex;\n gap: 4px;\n flex-wrap: wrap;\n }\n .filter-bar .regions button {\n padding: 6px 14px;\n border-radius: 999px;\n border: 1px solid var(--border);\n background: var(--bg);\n font-weight: 700;\n font-size: 0.75rem;\n color: var(--text-muted);\n transition: all var(--transition);\n }\n .filter-bar .regions button.active {\n background: var(--accent);\n color: #fff;\n border-color: var(--accent);\n box-shadow: 0 4px 12px var(--accent-glow);\n }\n .filter-bar .regions button:hover:not(.active) {\n border-color: var(--accent);\n color: var(--text);\n }\n\n .results-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: var(--text-muted);\n font-weight: 700;\n font-size: 0.85rem;\n margin-bottom: 20px;\n padding: 0 4px;\n }\n\n .wilaya-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));\n gap: 18px;\n }\n .wilaya-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 20px;\n transition: all var(--transition);\n display: flex;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n position: relative;\n }\n .wilaya-card:hover {\n transform: translateY(-6px);\n border-color: var(--accent-light);\n box-shadow: var(--shadow-hover);\n }\n .wilaya-card .num {\n font-size: 2.4rem;\n font-weight: 900;\n color: var(--border-strong);\n line-height: 1;\n opacity: 0.12;\n position: absolute;\n top: 12px;\n left: 16px;\n }\n .wilaya-card .name {\n font-size: 1.05rem;\n font-weight: 800;\n color: var(--text);\n }\n .wilaya-card .meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-top: 2px;\n }\n .wilaya-card .meta .region {\n padding: 2px 12px;\n border-radius: 999px;\n background: var(--bg);\n border: 1px solid var(--border);\n font-weight: 700;\n font-size: 0.65rem;\n color: var(--text-muted);\n }\n .wilaya-card .meta .jobs {\n font-weight: 800;\n color: var(--amber);\n }\n .wilaya-card .actions .btn-small {\n padding: 4px 14px;\n border-radius: 999px;\n font-size: 0.75rem;\n font-weight: 700;\n border: 1px solid var(--border);\n background: var(--bg);\n color: var(--text-muted);\n transition: all var(--transition);\n display: inline-block;\n }\n .wilaya-card .actions .btn-small:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n }\n\n .empty-state {\n display: none;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 48px 20px;\n text-align: center;\n color: var(--text-muted);\n border: 2px dashed var(--border);\n border-radius: var(--radius);\n }\n .empty-state.visible {\n display: flex;\n }\n\n .load-more {\n display: flex;\n justify-content: center;\n margin-top: 32px;\n }\n\n \/* ============================================\n RESOURCES\n ============================================ *\/\n .resources-section {\n padding: 56px 0 64px;\n border-top: 1px solid var(--border);\n background: var(--bg-card);\n }\n .resources-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n .resource-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 24px 20px;\n transition: all var(--transition);\n display: block;\n }\n .resource-card:hover {\n transform: translateY(-6px);\n border-color: var(--accent-light);\n box-shadow: var(--shadow-hover);\n }\n .resource-card .icon {\n font-size: 2rem;\n display: block;\n margin-bottom: 12px;\n color: var(--accent);\n }\n .resource-card h3 {\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 4px;\n color: var(--text);\n }\n .resource-card p {\n color: var(--text-muted);\n font-size: 0.85rem;\n line-height: 1.7;\n }\n\n \/* ============================================\n CTA\n ============================================ *\/\n .cta-section {\n padding: 56px 0 64px;\n border-top: 1px solid var(--border);\n }\n .cta-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 32px;\n flex-wrap: wrap;\n box-shadow: var(--shadow-lg);\n position: relative;\n overflow: hidden;\n }\n .cta-box::before {\n content: '';\n position: absolute;\n top: -40%;\n right: -10%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, var(--accent-glow), transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n .cta-box .content {\n flex: 1;\n position: relative;\n z-index: 1;\n }\n .cta-box .content .pill {\n display: inline-block;\n padding: 4px 16px;\n border-radius: 999px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff;\n font-weight: 800;\n font-size: 0.75rem;\n margin-bottom: 10px;\n }\n .cta-box .content h2 {\n font-size: clamp(1.4rem, 2.5vw, 2rem);\n font-weight: 900;\n line-height: 1.2;\n margin-bottom: 6px;\n color: var(--text);\n }\n .cta-box .content p {\n color: var(--text-muted);\n font-size: 0.95rem;\n max-width: 480px;\n }\n .cta-box .action {\n flex-shrink: 0;\n position: relative;\n z-index: 1;\n }\n\n \/* ============================================\n FOOTER\n ============================================ *\/\n .site-footer {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n padding: 48px 0 28px;\n margin-top: 20px;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1.2fr;\n gap: 36px;\n padding-bottom: 36px;\n border-bottom: 1px solid var(--border);\n }\n .footer-brand img {\n height: 40px;\n width: auto;\n filter: brightness(0) invert(0);\n transition: filter 0.3s;\n }\n [data-theme=\"dark\"] .footer-brand img {\n filter: brightness(0) invert(1);\n }\n .footer-brand p {\n color: var(--text-muted);\n font-size: 0.85rem;\n max-width: 280px;\n margin: 12px 0 16px;\n line-height: 1.8;\n }\n .footer-socials {\n display: flex;\n gap: 10px;\n }\n .footer-socials a {\n width: 40px;\n height: 40px;\n border-radius: var(--radius-sm);\n border: 1px solid var(--border);\n display: grid;\n place-items: center;\n color: var(--text-muted);\n font-size: 1.1rem;\n transition: all var(--transition);\n }\n .footer-socials a:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg);\n transform: translateY(-3px);\n }\n\n .footer-col h4 {\n font-weight: 800;\n font-size: 0.95rem;\n margin-bottom: 14px;\n color: var(--text);\n }\n .footer-col ul {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .footer-col ul a {\n color: var(--text-muted);\n font-size: 0.85rem;\n transition: all var(--transition);\n }\n .footer-col ul a:hover {\n color: var(--text);\n padding-right: 6px;\n }\n\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 20px;\n color: var(--text-muted);\n font-size: 0.8rem;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 1024px) {\n .resources-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n }\n .header-cta-group {\n display: none;\n }\n }\n\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n .mobile-toggle {\n display: grid;\n }\n .header-actions .btn-primary span:not(.icon) {\n display: none;\n }\n .header-actions .btn-secondary span:not(.icon) {\n display: none;\n }\n .header-actions .btn-primary,\n .header-actions .btn-secondary {\n padding: 8px 12px;\n font-size: 0.8rem;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n .stat-card .number {\n font-size: 1.8rem;\n }\n .resources-grid {\n grid-template-columns: 1fr;\n }\n .cta-box {\n padding: 28px 20px;\n flex-direction: column;\n text-align: center;\n }\n .cta-box .content p {\n max-width: 100%;\n }\n .footer-grid {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n .filter-bar {\n flex-direction: column;\n align-items: stretch;\n padding: 14px;\n }\n .filter-bar .search-field {\n width: 100%;\n }\n .wilaya-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .site-header {\n padding: 0 16px;\n }\n .hero-slider {\n min-height: 74vh;\n }\n .hero-slide {\n min-height: 74vh;\n padding: 32px 0;\n }\n .hero-slide h1,\n .hero-slide h2 {\n font-size: 2rem;\n }\n .hero-slide .stats {\n flex-direction: column;\n gap: 6px;\n }\n .hero-slide .actions {\n flex-direction: column;\n align-items: stretch;\n }\n .hero-slide .actions .btn-primary,\n .hero-slide .actions .btn-secondary {\n justify-content: center;\n }\n .slider-controls {\n bottom: 16px;\n gap: 14px;\n }\n .slider-controls .arrow {\n width: 38px;\n height: 38px;\n font-size: 0.85rem;\n }\n .slider-controls .dots button {\n width: 8px;\n height: 8px;\n }\n .slider-controls .dots button.active {\n width: 24px;\n }\n\n \/* Mobile menu drawer takes full width on small screens *\/\n .mobile-menu-drawer {\n width: 100%;\n max-width: 100%;\n border-left: none;\n }\n }\n\n @media (max-width: 480px) {\n .wilaya-grid {\n grid-template-columns: 1fr;\n }\n .stats-grid {\n grid-template-columns: 1fr 1fr;\n }\n .hero-slide h1,\n .hero-slide h2 {\n font-size: 1.7rem;\n }\n .hero-slide p {\n font-size: 0.95rem;\n }\n .section-header h2 {\n font-size: 1.5rem;\n }\n }\n\n \/* ============================================\n SCROLL REVEAL (lightweight)\n ============================================ *\/\n .section-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .section-reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .section-reveal-delay-1 {\n transition-delay: 0.08s;\n }\n .section-reveal-delay-2 {\n transition-delay: 0.16s;\n }\n .section-reveal-delay-3 {\n transition-delay: 0.24s;\n }\n .section-reveal-delay-4 {\n transition-delay: 0.32s;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"site-header\" data-header>\n <div class=\"header-inner\">\n <a class=\"brand\" href=\"#\" aria-label=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/jobsdz.com\/wp-content\/uploads\/2026\/06\/logo-new-2.webp?w=980&ssl=1\" alt=\"\u0634\u0639\u0627\u0631 JobsDZ\" loading=\"lazy\" \/>\n <\/a>\n\n <nav class=\"nav-links\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\n <a href=\"https:\/\/jobsdz.com\/ar\/fonctions\">\u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/wadifa\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/blog\/\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\">\u0627\u0644\u0648\u062b\u0627\u0626\u0642<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <button class=\"icon-btn\" data-theme-toggle aria-label=\"\u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0645\u0638\u0647\u0631\">\u2600\ufe0f<\/button>\n <a href=\"https:\/\/jobsdz.com\/job-alert\" class=\"icon-btn badge\" aria-label=\"\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641\">\ud83d\udd14<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%a7%d9%84%d8%af%d8%ae%d9%88%d9%84-%d8%a7%d9%84%d8%aa%d8%b3%d8%ac%d9%8a%d9%84\/\" class=\"icon-btn\" aria-label=\"\u062d\u0633\u0627\u0628\u064a\">\ud83d\udc64<\/a>\n\n <div class=\"header-cta-group\">\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\" class=\"btn-primary\">\n <span>\u2795<\/span> <span>\u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629<\/span>\n <\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/submit-resume\/\" class=\"btn-secondary\">\n <span>\ud83d\udcc4<\/span> <span>\u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643<\/span>\n <\/a>\n <\/div>\n\n <button class=\"mobile-toggle\" data-menu-toggle aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\u2630<\/button>\n <\/div>\n <\/div>\n <\/header>\n\n \n <div class=\"mobile-menu-overlay\" data-mobile-overlay><\/div>\n <div class=\"mobile-menu-drawer\" data-mobile-drawer>\n <div class=\"drawer-header\">\n <span class=\"brand-small\">\ud83d\udccb \u0627\u0644\u0642\u0627\u0626\u0645\u0629<\/span>\n <button class=\"close-btn\" data-menu-close aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\u2715<\/button>\n <\/div>\n <nav class=\"mobile-nav\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062c\u0648\u0627\u0644\u0629\">\n <a href=\"https:\/\/jobsdz.com\/ar\/fonctions\"><span class=\"icon\">\ud83c\udfdb\ufe0f<\/span> \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/wadifa\"><span class=\"icon\">\ud83d\udcbc<\/span> \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/blog\/\"><span class=\"icon\">\ud83d\udcdd<\/span> \u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\"><span class=\"icon\">\ud83d\udcc4<\/span> \u0627\u0644\u0648\u062b\u0627\u0626\u0642<\/a>\n <a href=\"https:\/\/jobsdz.com\/cv-maker\"><span class=\"icon\">\ud83d\udcc4<\/span> \u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\"><span class=\"icon\">\u2795<\/span> \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629<\/a>\n <\/nav>\n <div class=\"drawer-footer\">\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\" class=\"btn-primary\">\u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/cv-maker\" class=\"btn-secondary\">\ud83d\udcc4 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643<\/a>\n <\/div>\n <\/div>\n\n \n <main>\n\n \n <section class=\"hero-slider\" data-slider aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a\">\n <div class=\"slides-track\" data-slides-track>\n\n \n <div class=\"hero-slide slide-seekers active\" data-slide=\"0\">\n <div class=\"slide-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"slide-overlay\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"content\">\n <div class=\"badge\">\n <span class=\"dot\"><\/span> \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u064a\u0648\u0645\u064a\u0629\n <\/div>\n <h1>\u0627\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635\u062a\u0643 <span class=\"highlight\">\u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/span><\/h1>\n <p>\u0627\u0643\u062a\u0634\u0641 \u0622\u0644\u0627\u0641 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0648\u0627\u0628\u062f\u0623 \u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u064a\u0648\u0645.<\/p>\n <div class=\"stats\">\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udcbc<\/span> <span class=\"num\">2,400+<\/span> \u0648\u0638\u064a\u0641\u0629<\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udce2<\/span> <span class=\"num\">\u062a\u062d\u062f\u064a\u062b \u064a\u0648\u0645\u064a<\/span><\/span>\n <span class=\"stat-item\"><span class=\"icon\">\u2b50<\/span> <span class=\"num\">\u0645\u0648\u062b\u0648\u0642<\/span><\/span>\n <\/div>\n <div class=\"actions\">\n <a href=\"#explorer\" class=\"btn-primary\">\ud83d\udd0d \u0627\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u062a\u0643<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/submit-resume\/\" class=\"btn-secondary\">\ud83c\udfe2 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-slide slide-employers\" data-slide=\"1\">\n <div class=\"slide-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"slide-overlay\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"content\">\n <div class=\"badge\">\n <span class=\"dot purple\"><\/span> \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644\n <\/div>\n <h2>\u0648\u0638\u0641 \u0623\u0641\u0636\u0644 <span class=\"highlight\">\u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/span><\/h2>\n <p>\u0627\u0646\u0634\u0631 \u0625\u0639\u0644\u0627\u0646\u0627\u062a\u0643 \u0648\u0627\u0633\u062a\u0642\u0637\u0628 \u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u064a\u0646 \u0644\u0645\u0624\u0633\u0633\u062a\u0643 \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\n <div class=\"stats\">\n <span class=\"stat-item\"><span class=\"icon\">\ud83c\udfe2<\/span> <span class=\"num\">1,200+<\/span> \u0645\u0624\u0633\u0633\u0629<\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udcc8<\/span> <span class=\"num\">\u0646\u0645\u0648 \u0645\u0633\u062a\u0645\u0631<\/span><\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83e\udd1d<\/span> <span class=\"num\">\u062b\u0642\u0629 \u0639\u0627\u0644\u064a\u0629<\/span><\/span>\n <\/div>\n <div class=\"actions\">\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\" class=\"btn-primary\">\u2795 \u0623\u0636\u0641 \u0648\u0638\u064a\u0641\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/employer-landing\/\" class=\"btn-secondary\">\ud83d\udccb \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-slide slide-blog\" data-slide=\"2\">\n <div class=\"slide-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"slide-overlay\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"content\">\n <div class=\"badge\">\n <span class=\"dot amber\"><\/span> \u0645\u062f\u0648\u0646\u0629 JobsDZ\n <\/div>\n <h2>\u0646\u0635\u0627\u0626\u062d \u0648\u0625\u0631\u0634\u0627\u062f\u0627\u062a <span class=\"highlight\">\u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u064a\u0631\u062a\u0643<\/span><\/h2>\n <p>\u0627\u0642\u0631\u0623 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u062d\u0648\u0644 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u060c \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a.<\/p>\n <div class=\"stats\">\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udcda<\/span> <span class=\"num\">+200<\/span> \u0645\u0642\u0627\u0644\u0629<\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/span> <span class=\"num\">\u062e\u0628\u0631\u0627\u0621<\/span><\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udca1<\/span> <span class=\"num\">\u0646\u0635\u0627\u0626\u062d \u064a\u0648\u0645\u064a\u0629<\/span><\/span>\n <\/div>\n <div class=\"actions\">\n <a href=\"https:\/\/jobsdz.com\/ar\/blog\/\" class=\"btn-primary\">\ud83d\udcd6 \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\" class=\"btn-secondary\">\ud83d\udcc4 \u0627\u0644\u0648\u062b\u0627\u0626\u0642<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"slider-progress\" data-slider-progress>\n <div class=\"bar\" data-progress-bar><\/div>\n <\/div>\n\n <div class=\"slider-controls\">\n <button class=\"arrow\" data-slider-prev aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\">\u276e<\/button>\n <div class=\"dots\" data-slider-dots>\n <button class=\"active\" data-slide=\"0\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 1\"><\/button>\n <button data-slide=\"1\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 2\"><\/button>\n <button data-slide=\"2\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 3\"><\/button>\n <\/div>\n <button class=\"arrow\" data-slider-next aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\">\u276f<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"stats-section section-reveal\" aria-labelledby=\"stats-heading\">\n <h2 id=\"stats-heading\" class=\"sr-only\">\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0646\u0635\u0629<\/h2>\n <div class=\"container stats-grid\">\n <div class=\"stat-card section-reveal section-reveal-delay-1\"><span class=\"icon\">\ud83d\udcbc<\/span><div class=\"number\" data-count=\"2400\">2,400+<\/div><div class=\"label\">\u0645\u0646\u0635\u0628 \u0645\u0641\u062a\u0648\u062d<\/div><\/div>\n <div class=\"stat-card section-reveal section-reveal-delay-2\"><span class=\"icon\">\ud83d\udc65<\/span><div class=\"number\" data-count=\"50\">50K+<\/div><div class=\"label\">\u0645\u0633\u062a\u062e\u062f\u0645 \u0646\u0634\u0637<\/div><\/div>\n <div class=\"stat-card section-reveal section-reveal-delay-3\"><span class=\"icon\">\ud83c\udfe2<\/span><div class=\"number\" data-count=\"1200\">1,200+<\/div><div class=\"label\">\u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u0624\u0633\u0633\u0629<\/div><\/div>\n <div class=\"stat-card section-reveal section-reveal-delay-4\"><span class=\"icon\">\ud83d\udee1\ufe0f<\/span><div class=\"number\" data-count=\"98\">98%<\/div><div class=\"label\">\u0631\u0636\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646<\/div><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"explorer-section section-reveal\" id=\"explorer\" aria-labelledby=\"explorer-heading\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"kicker\">\u0645\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a<\/span>\n <h2 id=\"explorer-heading\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0641\u0631\u0635 \u062d\u0633\u0628 \u0627\u0644\u0648\u0644\u0627\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639<\/h2>\n <p>\u0641\u0644\u062a\u0631\u0629 \u0633\u0631\u064a\u0639\u0629 \u062d\u0633\u0628 \u0627\u0644\u0642\u0637\u0627\u0639 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0645\u0639 \u0631\u0648\u0627\u0628\u0637 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641.<\/p>\n <\/div>\n\n <div class=\"filter-bar\" role=\"search\">\n <div class=\"segmented\" role=\"group\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0642\u0637\u0627\u0639\">\n <button class=\"active\" data-sector=\"public\">\ud83c\udfdb\ufe0f \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a<\/button>\n <button data-sector=\"private\">\ud83d\udcbc \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635<\/button>\n <\/div>\n\n <div class=\"search-field\">\n <span>\ud83d\udd0d<\/span>\n <input type=\"search\" placeholder=\"\u0627\u0628\u062d\u062b \u0628\u0627\u0633\u0645 \u0627\u0644\u0648\u0644\u0627\u064a\u0629...\" id=\"explorer-search\" data-search-input aria-label=\"\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0648\u0644\u0627\u064a\u0629\" \/>\n <\/div>\n\n <div class=\"regions\" data-region-group role=\"group\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u0646\u0637\u0642\u0629\">\n <button class=\"active\" data-region=\"all\">\u0627\u0644\u0643\u0644<\/button>\n <button data-region=\"north\">\u0627\u0644\u0634\u0645\u0627\u0644<\/button>\n <button data-region=\"south\">\u0627\u0644\u062c\u0646\u0648\u0628<\/button>\n <button data-region=\"east\">\u0627\u0644\u0634\u0631\u0642<\/button>\n <button data-region=\"west\">\u0627\u0644\u063a\u0631\u0628<\/button>\n <\/div>\n <\/div>\n\n <div class=\"results-meta\">\n <span data-results-count>58 \u0648\u0644\u0627\u064a\u0629 \u0645\u0637\u0627\u0628\u0642\u0629<\/span>\n <span>\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/span>\n <\/div>\n\n <div class=\"wilaya-grid\" data-wilaya-grid><\/div>\n\n <div class=\"empty-state\" data-empty-state>\n <span style=\"font-size:2.2rem;\">\ud83d\udd0d<\/span>\n <p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0648\u0644\u0627\u064a\u0627\u062a \u062a\u0637\u0627\u0628\u0642 \u0628\u062d\u062b\u0643. \u062c\u0631\u0651\u0628 \u0627\u0633\u0645\u064b\u0627 \u0622\u062e\u0631 \u0623\u0648 \u063a\u064a\u0651\u0631 \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p>\n <button class=\"btn-outline\" data-clear-search>\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0628\u062d\u062b<\/button>\n <\/div>\n\n <div class=\"load-more\">\n <button class=\"btn-outline\" data-load-more>\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"resources-section section-reveal\" aria-labelledby=\"resources-heading\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"kicker\">\u0623\u062f\u0648\u0627\u062a \u0648\u0645\u0635\u0627\u062f\u0631<\/span>\n <h2 id=\"resources-heading\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0644\u062a\u0642\u0648\u064a\u0629 \u0645\u0644\u0641\u0643 \u0627\u0644\u0645\u0647\u0646\u064a<\/h2>\n <p>\u0631\u0648\u0627\u0628\u0637 \u0639\u0645\u0644\u064a\u0629 \u0644\u0644\u0648\u062b\u0627\u0626\u0642\u060c \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\u060c \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a \u0644\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644.<\/p>\n <\/div>\n <div class=\"resources-grid\" data-resources-grid><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta-section section-reveal\" aria-labelledby=\"cta-heading\">\n <div class=\"container\">\n <div class=\"cta-box\">\n <div class=\"content\">\n <span class=\"pill\">\u2728 \u062e\u062f\u0645\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/span>\n <h2 id=\"cta-heading\">\u0623\u0646\u0634\u0626 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0641\u064a \u062f\u0642\u0627\u0626\u0642<\/h2>\n <p>\u0642\u0648\u0627\u0644\u0628 \u062c\u0627\u0647\u0632\u0629\u060c \u062a\u062d\u0645\u064a\u0644 PDF \u0641\u0648\u0631\u064a\u060c \u0648\u062f\u0639\u0645 \u0643\u0627\u0645\u0644 \u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u062d\u062a\u0649 \u062a\u0631\u0633\u0644 \u0645\u0644\u0641\u064b\u0627 \u0645\u0647\u0646\u064a\u064b\u0627 \u0648\u0627\u0636\u062d\u064b\u0627 \u0645\u0639 \u0643\u0644 \u062a\u0631\u0634\u062d.<\/p>\n <\/div>\n <div class=\"action\">\n <a href=\"https:\/\/jobsdz.com\/cv-maker\" class=\"btn-primary\">\ud83d\udcc4 \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"site-footer\" aria-labelledby=\"footer-heading\">\n <h2 id=\"footer-heading\" class=\"sr-only\">\u062a\u0630\u064a\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629<\/h2>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/jobsdz.com\/wp-content\/uploads\/2026\/06\/logo-new-2.webp?w=980&ssl=1\" alt=\"\u0634\u0639\u0627\u0631 JobsDZ\" loading=\"lazy\" \/>\n <p>\u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0646\u0634\u0631 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0648\u0645\u0631\u0627\u0641\u0642\u0629 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631.<\/p>\n <div class=\"footer-socials\">\n <a href=\"https:\/\/www.facebook.com\/jobsdz\" aria-label=\"\u0641\u064a\u0633\u0628\u0648\u0643\" target=\"_blank\" rel=\"noopener\">\ud83d\udcd8<\/a>\n <a href=\"https:\/\/www.linkedin.com\/company\/jobsdz\" aria-label=\"\u0644\u064a\u0646\u0643\u062f \u0625\u0646\" target=\"_blank\" rel=\"noopener\">\ud83d\udd17<\/a>\n <a href=\"https:\/\/jobsdz.com\" aria-label=\"\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a\">\ud83c\udf10<\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n <ul>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/about\/\">\u0639\u0646 \u0627\u0644\u0645\u0646\u0635\u0629<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/contact\/\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/blog\/\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/%d8%b3%d9%8a%d8%a7%d8%b3%d8%a9-%d8%a7%d9%84%d8%ae%d8%b5%d9%88%d8%b5%d9%8a%d8%a9\/\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>\u0644\u0644\u0645\u062a\u0631\u0634\u062d\u064a\u0646<\/h4>\n <ul>\n <li><a href=\"#explorer\">\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\">\u0646\u0645\u0627\u0630\u062c \u0648\u0648\u062b\u0627\u0626\u0642<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/submit-resume\/\">\u0625\u0636\u0627\u0641\u0629 \u0633\u064a\u0631\u0629<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/job-alert\">\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/h4>\n <p style=\"color:var(--text-muted);font-size:0.85rem;margin-bottom:12px;\">\u0641\u0639\u0651\u0644 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0644\u062a\u0635\u0644\u0643 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u062d\u0633\u0628 \u0648\u0644\u0627\u064a\u062a\u0643 \u0648\u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a\u0643.<\/p>\n <a href=\"https:\/\/jobsdz.com\/job-alert\" class=\"btn-primary\" style=\"font-size:0.8rem;padding:8px 20px;\">\ud83d\udd14 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a<\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 JobsDZ. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/span>\n <span>\u0635\u064f\u0645\u0645 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0644\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0641\u0631\u0635 \u0623\u0641\u0636\u0644.<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n (function() {\n 'use strict';\n\n \/\/ ============================================\n \/\/ DATA\n \/\/ ============================================\n const WILAYAS = [\n { num: \"01\", slug: \"adrar\", name: \"\u0623\u062f\u0631\u0627\u0631\", region: \"south\", jobs: 45, privateJobs: 12 },\n { num: \"02\", slug: \"chlef\", name: \"\u0627\u0644\u0634\u0644\u0641\", region: \"west\", jobs: 120, privateJobs: 35 },\n { num: \"03\", slug: \"laghouat\", name: \"\u0627\u0644\u0623\u063a\u0648\u0627\u0637\", region: \"south\", jobs: 78, privateJobs: 18 },\n { num: \"04\", slug: \"oum-el-bouaghi\", name: \"\u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\", region: \"east\", jobs: 95, privateJobs: 22 },\n { num: \"05\", slug: \"batna\", name: \"\u0628\u0627\u062a\u0646\u0629\", region: \"east\", jobs: 210, privateJobs: 45 },\n { num: \"06\", slug: \"bejaia\", name: \"\u0628\u062c\u0627\u064a\u0629\", region: \"north\", jobs: 180, privateJobs: 60 },\n { num: \"07\", slug: \"biskra\", name: \"\u0628\u0633\u0643\u0631\u0629\", region: \"south\", jobs: 65, privateJobs: 14 },\n { num: \"08\", slug: \"bechar\", name: \"\u0628\u0634\u0627\u0631\", region: \"south\", jobs: 32, privateJobs: 8 },\n { num: \"09\", slug: \"blida\", name: \"\u0627\u0644\u0628\u0644\u064a\u062f\u0629\", region: \"north\", jobs: 320, privateJobs: 85 },\n { num: \"10\", slug: \"bouira\", name: \"\u0627\u0644\u0628\u0648\u064a\u0631\u0629\", region: \"north\", jobs: 110, privateJobs: 28 },\n { num: \"11\", slug: \"tamanrasset\", name: \"\u062a\u0645\u0646\u0631\u0627\u0633\u062a\", region: \"south\", jobs: 28, privateJobs: 6 },\n { num: \"12\", slug: \"tebessa\", name: \"\u062a\u0628\u0633\u0629\", region: \"east\", jobs: 85, privateJobs: 20 },\n { num: \"13\", slug: \"tlemcen\", name: \"\u062a\u0644\u0645\u0633\u0627\u0646\", region: \"west\", jobs: 150, privateJobs: 42 },\n { num: \"14\", slug: \"tiaret\", name: \"\u062a\u064a\u0627\u0631\u062a\", region: \"west\", jobs: 95, privateJobs: 25 },\n { num: \"15\", slug: \"tizi-ouzou\", name: \"\u062a\u064a\u0632\u064a \u0648\u0632\u0648\", region: \"north\", jobs: 190, privateJobs: 55 },\n { num: \"16\", slug: \"alger\", name: \"\u0627\u0644\u062c\u0632\u0627\u0626\u0631\", region: \"north\", jobs: 850, privateJobs: 220 },\n { num: \"17\", slug: \"djelfa\", name: \"\u0627\u0644\u062c\u0644\u0641\u0629\", region: \"south\", jobs: 70, privateJobs: 16 },\n { num: \"18\", slug: \"jijel\", name: \"\u062c\u064a\u062c\u0644\", region: \"east\", jobs: 105, privateJobs: 30 },\n { num: \"19\", slug: \"setif\", name: \"\u0633\u0637\u064a\u0641\", region: \"east\", jobs: 240, privateJobs: 65 },\n { num: \"20\", slug: \"saida\", name: \"\u0633\u0639\u064a\u062f\u0629\", region: \"west\", jobs: 60, privateJobs: 15 },\n { num: \"21\", slug: \"skikda\", name: \"\u0633\u0643\u064a\u0643\u062f\u0629\", region: \"east\", jobs: 130, privateJobs: 38 },\n { num: \"22\", slug: \"sidi-bel-abbes\", name: \"\u0633\u064a\u062f\u064a \u0628\u0644\u0639\u0628\u0627\u0633\", region: \"west\", jobs: 115, privateJobs: 32 },\n { num: \"23\", slug: \"annaba\", name: \"\u0639\u0646\u0627\u0628\u0629\", region: \"east\", jobs: 195, privateJobs: 58 },\n { num: \"24\", slug: \"guelma\", name: \"\u0642\u0627\u0644\u0645\u0629\", region: \"east\", jobs: 88, privateJobs: 24 },\n { num: \"25\", slug: \"constantine\", name: \"\u0642\u0633\u0646\u0637\u064a\u0646\u0629\", region: \"east\", jobs: 280, privateJobs: 78 },\n { num: \"26\", slug: \"medea\", name: \"\u0627\u0644\u0645\u062f\u064a\u0629\", region: \"north\", jobs: 125, privateJobs: 34 },\n { num: \"27\", slug: \"mostaganem\", name: \"\u0645\u0633\u062a\u063a\u0627\u0646\u0645\", region: \"west\", jobs: 140, privateJobs: 40 },\n { num: \"28\", slug: \"msila\", name: \"\u0627\u0644\u0645\u0633\u064a\u0644\u0629\", region: \"east\", jobs: 90, privateJobs: 25 },\n { num: \"29\", slug: \"mascara\", name: \"\u0645\u0639\u0633\u0643\u0631\", region: \"west\", jobs: 110, privateJobs: 28 },\n { num: \"30\", slug: \"ouargla\", name: \"\u0648\u0631\u0642\u0644\u0629\", region: \"south\", jobs: 75, privateJobs: 20 },\n { num: \"31\", slug: \"oran\", name: \"\u0648\u0647\u0631\u0627\u0646\", region: \"west\", jobs: 420, privateJobs: 110 },\n { num: \"32\", slug: \"el-bayadh\", name: \"\u0627\u0644\u0628\u064a\u0636\", region: \"south\", jobs: 45, privateJobs: 10 },\n { num: \"33\", slug: \"illizi\", name: \"\u0625\u0644\u064a\u0632\u064a\", region: \"south\", jobs: 20, privateJobs: 4 },\n { num: \"34\", slug: \"bordj-bou-arreridj\", name: \"\u0628\u0631\u062c \u0628\u0648\u0639\u0631\u064a\u0631\u064a\u062c\", region: \"east\", jobs: 95, privateJobs: 26 },\n { num: \"35\", slug: \"boumerdes\", name: \"\u0628\u0648\u0645\u0631\u062f\u0627\u0633\", region: \"north\", jobs: 135, privateJobs: 38 },\n { num: \"36\", slug: \"el-tarf\", name: \"\u0627\u0644\u0637\u0627\u0631\u0641\", region: \"east\", jobs: 80, privateJobs: 18 },\n { num: \"37\", slug: \"tindouf\", name: \"\u062a\u0646\u062f\u0648\u0641\", region: \"south\", jobs: 18, privateJobs: 3 },\n { num: \"38\", slug: \"tissemsilt\", name: \"\u062a\u064a\u0633\u0645\u0633\u064a\u0644\u062a\", region: \"west\", jobs: 55, privateJobs: 12 },\n { num: \"39\", slug: \"el-oued\", name: \"\u0627\u0644\u0648\u0627\u062f\u064a\", region: \"south\", jobs: 65, privateJobs: 15 },\n { num: \"40\", slug: \"khenchela\", name: \"\u062e\u0646\u0634\u0644\u0629\", region: \"east\", jobs: 70, privateJobs: 16 },\n { num: \"41\", slug: \"souk-ahras\", name: \"\u0633\u0648\u0642 \u0623\u0647\u0631\u0627\u0633\", region: \"east\", jobs: 85, privateJobs: 22 },\n { num: \"42\", slug: \"tipaza\", name: \"\u062a\u064a\u0628\u0627\u0632\u0629\", region: \"north\", jobs: 115, privateJobs: 32 },\n { num: \"43\", slug: \"mila\", name: \"\u0645\u064a\u0644\u0629\", region: \"east\", jobs: 95, privateJobs: 24 },\n { num: \"44\", slug: \"ain-defla\", name: \"\u0639\u064a\u0646 \u0627\u0644\u062f\u0641\u0644\u0649\", region: \"north\", jobs: 100, privateJobs: 28 },\n { num: \"45\", slug: \"naama\", name: \"\u0627\u0644\u0646\u0639\u0627\u0645\u0629\", region: \"south\", jobs: 40, privateJobs: 8 },\n { num: \"46\", slug: \"ain-temouchent\", name: \"\u0639\u064a\u0646 \u062a\u0645\u0648\u0634\u0646\u062a\", region: \"west\", jobs: 75, privateJobs: 18 },\n { num: \"47\", slug: \"ghardaia\", name: \"\u063a\u0631\u062f\u0627\u064a\u0629\", region: \"south\", jobs: 85, privateJobs: 22 },\n { num: \"48\", slug: \"relizane\", name: \"\u063a\u0644\u064a\u0632\u0627\u0646\", region: \"west\", jobs: 105, privateJobs: 28 },\n { num: \"49\", slug: \"el-meghaier\", name: \"\u0627\u0644\u0645\u063a\u064a\u0631\", region: \"south\", jobs: 30, privateJobs: 6 },\n { num: \"50\", slug: \"el-menia\", name: \"\u0627\u0644\u0645\u0646\u064a\u0639\u0629\", region: \"south\", jobs: 25, privateJobs: 5 },\n { num: \"51\", slug: \"ouled-djellal\", name: \"\u0623\u0648\u0644\u0627\u062f \u062c\u0644\u0627\u0644\", region: \"south\", jobs: 35, privateJobs: 8 },\n { num: \"52\", slug: \"bordj-badji-mokhtar\", name: \"\u0628\u0631\u062c \u0628\u0627\u062c\u064a \u0645\u062e\u062a\u0627\u0631\", region: \"south\", jobs: 15, privateJobs: 2 },\n { num: \"53\", slug: \"beni-abbes\", name: \"\u0628\u0646\u064a \u0639\u0628\u0627\u0633\", region: \"south\", jobs: 20, privateJobs: 4 },\n { num: \"54\", slug: \"timimoun\", name: \"\u062a\u064a\u0645\u064a\u0645\u0648\u0646\", region: \"south\", jobs: 25, privateJobs: 5 },\n { num: \"55\", slug: \"touggourt\", name: \"\u062a\u0642\u0631\u062a\", region: \"south\", jobs: 45, privateJobs: 10 },\n { num: \"56\", slug: \"djanet\", name: \"\u062c\u0627\u0646\u062a\", region: \"south\", jobs: 18, privateJobs: 3 },\n { num: \"57\", slug: \"in-salah\", name: \"\u0639\u064a\u0646 \u0635\u0627\u0644\u062d\", region: \"south\", jobs: 22, privateJobs: 4 },\n { num: \"58\", slug: \"in-guezzam\", name: \"\u0639\u064a\u0646 \u0642\u0632\u0627\u0645\", region: \"south\", jobs: 15, privateJobs: 2 }\n ];\n\n const REGION_LABELS = { all: \"\u0627\u0644\u0643\u0644\", north: \"\u0627\u0644\u0634\u0645\u0627\u0644\", south: \"\u0627\u0644\u062c\u0646\u0648\u0628\", east: \"\u0627\u0644\u0634\u0631\u0642\", west: \"\u0627\u0644\u063a\u0631\u0628\" };\n const ITEMS_PER_PAGE = 12;\n const SLIDE_INTERVAL = 5000;\n\n \/\/ ============================================\n \/\/ STATE\n \/\/ ============================================\n const state = {\n search: '',\n region: 'all',\n sector: 'public',\n visibleCount: ITEMS_PER_PAGE,\n theme: 'dark',\n currentSlide: 0,\n totalSlides: 3,\n interval: null,\n progress: 0,\n isTransitioning: false,\n sliderPaused: false,\n isMenuOpen: false\n };\n\n \/\/ ============================================\n \/\/ DOM REFS\n \/\/ ============================================\n const $ = (s, ctx) => (ctx || document).querySelector(s);\n const $$ = (s, ctx) => Array.from((ctx || document).querySelectorAll(s));\n\n const dom = {\n menuToggle: $('[data-menu-toggle]'),\n menuOverlay: $('[data-mobile-overlay]'),\n menuDrawer: $('[data-mobile-drawer]'),\n menuClose: $('[data-menu-close]'),\n themeToggle: $('[data-theme-toggle]'),\n searchInputs: $$('[data-search-input]'),\n sectorBtns: $$('[data-sector]'),\n regionBtns: $$('[data-region]'),\n wilayaGrid: $('[data-wilaya-grid]'),\n resultsCount: $('[data-results-count]'),\n emptyState: $('[data-empty-state]'),\n loadMore: $('[data-load-more]'),\n clearSearch: $('[data-clear-search]'),\n resourcesGrid: $('[data-resources-grid]'),\n slidesTrack: $('[data-slides-track]'),\n slides: $$('[data-slide]'),\n dots: $$('[data-slider-dots] button'),\n prevBtn: $('[data-slider-prev]'),\n nextBtn: $('[data-slider-next]'),\n progressBar: $('[data-progress-bar]'),\n slider: $('[data-slider]')\n };\n\n \/\/ ============================================\n \/\/ HELPERS\n \/\/ ============================================\n function normalize(str) { return String(str || '').trim().toLowerCase(); }\n\n function escapeHTML(str) { return String(str).replace(\/&\/g, '&').replace(\/<\/g, '<').replace(\/>\/g, '>')\n .replace(\/\"\/g, '"'); }\n\n function getJobCount(w) { return state.sector === 'public' ? w.jobs : w.privateJobs; }\n\n function getJobLabel() { return state.sector === 'public' ? '\u0645\u0633\u0627\u0628\u0642\u0629' : '\u0645\u0646\u0635\u0628'; }\n\n function getLink(slug) {\n return state.sector === 'public' ?\n 'https:\/\/jobsdz.com\/ar\/fonction\/?selected_location=' + slug :\n 'https:\/\/jobsdz.com\/ar\/wadifa\/?selected_location=' + slug;\n }\n\n function getFiltered() {\n const q = normalize(state.search);\n return WILAYAS.filter(w => {\n const matchRegion = state.region === 'all' || w.region === state.region;\n const matchSearch = !q ||\n normalize(w.name).includes(q) ||\n normalize(w.slug).includes(q) ||\n normalize(w.num).includes(q) ||\n String(w.jobs).includes(q) ||\n String(w.privateJobs).includes(q);\n return matchRegion && matchSearch;\n });\n }\n\n function debounce(fn, wait) {\n let tid;\n return function(...args) { clearTimeout(tid);\n tid = setTimeout(() => fn.apply(this, args), wait); };\n }\n\n \/\/ ============================================\n \/\/ THEME\n \/\/ ============================================\n function setTheme(theme) {\n state.theme = theme;\n document.documentElement.setAttribute('data-theme', theme);\n dom.themeToggle.textContent = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n try { localStorage.setItem('jobsdz-theme', theme); } catch (_) {}\n }\n\n function toggleTheme() { setTheme(state.theme === 'dark' ? 'light' : 'dark'); }\n\n function loadTheme() {\n try {\n const saved = localStorage.getItem('jobsdz-theme');\n if (saved) { setTheme(saved); return; }\n } catch (_) {}\n setTheme('dark');\n }\n\n \/\/ ============================================\n \/\/ MOBILE MENU \u2014 improved drawer\n \/\/ ============================================\n function openMenu() {\n state.isMenuOpen = true;\n dom.menuOverlay.classList.add('open');\n dom.menuDrawer.classList.add('open');\n document.body.style.overflow = 'hidden';\n dom.menuToggle.textContent = '\u2715';\n }\n\n function closeMenu() {\n state.isMenuOpen = false;\n dom.menuOverlay.classList.remove('open');\n dom.menuDrawer.classList.remove('open');\n document.body.style.overflow = '';\n dom.menuToggle.textContent = '\u2630';\n }\n\n function toggleMenu() {\n state.isMenuOpen ? closeMenu() : openMenu();\n }\n\n \/\/ ============================================\n \/\/ SLIDER\n \/\/ ============================================\n function goToSlide(index, skipReset) {\n if (state.isTransitioning) return;\n if (index < 0) index = state.totalSlides - 1;\n if (index >= state.totalSlides) index = 0;\n if (index === state.currentSlide && index !== 0) return;\n\n state.isTransitioning = true;\n state.currentSlide = index;\n\n dom.slidesTrack.style.transform = 'translateX(' + (index * 100) + '%)';\n\n dom.slides.forEach((slide, i) => {\n slide.classList.toggle('active', i === index);\n });\n dom.dots.forEach((dot, i) => {\n dot.classList.toggle('active', i === index);\n });\n\n state.progress = 0;\n updateProgressBar();\n\n setTimeout(() => { state.isTransitioning = false; }, 700);\n if (!skipReset) resetSliderTimer();\n }\n\n function nextSlide() { goToSlide(state.currentSlide + 1); }\n\n function prevSlide() { goToSlide(state.currentSlide - 1); }\n\n function updateProgressBar() { if (dom.progressBar) dom.progressBar.style.width = state.progress + '%'; }\n\n function startSlider() {\n stopSlider();\n if (state.sliderPaused) return;\n state.progress = 0;\n updateProgressBar();\n\n const step = 100 \/ (SLIDE_INTERVAL \/ 100);\n state.interval = setInterval(() => {\n state.progress += step;\n if (state.progress >= 100) {\n state.progress = 100;\n updateProgressBar();\n setTimeout(() => {\n if (!state.isTransitioning && !state.sliderPaused) nextSlide();\n }, 50);\n stopSlider();\n } else {\n updateProgressBar();\n }\n }, 100);\n }\n\n function stopSlider() { if (state.interval) { clearInterval(state.interval);\n state.interval = null; } }\n\n function resetSliderTimer() { stopSlider();\n state.progress = 0;\n updateProgressBar();\n startSlider(); }\n\n function pauseSlider() { state.sliderPaused = true;\n stopSlider(); }\n\n function resumeSlider() { state.sliderPaused = false;\n startSlider(); }\n\n \/\/ ============================================\n \/\/ RESOURCES\n \/\/ ============================================\n function buildResources() {\n if (!dom.resourcesGrid) return;\n const items = [\n { icon: '\ud83d\udcc4', title: '\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u0646\u0645\u0627\u0630\u062c', desc: '\u0646\u0645\u0627\u0630\u062c \u0637\u0644\u0628\u0627\u062a\u060c \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062a\u0631\u0634\u062d\u060c \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u064b\u0627.',\n href: 'https:\/\/jobsdz.com\/ar\/documents-formulaire\/' },\n { icon: '\ud83d\udcda', title: '\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a\u0629', desc: '\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0646\u0635\u0627\u0626\u062d \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u0642\u0648\u064a\u0629 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a.',\n href: 'https:\/\/jobsdz.com\/ar\/blog\/' },\n { icon: '\ud83c\udfe2', title: '\u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644', desc: '\u0627\u0646\u0634\u0631 \u0639\u0631\u0648\u0636 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0633\u0645\u062d \u0644\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0624\u0633\u0633\u062a\u0643 \u0628\u0633\u0631\u0639\u0629.',\n href: 'https:\/\/jobsdz.com\/ar\/employer-landing\/' },\n { icon: '\ud83d\udd14', title: '\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0645\u062e\u0635\u0635\u0629', desc: '\u0641\u0639\u0651\u0644 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0644\u064a\u0635\u0644\u0643 \u062c\u062f\u064a\u062f \u0627\u0644\u0641\u0631\u0635 \u062d\u0633\u0628 \u0627\u0644\u0648\u0644\u0627\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639.',\n href: 'https:\/\/jobsdz.com\/job-alert' }\n ];\n dom.resourcesGrid.innerHTML = items.map(item =>\n `<a class=\"resource-card\" href=\"${item.href}\">\n <span class=\"icon\">${item.icon}<\/span>\n <h3>${item.title}<\/h3>\n <p>${item.desc}<\/p>\n <\/a>`\n ).join('');\n }\n\n \/\/ ============================================\n \/\/ EXPLORER\n \/\/ ============================================\n function updateExplorer() {\n const filtered = getFiltered();\n const visible = filtered.slice(0, state.visibleCount);\n const hasMore = visible.length < filtered.length;\n\n dom.resultsCount.textContent = filtered.length + ' \u0648\u0644\u0627\u064a\u0629 \u0645\u0637\u0627\u0628\u0642\u0629';\n dom.emptyState.classList.toggle('visible', filtered.length === 0);\n dom.loadMore.style.display = hasMore ? 'block' : 'none';\n\n if (filtered.length === 0) { dom.wilayaGrid.innerHTML = ''; return; }\n\n dom.wilayaGrid.innerHTML = visible.map(w => {\n const count = getJobCount(w);\n return `\n <a href=\"${getLink(w.slug)}\" class=\"wilaya-card\">\n <span class=\"num\">${w.num}<\/span>\n <div class=\"name\">${escapeHTML(w.name)}<\/div>\n <div class=\"meta\">\n <span class=\"region\">${REGION_LABELS[w.region]}<\/span>\n <span class=\"jobs\">${count.toLocaleString()} ${getJobLabel()}<\/span>\n <\/div>\n <div class=\"actions\">\n <span class=\"btn-small\">\u0639\u0631\u0636 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/span>\n <\/div>\n <\/a>\n `;\n }).join('');\n }\n\n function initFilters() {\n dom.sectorBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n dom.sectorBtns.forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n state.sector = this.dataset.sector;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n });\n });\n\n dom.regionBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n dom.regionBtns.forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n state.region = this.dataset.region;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n });\n });\n\n dom.loadMore.addEventListener('click', function() {\n state.visibleCount += ITEMS_PER_PAGE;\n updateExplorer();\n });\n\n dom.clearSearch.addEventListener('click', function() {\n state.search = '';\n state.visibleCount = ITEMS_PER_PAGE;\n dom.searchInputs.forEach(inp => inp.value = '');\n updateExplorer();\n });\n\n const debouncedSearch = debounce(function(value) {\n state.search = value;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n }, 250);\n\n dom.searchInputs.forEach(inp => {\n inp.addEventListener('input', function() { debouncedSearch(this.value); });\n inp.addEventListener('keydown', function(e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n state.search = this.value;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n }\n });\n });\n }\n\n \/\/ ============================================\n \/\/ STATS ANIMATION\n \/\/ ============================================\n function animateStats() {\n const cards = $$('.stat-card .number');\n cards.forEach(el => {\n const target = parseInt(el.dataset.count, 10);\n if (!target) return;\n const duration = 1000;\n const start = performance.now();\n const tick = (now) => {\n const p = Math.min((now - start) \/ duration, 1);\n const eased = p === 1 ? 1 : 1 - Math.pow(2, -10 * p);\n const val = Math.floor(eased * target);\n let suffix = '';\n if (el.textContent.includes('+')) suffix = '+';\n if (el.textContent.includes('%')) suffix = '%';\n if (el.textContent.includes('K')) suffix = 'K';\n el.textContent = val.toLocaleString() + suffix;\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n });\n }\n\n \/\/ ============================================\n \/\/ SCROLL REVEAL\n \/\/ ============================================\n function initScrollReveal() {\n const elements = $$('.section-reveal');\n if (!elements.length || !('IntersectionObserver' in window)) {\n elements.forEach(el => el.classList.add('visible'));\n return;\n }\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });\n elements.forEach(el => observer.observe(el));\n }\n\n \/\/ ============================================\n \/\/ INIT\n \/\/ ============================================\n function init() {\n loadTheme();\n dom.themeToggle.addEventListener('click', toggleTheme);\n\n \/\/ Mobile menu events\n dom.menuToggle.addEventListener('click', toggleMenu);\n dom.menuClose.addEventListener('click', closeMenu);\n dom.menuOverlay.addEventListener('click', closeMenu);\n \/\/ Close menu on link click inside drawer\n $$('a', dom.menuDrawer).forEach(a => {\n a.addEventListener('click', closeMenu);\n });\n\n \/\/ Slider controls\n dom.dots.forEach(dot => {\n dot.addEventListener('click', function() {\n goToSlide(parseInt(this.dataset.slide));\n resetSliderTimer();\n });\n });\n dom.prevBtn.addEventListener('click', function() { prevSlide();\n resetSliderTimer(); });\n dom.nextBtn.addEventListener('click', function() { nextSlide();\n resetSliderTimer(); });\n\n dom.slider.addEventListener('mouseenter', pauseSlider);\n dom.slider.addEventListener('mouseleave', resumeSlider);\n\n \/\/ Touch support\n let touchStartX = 0,\n touchStartY = 0;\n dom.slider.addEventListener('touchstart', function(e) {\n touchStartX = e.changedTouches[0].screenX;\n touchStartY = e.changedTouches[0].screenY;\n pauseSlider();\n }, { passive: true });\n dom.slider.addEventListener('touchmove', function(e) {\n const diffX = touchStartX - e.changedTouches[0].screenX;\n const diffY = touchStartY - e.changedTouches[0].screenY;\n if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 20) e.preventDefault();\n }, { passive: false });\n dom.slider.addEventListener('touchend', function(e) {\n const diff = touchStartX - e.changedTouches[0].screenX;\n if (Math.abs(diff) > 40) {\n if (diff > 0) nextSlide();\n else prevSlide();\n resetSliderTimer();\n } else { resumeSlider(); }\n }, { passive: true });\n\n goToSlide(0, true);\n startSlider();\n\n buildResources();\n initFilters();\n updateExplorer();\n\n \/\/ Stats observer\n const statsSection = document.querySelector('.stats-section');\n if (statsSection && 'IntersectionObserver' in window) {\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { animateStats();\n obs.unobserve(e.target); }\n });\n }, { threshold: 0.15 });\n obs.observe(statsSection);\n } else { animateStats(); }\n\n initScrollReveal();\n\n \/\/ Smooth scroll for explorer link\n const exploreBtn = document.querySelector('.slide-seekers .btn-primary[href=\"#explorer\"]');\n if (exploreBtn) {\n exploreBtn.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) target.scrollIntoView({ behavior: 'smooth' });\n });\n }\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else { init(); }\n\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JobsDZ – \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0644\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u2600\ufe0f \ud83d\udd14 \ud83d\udc64 \u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629 \ud83d\udcc4 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643 \u2630 \ud83d\udccb \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u2715 \ud83c\udfdb\ufe0f \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \ud83d\udcbc \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \ud83d\udcdd \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \ud83d\udcc4 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \ud83d\udcc4 \u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629 \u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629 \ud83d\udcc4 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0627\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635\u062a\u0643 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-27905","page","type-page","status-publish","hentry"],"mb":[],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":8357,"url":"https:\/\/jobsdz.com\/employer-landing\/","url_meta":{"origin":27905,"position":0},"title":"Employer Landing","author":"Admin","date":"\u0645\u0627\u0631\u0633 22, 2023","format":false,"excerpt":"Recruit Smarter, Not Harder: Elite Talent Awaits on jobsdz. Unlock the power of infinite job postings and free, unlimited company profiles. The best candidates are just one click away. Start Hiring Now \u2014 Registration is Always FREE Join the thousands of companies scaling their teams with zero cost. The jobsdz\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3831,"url":"https:\/\/jobsdz.com\/home-01\/","url_meta":{"origin":27905,"position":1},"title":"Connecting Talent with Opportunity","author":"Admin","date":"\u0646\u0648\u0641\u0645\u0628\u0631 24, 2022","format":false,"excerpt":"Find Your Next Job Connecting talent with opportunities across Algeria Keywords Region All Regions Adrar A\u00efn-Defla A\u00efn-T\u00e9mouchent Alger Annaba Batna B\u00e9char B\u00e9ja\u00efa B\u00e9ni Abb\u00e8s Biskra Blida Bordj Badji Mokhtar Bordj-Bou-Arreridj Bouira Boumerd\u00e8s Chlef Constantine Djanet Djelfa El M\u2019Ghair El Meniaa El-Bayadh El-Oued El-Tarf Ghardaia Guelma Illizi In Guezzam In Salah\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27482,"url":"https:\/\/jobsdz.com\/ar\/test\/","url_meta":{"origin":27905,"position":2},"title":"test","author":"Admin","date":"\u062f\u064a\u0633\u0645\u0628\u0631 6, 2025","format":false,"excerpt":"JobsDZ | \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0645\u0646\u0635\u0629 \u0631\u0642\u0645 1 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0628\u0646\u0650 \u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u062e\u0637\u0648\u0627\u062a \u062b\u0627\u0628\u062a\u0629 \u0646\u062c\u0645\u0639 \u0644\u0643 \u0622\u0644\u0627\u0641 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u062e\u0627\u0635 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u0633\u0647\u0648\u0644\u0629 \u0641\u064a \u0627\u0644\u0628\u062d\u062b\u060c \u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u060c \u0648\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0648\u0636. \u0627\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u0629 \u0641\u0636\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0631\u0648\u0636 \u0645\u062d\u0642\u0642\u0629 \u062a\u062d\u062f\u064a\u062b \u064a\u0648\u0645\u064a \u0634\u0627\u0645\u0644 58 \u0648\u0644\u0627\u064a\u0629 \u0641\u0631\u0635\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9630,"url":"https:\/\/jobsdz.com\/ar\/acceuil\/","url_meta":{"origin":27905,"position":3},"title":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629-old","author":"Admin","date":"\u0646\u0648\u0641\u0645\u0628\u0631 19, 2021","format":false,"excerpt":"\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643 \u0641\u064a JobsDZ\u060c \u0645\u0646\u0635\u062a\u0643 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \ud83c\udde9\ud83c\uddff \u0627\u0643\u062a\u0634\u0641 \u0641\u0631\u0635 \u0639\u0645\u0644 \u062d\u0642\u064a\u0642\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0637\u0645\u0648\u062d\u0627\u062a\u0643\u060c \u0641\u064a \u0643\u0644 \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a.\u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0627\u062c\u0644 \u0627\u0644\u0648\u0638\u0627\u0626\u0641\u00a0\u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\u00a0\u0648\u0639\u0645\u0648\u0645\u064a\u0629 \u0639\u0631\u0648\u0636\u00a0\u0627\u0644\u0639\u0645\u0644\u00a0\u0645\u0646\u00a0\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u00a0\u0627\u0644\u062e\u0627\u0635\u0629\u00a0\u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u0631\u0635\u00a0\u0644\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646\u00a0\u0648\u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646\u00a0\u0627\u0644\u062c\u062f \u0627\u0644\u0648\u0644\u0627\u064a\u0629 (\u062e\u0627\u0631\u062c \u0627\u0644\u0628\u0644\u0627\u062f) \u0623\u062f\u0631\u0627\u0631 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a \u0623\u0648\u0644\u0627\u062f \u062c\u0644\u0627\u0644 \u0625\u0644\u064a\u0632\u064a \u0627\u0644\u0623\u063a\u0648\u0627\u0637 \u0627\u0644\u0628\u0644\u064a\u062f\u0629 \u0627\u0644\u0628\u0648\u064a\u0631\u0629 \u0627\u0644\u0628\u064a\u0636 \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0639\u0627\u0635\u0645\u0629 \u0627\u0644\u062c\u0644\u0641\u0629 \u0627\u0644\u0634\u0644\u0641 \u0627\u0644\u0637\u0627\u0631\u0641 \u0627\u0644\u0645\u062f\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0644\u0629 \u0627\u0644\u0645\u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u064a\u0639\u0629\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"How do you write an employment contract that protects your rights?","src":"data:image\/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20200%20200'%2F%3E","width":350,"height":200},"classes":[]},{"id":18027,"url":"https:\/\/jobsdz.com\/ar\/home-ar\/","url_meta":{"origin":27905,"position":4},"title":"\u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631","author":"Admin","date":"\u0646\u0648\u0641\u0645\u0628\u0631 24, 2022","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21774,"url":"https:\/\/jobsdz.com\/company-dashboard\/","url_meta":{"origin":27905,"position":5},"title":"Company dashboard","author":"Admin","date":"\u0633\u0628\u062a\u0645\u0628\u0631 17, 2025","format":false,"excerpt":"Your Companies can be viewed, edited or removed below. Name Location Category Date Posted Active Jobs tedd - June 21, 2025 0 PromoteEditHideDelete dfs (Pending Review) - October 23, 2024 0 Delete Cirotechs (Pending Review) - September 6, 2024 0 Delete ITV OCA (Pending Review) - September 4, 2024 0\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"mfb_rest_fields":["title","jetpack_sharing_enabled","jetpack-related-posts","gutenberg_elementor_mode"],"_links":{"self":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/27905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/comments?post=27905"}],"version-history":[{"count":5,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/27905\/revisions"}],"predecessor-version":[{"id":48377,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/27905\/revisions\/48377"}],"wp:attachment":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/media?parent=27905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n JobsDZ - \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0644\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/title>\n <meta name=\"description\" content=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u062d\u0633\u0628 \u0627\u0644\u0648\u0644\u0627\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639. \u0645\u0646\u0635\u0629 JobsDZ \u062a\u0648\u0641\u0631 \u0623\u062d\u062f\u062b \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n \/* ============================================\n ROOT VARIABLES & RESET\n ============================================ *\/\n *,\n *::before,\n *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --bg: #f6f8fc;\n --bg-card: #ffffff;\n --bg-card-hover: #f0f4ff;\n --bg-input: #f0f4ff;\n --text: #0b1426;\n --text-muted: #5a6b7e;\n --text-light: #8a9bb0;\n --border: #e6ecf5;\n --border-strong: #cdd8e6;\n --accent: #4f6ef7;\n --accent-light: #7a93fa;\n --accent-dark: #3a56d4;\n --accent-glow: rgba(79, 110, 247, 0.15);\n --pink: #e84c8a;\n --cyan: #14b8d4;\n --green: #22b86b;\n --amber: #f5a623;\n --radius: 16px;\n --radius-sm: 10px;\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.02);\n --shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.07), 0 4px 16px rgba(0, 0, 0, 0.03);\n --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.08);\n --transition: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n --container: 1200px;\n --header-height: 72px;\n }\n\n [data-theme=\"dark\"] {\n --bg: #0b1120;\n --bg-card: #141e33;\n --bg-card-hover: #1a2740;\n --bg-input: #1a2740;\n --text: #edf2f9;\n --text-muted: #8fa0bb;\n --text-light: #5e7391;\n --border: #1e2d48;\n --border-strong: #2d405f;\n --shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.1);\n --shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.35), 0 4px 16px rgba(0, 0, 0, 0.15);\n --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.4);\n --accent-glow: rgba(79, 110, 247, 0.12);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Tajawal', sans-serif;\n background: var(--bg);\n color: var(--text);\n direction: rtl;\n text-align: right;\n line-height: 1.7;\n transition: background 0.3s, color 0.3s;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n button {\n font: inherit;\n cursor: pointer;\n border: none;\n background: none;\n }\n img {\n max-width: 100%;\n display: block;\n height: auto;\n }\n\n .container {\n max-width: var(--container);\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* ============================================\n UTILITY\n ============================================ *\/\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 40px;\n }\n .section-header .kicker {\n display: inline-block;\n font-weight: 800;\n font-size: 0.8rem;\n letter-spacing: 0.08em;\n color: var(--accent);\n background: var(--accent-glow);\n padding: 4px 18px;\n border-radius: 999px;\n margin-bottom: 10px;\n text-transform: uppercase;\n }\n .section-header h2 {\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n font-weight: 900;\n line-height: 1.15;\n color: var(--text);\n }\n .section-header p {\n color: var(--text-muted);\n font-size: 1.05rem;\n max-width: 600px;\n margin: 8px auto 0;\n }\n\n \/* ============================================\n BUTTONS\n ============================================ *\/\n .btn-primary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 12px 32px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 0.95rem;\n color: #fff;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border: none;\n transition: all var(--transition);\n box-shadow: 0 4px 20px var(--accent-glow);\n position: relative;\n overflow: hidden;\n }\n .btn-primary::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 999px;\n background: linear-gradient(135deg, var(--accent-light), var(--accent));\n opacity: 0;\n transition: opacity var(--transition);\n }\n .btn-primary:hover::after {\n opacity: 1;\n }\n .btn-primary:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 8px 32px var(--accent-glow);\n }\n .btn-primary:active {\n transform: scale(0.97);\n }\n .btn-primary span,\n .btn-primary .icon {\n position: relative;\n z-index: 1;\n }\n\n .btn-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 12px 28px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 0.95rem;\n color: var(--text);\n background: var(--bg-card);\n border: 1.5px solid var(--border);\n transition: all var(--transition);\n }\n .btn-secondary:hover {\n border-color: var(--accent);\n background: var(--bg-card-hover);\n transform: translateY(-3px);\n box-shadow: var(--shadow-hover);\n }\n\n .btn-outline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--text-muted);\n border: 1.5px solid var(--border);\n background: transparent;\n transition: all var(--transition);\n }\n .btn-outline:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n transform: translateY(-2px);\n }\n\n \/* ============================================\n HEADER\n ============================================ *\/\n .site-header {\n position: sticky;\n top: 0;\n z-index: 100;\n background: rgba(246, 248, 252, 0.75);\n backdrop-filter: blur(16px) saturate(1.3);\n -webkit-backdrop-filter: blur(16px) saturate(1.3);\n border-bottom: 1px solid var(--border);\n height: var(--header-height);\n display: flex;\n align-items: center;\n padding: 0 24px;\n transition: background 0.3s, border-color 0.3s;\n }\n [data-theme=\"dark\"] .site-header {\n background: rgba(11, 17, 32, 0.8);\n }\n\n .header-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n max-width: var(--container);\n margin: 0 auto;\n gap: 16px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 900;\n font-size: 1.3rem;\n color: var(--text);\n flex-shrink: 0;\n }\n .brand img {\n height: 40px;\n width: auto;\n filter: brightness(0) invert(0);\n transition: filter 0.3s;\n }\n [data-theme=\"dark\"] .brand img {\n filter: brightness(0) invert(1);\n }\n\n .nav-links {\n display: flex;\n gap: 2px;\n align-items: center;\n }\n .nav-links a {\n padding: 6px 16px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 0.9rem;\n color: white;\n transition: all var(--transition);\n }\n .nav-links a:hover {\n color: var(--text);\n background: var(--bg-card-hover);\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n }\n .header-actions .icon-btn {\n width: 40px;\n height: 40px;\n display: grid;\n place-items: center;\n border-radius: var(--radius-sm);\n color: var(--text-muted);\n border: 1px solid var(--border);\n background: transparent;\n font-size: 1.1rem;\n transition: all var(--transition);\n }\n .header-actions .icon-btn:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n transform: translateY(-2px);\n }\n .header-actions .badge {\n position: relative;\n }\n .header-actions .badge::after {\n content: '3';\n position: absolute;\n top: -4px;\n right: -4px;\n font-size: 0.55rem;\n font-weight: 800;\n background: #ef4444;\n color: #fff;\n width: 18px;\n height: 18px;\n border-radius: 999px;\n display: grid;\n place-items: center;\n box-shadow: 0 4px 10px rgba(239, 68, 68, 0.3);\n }\n\n .header-cta-group {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 4px 4px 4px 8px;\n border-radius: 999px;\n border: 1px solid var(--border);\n background: rgba(255, 255, 255, 0.03);\n }\n [data-theme=\"dark\"] .header-cta-group {\n background: rgba(255, 255, 255, 0.02);\n }\n .header-cta-group .btn-primary {\n padding: 8px 20px;\n font-size: 0.85rem;\n }\n .header-cta-group .btn-secondary {\n padding: 8px 18px;\n font-size: 0.85rem;\n background: transparent;\n border-color: transparent;\n }\n .header-cta-group .btn-secondary:hover {\n background: var(--bg-card-hover);\n border-color: var(--border);\n }\n\n .mobile-toggle {\n display: none;\n width: 40px;\n height: 40px;\n border-radius: var(--radius-sm);\n border: 1px solid var(--border);\n background: transparent;\n color: var(--text);\n font-size: 1.4rem;\n transition: all var(--transition);\n }\n .mobile-toggle:hover {\n border-color: var(--accent);\n }\n\n \/* ============================================\n MOBILE MENU \u2014 SLIDE-IN DRAWER (improved)\n ============================================ *\/\n .mobile-menu-overlay {\n position: fixed;\n inset: 0;\n z-index: 200;\n background: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease, visibility 0.3s ease;\n }\n .mobile-menu-overlay.open {\n opacity: 1;\n visibility: visible;\n }\n\n .mobile-menu-drawer {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n width: 85%;\n max-width: 340px;\n background: var(--bg-card);\n border-left: 1px solid var(--border);\n box-shadow: var(--shadow-lg);\n z-index: 210;\n transform: translateX(100%);\n transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n display: flex;\n flex-direction: column;\n padding: 20px 20px 30px;\n overflow-y: auto;\n }\n .mobile-menu-drawer.open {\n transform: translateX(0);\n }\n\n .mobile-menu-drawer .drawer-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 20px;\n padding-bottom: 12px;\n border-bottom: 1px solid var(--border);\n }\n .mobile-menu-drawer .drawer-header .brand-small {\n font-weight: 900;\n font-size: 1.1rem;\n color: var(--text);\n }\n .mobile-menu-drawer .drawer-header .close-btn {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n font-size: 1.4rem;\n color: var(--text-muted);\n border: 1px solid var(--border);\n background: var(--bg);\n transition: all var(--transition);\n }\n .mobile-menu-drawer .drawer-header .close-btn:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n transform: rotate(90deg);\n }\n\n .mobile-menu-drawer .mobile-nav {\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n }\n .mobile-menu-drawer .mobile-nav a {\n padding: 14px 18px;\n border-radius: var(--radius-sm);\n background: var(--bg);\n font-weight: 700;\n font-size: 1rem;\n color: var(--text);\n transition: all var(--transition);\n display: flex;\n align-items: center;\n gap: 12px;\n border: 1px solid transparent;\n }\n .mobile-menu-drawer .mobile-nav a:hover,\n .mobile-menu-drawer .mobile-nav a:focus {\n background: var(--bg-card-hover);\n border-color: var(--accent);\n transform: translateX(-6px);\n box-shadow: var(--shadow-hover);\n }\n .mobile-menu-drawer .mobile-nav a .icon {\n font-size: 1.2rem;\n opacity: 0.6;\n }\n\n .mobile-menu-drawer .drawer-footer {\n margin-top: auto;\n padding-top: 16px;\n border-top: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .mobile-menu-drawer .drawer-footer .btn-primary,\n .mobile-menu-drawer .drawer-footer .btn-secondary {\n justify-content: center;\n width: 100%;\n font-size: 0.9rem;\n }\n .mobile-menu-drawer .drawer-footer .btn-secondary {\n background: var(--bg);\n }\n\n \/* ============================================\n HERO SLIDER \u2014 LIGHT & FAST\n ============================================ *\/\n .hero-slider {\n position: relative;\n overflow: hidden;\n min-height: 88vh;\n display: flex;\n align-items: center;\n background: var(--bg);\n }\n\n .hero-slider .slides-track {\n display: flex;\n width: 100%;\n transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);\n will-change: transform;\n }\n\n .hero-slide {\n flex: 0 0 100%;\n min-height: 88vh;\n display: flex;\n align-items: center;\n position: relative;\n padding: 40px 0;\n }\n\n .hero-slide .slide-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.06;\n transform: scale(1.05);\n transition: transform 0.9s ease, opacity 0.7s ease;\n }\n .hero-slide.active .slide-bg {\n transform: scale(1);\n opacity: 0.10;\n }\n [data-theme=\"dark\"] .hero-slide .slide-bg {\n opacity: 0.12;\n }\n [data-theme=\"dark\"] .hero-slide.active .slide-bg {\n opacity: 0.18;\n }\n\n .slide-seekers .slide-bg {\n background-image: url('https:\/\/jobsdz.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-4-\u064a\u0648\u0644\u064a\u0648-2026\u060c-06_27_04-\u0645.webp');\n }\n .slide-employers .slide-bg {\n background-image: url('https:\/\/jobsdz.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-4-\u064a\u0648\u0644\u064a\u0648-2026\u060c-06_40_27-\u0645.webp');\n }\n .slide-blog .slide-bg {\n background-image: url('https:\/\/jobsdz.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-4-\u064a\u0648\u0644\u064a\u0648-2026\u060c-06_43_50-\u0645.webp');\n }\n\n .hero-slide .slide-overlay {\n position: absolute;\n inset: 0;\n z-index: 1;\n background: linear-gradient(135deg, rgba(246, 248, 252, 0.7) 0%, rgba(246, 248, 252, 0.1) 100%);\n }\n [data-theme=\"dark\"] .hero-slide .slide-overlay {\n background: linear-gradient(135deg, rgba(11, 17, 32, 0.75) 0%, rgba(11, 17, 32, 0.15) 100%);\n }\n .slide-seekers .slide-overlay {\n background: linear-gradient(135deg, rgba(79, 110, 247, 0.10), rgba(79, 110, 247, 0.02));\n }\n .slide-employers .slide-overlay {\n background: linear-gradient(135deg, rgba(34, 184, 107, 0.10), rgba(34, 184, 107, 0.02));\n }\n .slide-blog .slide-overlay {\n background: linear-gradient(135deg, rgba(245, 166, 35, 0.10), rgba(245, 166, 35, 0.02));\n }\n [data-theme=\"dark\"] .slide-seekers .slide-overlay {\n background: linear-gradient(135deg, rgba(79, 110, 247, 0.12), rgba(79, 110, 247, 0.02));\n }\n [data-theme=\"dark\"] .slide-employers .slide-overlay {\n background: linear-gradient(135deg, rgba(34, 184, 107, 0.12), rgba(34, 184, 107, 0.02));\n }\n [data-theme=\"dark\"] .slide-blog .slide-overlay {\n background: linear-gradient(135deg, rgba(245, 166, 35, 0.12), rgba(245, 166, 35, 0.02));\n }\n\n .hero-slide .container {\n position: relative;\n z-index: 3;\n width: 100%;\n }\n\n .hero-slide .content {\n max-width: 640px;\n }\n\n .hero-slide .content>* {\n opacity: 0;\n transform: translateY(32px) scale(0.97);\n transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .hero-slide.active .content>* {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n .hero-slide.active .content>*:nth-child(1) {\n transition-delay: 0.08s;\n }\n .hero-slide.active .content>*:nth-child(2) {\n transition-delay: 0.16s;\n }\n .hero-slide.active .content>*:nth-child(3) {\n transition-delay: 0.24s;\n }\n .hero-slide.active .content>*:nth-child(4) {\n transition-delay: 0.32s;\n }\n .hero-slide.active .content>*:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .hero-slide .badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 6px 18px;\n border-radius: 999px;\n background: var(--bg-card);\n border: 1px solid var(--border);\n font-weight: 700;\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-bottom: 20px;\n box-shadow: var(--shadow);\n }\n .hero-slide .badge .dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--green);\n display: inline-block;\n animation: pulse-dot 2s infinite;\n }\n .hero-slide .badge .dot.purple {\n background: var(--accent);\n }\n .hero-slide .badge .dot.amber {\n background: var(--amber);\n }\n\n @keyframes pulse-dot {\n 0%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.3;\n transform: scale(1.5);\n }\n }\n\n .hero-slide h1,\n .hero-slide h2 {\n font-size: clamp(2.4rem, 5vw, 4.2rem);\n font-weight: 900;\n line-height: 1.08;\n margin-bottom: 14px;\n color: var(--text);\n }\n .hero-slide h1 .highlight,\n .hero-slide h2 .highlight {\n background: linear-gradient(135deg, var(--accent), var(--pink), var(--cyan));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-size: 300% 300%;\n animation: gradient-shift 5s ease infinite;\n }\n\n @keyframes gradient-shift {\n 0%,\n 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n }\n\n .hero-slide p {\n color: var(--text-muted);\n font-size: 1.1rem;\n max-width: 500px;\n margin-bottom: 24px;\n line-height: 1.8;\n }\n\n .hero-slide .stats {\n display: flex;\n gap: 20px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n }\n .hero-slide .stats .stat-item {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 700;\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n .hero-slide .stats .stat-item .icon {\n font-size: 1.1rem;\n opacity: 0.6;\n }\n .hero-slide .stats .stat-item .num {\n color: var(--text);\n font-weight: 900;\n font-size: 1.05rem;\n }\n\n .hero-slide .actions {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n \/* Slider Controls \u2014 minimal *\/\n .slider-controls {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .slider-controls .arrow {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: var(--bg-card);\n border: 1px solid var(--border);\n display: grid;\n place-items: center;\n font-size: 1rem;\n color: var(--text-muted);\n transition: all var(--transition);\n box-shadow: var(--shadow);\n }\n .slider-controls .arrow:hover {\n border-color: var(--accent);\n color: var(--text);\n transform: scale(1.08);\n box-shadow: var(--shadow-hover);\n }\n\n .slider-controls .dots {\n display: flex;\n gap: 10px;\n align-items: center;\n }\n .slider-controls .dots button {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: var(--border);\n border: 2px solid transparent;\n transition: all var(--transition);\n padding: 0;\n }\n .slider-controls .dots button.active {\n background: var(--accent);\n border-color: var(--accent);\n width: 30px;\n border-radius: 999px;\n }\n .slider-controls .dots button:hover {\n border-color: var(--accent);\n transform: scale(1.15);\n }\n\n .slider-progress {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2.5px;\n background: var(--border);\n z-index: 10;\n overflow: hidden;\n }\n .slider-progress .bar {\n height: 100%;\n width: 0%;\n background: linear-gradient(90deg, var(--accent), var(--pink));\n transition: width 0.08s linear;\n border-radius: 0 2px 2px 0;\n }\n\n \/* ============================================\n STATS\n ============================================ *\/\n .stats-section {\n padding: 32px 0 56px;\n border-top: 1px solid var(--border);\n background: var(--bg-card);\n }\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n .stat-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 24px 20px;\n text-align: center;\n transition: all var(--transition);\n }\n .stat-card:hover {\n transform: translateY(-4px);\n border-color: var(--accent-light);\n box-shadow: var(--shadow-hover);\n }\n .stat-card .icon {\n font-size: 1.8rem;\n display: block;\n margin-bottom: 4px;\n }\n .stat-card .number {\n font-size: 2.2rem;\n font-weight: 900;\n line-height: 1.2;\n color: var(--text);\n }\n .stat-card .label {\n color: var(--text-muted);\n font-weight: 700;\n font-size: 0.9rem;\n margin-top: 2px;\n }\n\n \/* ============================================\n EXPLORER\n ============================================ *\/\n .explorer-section {\n padding: 56px 0 64px;\n border-top: 1px solid var(--border);\n }\n\n .filter-bar {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n align-items: center;\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 14px 20px;\n margin-bottom: 28px;\n box-shadow: var(--shadow);\n }\n .filter-bar .segmented {\n display: flex;\n gap: 4px;\n background: var(--bg);\n border-radius: 999px;\n padding: 4px;\n border: 1px solid var(--border);\n }\n .filter-bar .segmented button {\n padding: 8px 20px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 0.82rem;\n color: var(--text-muted);\n transition: all var(--transition);\n white-space: nowrap;\n }\n .filter-bar .segmented button.active {\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff;\n box-shadow: 0 4px 16px var(--accent-glow);\n }\n .filter-bar .segmented button:hover:not(.active) {\n color: var(--text);\n background: var(--bg-card-hover);\n }\n\n .filter-bar .search-field {\n flex: 1;\n min-width: 160px;\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--bg);\n border-radius: 999px;\n padding: 0 16px;\n border: 1px solid var(--border);\n transition: all var(--transition);\n }\n .filter-bar .search-field:focus-within {\n border-color: var(--accent);\n box-shadow: 0 0 0 4px var(--accent-glow);\n }\n .filter-bar .search-field input {\n border: none;\n outline: none;\n background: transparent;\n padding: 10px 0;\n width: 100%;\n color: var(--text);\n font-size: 0.9rem;\n }\n .filter-bar .search-field input::placeholder {\n color: var(--text-light);\n }\n\n .filter-bar .regions {\n display: flex;\n gap: 4px;\n flex-wrap: wrap;\n }\n .filter-bar .regions button {\n padding: 6px 14px;\n border-radius: 999px;\n border: 1px solid var(--border);\n background: var(--bg);\n font-weight: 700;\n font-size: 0.75rem;\n color: var(--text-muted);\n transition: all var(--transition);\n }\n .filter-bar .regions button.active {\n background: var(--accent);\n color: #fff;\n border-color: var(--accent);\n box-shadow: 0 4px 12px var(--accent-glow);\n }\n .filter-bar .regions button:hover:not(.active) {\n border-color: var(--accent);\n color: var(--text);\n }\n\n .results-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: var(--text-muted);\n font-weight: 700;\n font-size: 0.85rem;\n margin-bottom: 20px;\n padding: 0 4px;\n }\n\n .wilaya-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));\n gap: 18px;\n }\n .wilaya-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 20px;\n transition: all var(--transition);\n display: flex;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n position: relative;\n }\n .wilaya-card:hover {\n transform: translateY(-6px);\n border-color: var(--accent-light);\n box-shadow: var(--shadow-hover);\n }\n .wilaya-card .num {\n font-size: 2.4rem;\n font-weight: 900;\n color: var(--border-strong);\n line-height: 1;\n opacity: 0.12;\n position: absolute;\n top: 12px;\n left: 16px;\n }\n .wilaya-card .name {\n font-size: 1.05rem;\n font-weight: 800;\n color: var(--text);\n }\n .wilaya-card .meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-top: 2px;\n }\n .wilaya-card .meta .region {\n padding: 2px 12px;\n border-radius: 999px;\n background: var(--bg);\n border: 1px solid var(--border);\n font-weight: 700;\n font-size: 0.65rem;\n color: var(--text-muted);\n }\n .wilaya-card .meta .jobs {\n font-weight: 800;\n color: var(--amber);\n }\n .wilaya-card .actions .btn-small {\n padding: 4px 14px;\n border-radius: 999px;\n font-size: 0.75rem;\n font-weight: 700;\n border: 1px solid var(--border);\n background: var(--bg);\n color: var(--text-muted);\n transition: all var(--transition);\n display: inline-block;\n }\n .wilaya-card .actions .btn-small:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg-card-hover);\n }\n\n .empty-state {\n display: none;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 48px 20px;\n text-align: center;\n color: var(--text-muted);\n border: 2px dashed var(--border);\n border-radius: var(--radius);\n }\n .empty-state.visible {\n display: flex;\n }\n\n .load-more {\n display: flex;\n justify-content: center;\n margin-top: 32px;\n }\n\n \/* ============================================\n RESOURCES\n ============================================ *\/\n .resources-section {\n padding: 56px 0 64px;\n border-top: 1px solid var(--border);\n background: var(--bg-card);\n }\n .resources-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n .resource-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 24px 20px;\n transition: all var(--transition);\n display: block;\n }\n .resource-card:hover {\n transform: translateY(-6px);\n border-color: var(--accent-light);\n box-shadow: var(--shadow-hover);\n }\n .resource-card .icon {\n font-size: 2rem;\n display: block;\n margin-bottom: 12px;\n color: var(--accent);\n }\n .resource-card h3 {\n font-size: 1rem;\n font-weight: 800;\n margin-bottom: 4px;\n color: var(--text);\n }\n .resource-card p {\n color: var(--text-muted);\n font-size: 0.85rem;\n line-height: 1.7;\n }\n\n \/* ============================================\n CTA\n ============================================ *\/\n .cta-section {\n padding: 56px 0 64px;\n border-top: 1px solid var(--border);\n }\n .cta-box {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 40px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 32px;\n flex-wrap: wrap;\n box-shadow: var(--shadow-lg);\n position: relative;\n overflow: hidden;\n }\n .cta-box::before {\n content: '';\n position: absolute;\n top: -40%;\n right: -10%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, var(--accent-glow), transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n .cta-box .content {\n flex: 1;\n position: relative;\n z-index: 1;\n }\n .cta-box .content .pill {\n display: inline-block;\n padding: 4px 16px;\n border-radius: 999px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff;\n font-weight: 800;\n font-size: 0.75rem;\n margin-bottom: 10px;\n }\n .cta-box .content h2 {\n font-size: clamp(1.4rem, 2.5vw, 2rem);\n font-weight: 900;\n line-height: 1.2;\n margin-bottom: 6px;\n color: var(--text);\n }\n .cta-box .content p {\n color: var(--text-muted);\n font-size: 0.95rem;\n max-width: 480px;\n }\n .cta-box .action {\n flex-shrink: 0;\n position: relative;\n z-index: 1;\n }\n\n \/* ============================================\n FOOTER\n ============================================ *\/\n .site-footer {\n background: var(--bg-card);\n border-top: 1px solid var(--border);\n padding: 48px 0 28px;\n margin-top: 20px;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1.2fr;\n gap: 36px;\n padding-bottom: 36px;\n border-bottom: 1px solid var(--border);\n }\n .footer-brand img {\n height: 40px;\n width: auto;\n filter: brightness(0) invert(0);\n transition: filter 0.3s;\n }\n [data-theme=\"dark\"] .footer-brand img {\n filter: brightness(0) invert(1);\n }\n .footer-brand p {\n color: var(--text-muted);\n font-size: 0.85rem;\n max-width: 280px;\n margin: 12px 0 16px;\n line-height: 1.8;\n }\n .footer-socials {\n display: flex;\n gap: 10px;\n }\n .footer-socials a {\n width: 40px;\n height: 40px;\n border-radius: var(--radius-sm);\n border: 1px solid var(--border);\n display: grid;\n place-items: center;\n color: var(--text-muted);\n font-size: 1.1rem;\n transition: all var(--transition);\n }\n .footer-socials a:hover {\n border-color: var(--accent);\n color: var(--text);\n background: var(--bg);\n transform: translateY(-3px);\n }\n\n .footer-col h4 {\n font-weight: 800;\n font-size: 0.95rem;\n margin-bottom: 14px;\n color: var(--text);\n }\n .footer-col ul {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .footer-col ul a {\n color: var(--text-muted);\n font-size: 0.85rem;\n transition: all var(--transition);\n }\n .footer-col ul a:hover {\n color: var(--text);\n padding-right: 6px;\n }\n\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 20px;\n color: var(--text-muted);\n font-size: 0.8rem;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 1024px) {\n .resources-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n }\n .header-cta-group {\n display: none;\n }\n }\n\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n .mobile-toggle {\n display: grid;\n }\n .header-actions .btn-primary span:not(.icon) {\n display: none;\n }\n .header-actions .btn-secondary span:not(.icon) {\n display: none;\n }\n .header-actions .btn-primary,\n .header-actions .btn-secondary {\n padding: 8px 12px;\n font-size: 0.8rem;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n .stat-card .number {\n font-size: 1.8rem;\n }\n .resources-grid {\n grid-template-columns: 1fr;\n }\n .cta-box {\n padding: 28px 20px;\n flex-direction: column;\n text-align: center;\n }\n .cta-box .content p {\n max-width: 100%;\n }\n .footer-grid {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n .filter-bar {\n flex-direction: column;\n align-items: stretch;\n padding: 14px;\n }\n .filter-bar .search-field {\n width: 100%;\n }\n .wilaya-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .site-header {\n padding: 0 16px;\n }\n .hero-slider {\n min-height: 74vh;\n }\n .hero-slide {\n min-height: 74vh;\n padding: 32px 0;\n }\n .hero-slide h1,\n .hero-slide h2 {\n font-size: 2rem;\n }\n .hero-slide .stats {\n flex-direction: column;\n gap: 6px;\n }\n .hero-slide .actions {\n flex-direction: column;\n align-items: stretch;\n }\n .hero-slide .actions .btn-primary,\n .hero-slide .actions .btn-secondary {\n justify-content: center;\n }\n .slider-controls {\n bottom: 16px;\n gap: 14px;\n }\n .slider-controls .arrow {\n width: 38px;\n height: 38px;\n font-size: 0.85rem;\n }\n .slider-controls .dots button {\n width: 8px;\n height: 8px;\n }\n .slider-controls .dots button.active {\n width: 24px;\n }\n\n \/* Mobile menu drawer takes full width on small screens *\/\n .mobile-menu-drawer {\n width: 100%;\n max-width: 100%;\n border-left: none;\n }\n }\n\n @media (max-width: 480px) {\n .wilaya-grid {\n grid-template-columns: 1fr;\n }\n .stats-grid {\n grid-template-columns: 1fr 1fr;\n }\n .hero-slide h1,\n .hero-slide h2 {\n font-size: 1.7rem;\n }\n .hero-slide p {\n font-size: 0.95rem;\n }\n .section-header h2 {\n font-size: 1.5rem;\n }\n }\n\n \/* ============================================\n SCROLL REVEAL (lightweight)\n ============================================ *\/\n .section-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .section-reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .section-reveal-delay-1 {\n transition-delay: 0.08s;\n }\n .section-reveal-delay-2 {\n transition-delay: 0.16s;\n }\n .section-reveal-delay-3 {\n transition-delay: 0.24s;\n }\n .section-reveal-delay-4 {\n transition-delay: 0.32s;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"site-header\" data-header>\n <div class=\"header-inner\">\n <a class=\"brand\" href=\"#\" aria-label=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/jobsdz.com\/wp-content\/uploads\/2026\/06\/logo-new-2.webp?w=980&ssl=1\" alt=\"\u0634\u0639\u0627\u0631 JobsDZ\" loading=\"lazy\" \/>\n <\/a>\n\n <nav class=\"nav-links\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\n <a href=\"https:\/\/jobsdz.com\/ar\/fonctions\">\u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/wadifa\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/blog\/\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\">\u0627\u0644\u0648\u062b\u0627\u0626\u0642<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <button class=\"icon-btn\" data-theme-toggle aria-label=\"\u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0645\u0638\u0647\u0631\">\u2600\ufe0f<\/button>\n <a href=\"https:\/\/jobsdz.com\/job-alert\" class=\"icon-btn badge\" aria-label=\"\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641\">\ud83d\udd14<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%a7%d9%84%d8%af%d8%ae%d9%88%d9%84-%d8%a7%d9%84%d8%aa%d8%b3%d8%ac%d9%8a%d9%84\/\" class=\"icon-btn\" aria-label=\"\u062d\u0633\u0627\u0628\u064a\">\ud83d\udc64<\/a>\n\n <div class=\"header-cta-group\">\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\" class=\"btn-primary\">\n <span>\u2795<\/span> <span>\u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629<\/span>\n <\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/submit-resume\/\" class=\"btn-secondary\">\n <span>\ud83d\udcc4<\/span> <span>\u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643<\/span>\n <\/a>\n <\/div>\n\n <button class=\"mobile-toggle\" data-menu-toggle aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\u2630<\/button>\n <\/div>\n <\/div>\n <\/header>\n\n \n <div class=\"mobile-menu-overlay\" data-mobile-overlay><\/div>\n <div class=\"mobile-menu-drawer\" data-mobile-drawer>\n <div class=\"drawer-header\">\n <span class=\"brand-small\">\ud83d\udccb \u0627\u0644\u0642\u0627\u0626\u0645\u0629<\/span>\n <button class=\"close-btn\" data-menu-close aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\u2715<\/button>\n <\/div>\n <nav class=\"mobile-nav\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062c\u0648\u0627\u0644\u0629\">\n <a href=\"https:\/\/jobsdz.com\/ar\/fonctions\"><span class=\"icon\">\ud83c\udfdb\ufe0f<\/span> \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/wadifa\"><span class=\"icon\">\ud83d\udcbc<\/span> \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/blog\/\"><span class=\"icon\">\ud83d\udcdd<\/span> \u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\"><span class=\"icon\">\ud83d\udcc4<\/span> \u0627\u0644\u0648\u062b\u0627\u0626\u0642<\/a>\n <a href=\"https:\/\/jobsdz.com\/cv-maker\"><span class=\"icon\">\ud83d\udcc4<\/span> \u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\"><span class=\"icon\">\u2795<\/span> \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629<\/a>\n <\/nav>\n <div class=\"drawer-footer\">\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\" class=\"btn-primary\">\u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/cv-maker\" class=\"btn-secondary\">\ud83d\udcc4 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643<\/a>\n <\/div>\n <\/div>\n\n \n <main>\n\n \n <section class=\"hero-slider\" data-slider aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a\">\n <div class=\"slides-track\" data-slides-track>\n\n \n <div class=\"hero-slide slide-seekers active\" data-slide=\"0\">\n <div class=\"slide-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"slide-overlay\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"content\">\n <div class=\"badge\">\n <span class=\"dot\"><\/span> \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u064a\u0648\u0645\u064a\u0629\n <\/div>\n <h1>\u0627\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635\u062a\u0643 <span class=\"highlight\">\u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/span><\/h1>\n <p>\u0627\u0643\u062a\u0634\u0641 \u0622\u0644\u0627\u0641 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0648\u0627\u0628\u062f\u0623 \u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u064a\u0648\u0645.<\/p>\n <div class=\"stats\">\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udcbc<\/span> <span class=\"num\">2,400+<\/span> \u0648\u0638\u064a\u0641\u0629<\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udce2<\/span> <span class=\"num\">\u062a\u062d\u062f\u064a\u062b \u064a\u0648\u0645\u064a<\/span><\/span>\n <span class=\"stat-item\"><span class=\"icon\">\u2b50<\/span> <span class=\"num\">\u0645\u0648\u062b\u0648\u0642<\/span><\/span>\n <\/div>\n <div class=\"actions\">\n <a href=\"#explorer\" class=\"btn-primary\">\ud83d\udd0d \u0627\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u062a\u0643<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/submit-resume\/\" class=\"btn-secondary\">\ud83c\udfe2 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-slide slide-employers\" data-slide=\"1\">\n <div class=\"slide-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"slide-overlay\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"content\">\n <div class=\"badge\">\n <span class=\"dot purple\"><\/span> \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644\n <\/div>\n <h2>\u0648\u0638\u0641 \u0623\u0641\u0636\u0644 <span class=\"highlight\">\u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/span><\/h2>\n <p>\u0627\u0646\u0634\u0631 \u0625\u0639\u0644\u0627\u0646\u0627\u062a\u0643 \u0648\u0627\u0633\u062a\u0642\u0637\u0628 \u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u064a\u0646 \u0644\u0645\u0624\u0633\u0633\u062a\u0643 \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\n <div class=\"stats\">\n <span class=\"stat-item\"><span class=\"icon\">\ud83c\udfe2<\/span> <span class=\"num\">1,200+<\/span> \u0645\u0624\u0633\u0633\u0629<\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udcc8<\/span> <span class=\"num\">\u0646\u0645\u0648 \u0645\u0633\u062a\u0645\u0631<\/span><\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83e\udd1d<\/span> <span class=\"num\">\u062b\u0642\u0629 \u0639\u0627\u0644\u064a\u0629<\/span><\/span>\n <\/div>\n <div class=\"actions\">\n <a href=\"https:\/\/jobsdz.com\/ar\/add-job\/\" class=\"btn-primary\">\u2795 \u0623\u0636\u0641 \u0648\u0638\u064a\u0641\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/employer-landing\/\" class=\"btn-secondary\">\ud83d\udccb \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-slide slide-blog\" data-slide=\"2\">\n <div class=\"slide-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"slide-overlay\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"content\">\n <div class=\"badge\">\n <span class=\"dot amber\"><\/span> \u0645\u062f\u0648\u0646\u0629 JobsDZ\n <\/div>\n <h2>\u0646\u0635\u0627\u0626\u062d \u0648\u0625\u0631\u0634\u0627\u062f\u0627\u062a <span class=\"highlight\">\u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u064a\u0631\u062a\u0643<\/span><\/h2>\n <p>\u0627\u0642\u0631\u0623 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u062d\u0648\u0644 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u060c \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a.<\/p>\n <div class=\"stats\">\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udcda<\/span> <span class=\"num\">+200<\/span> \u0645\u0642\u0627\u0644\u0629<\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/span> <span class=\"num\">\u062e\u0628\u0631\u0627\u0621<\/span><\/span>\n <span class=\"stat-item\"><span class=\"icon\">\ud83d\udca1<\/span> <span class=\"num\">\u0646\u0635\u0627\u0626\u062d \u064a\u0648\u0645\u064a\u0629<\/span><\/span>\n <\/div>\n <div class=\"actions\">\n <a href=\"https:\/\/jobsdz.com\/ar\/blog\/\" class=\"btn-primary\">\ud83d\udcd6 \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a>\n <a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\" class=\"btn-secondary\">\ud83d\udcc4 \u0627\u0644\u0648\u062b\u0627\u0626\u0642<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"slider-progress\" data-slider-progress>\n <div class=\"bar\" data-progress-bar><\/div>\n <\/div>\n\n <div class=\"slider-controls\">\n <button class=\"arrow\" data-slider-prev aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\">\u276e<\/button>\n <div class=\"dots\" data-slider-dots>\n <button class=\"active\" data-slide=\"0\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 1\"><\/button>\n <button data-slide=\"1\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 2\"><\/button>\n <button data-slide=\"2\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 3\"><\/button>\n <\/div>\n <button class=\"arrow\" data-slider-next aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\">\u276f<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"stats-section section-reveal\" aria-labelledby=\"stats-heading\">\n <h2 id=\"stats-heading\" class=\"sr-only\">\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0646\u0635\u0629<\/h2>\n <div class=\"container stats-grid\">\n <div class=\"stat-card section-reveal section-reveal-delay-1\"><span class=\"icon\">\ud83d\udcbc<\/span><div class=\"number\" data-count=\"2400\">2,400+<\/div><div class=\"label\">\u0645\u0646\u0635\u0628 \u0645\u0641\u062a\u0648\u062d<\/div><\/div>\n <div class=\"stat-card section-reveal section-reveal-delay-2\"><span class=\"icon\">\ud83d\udc65<\/span><div class=\"number\" data-count=\"50\">50K+<\/div><div class=\"label\">\u0645\u0633\u062a\u062e\u062f\u0645 \u0646\u0634\u0637<\/div><\/div>\n <div class=\"stat-card section-reveal section-reveal-delay-3\"><span class=\"icon\">\ud83c\udfe2<\/span><div class=\"number\" data-count=\"1200\">1,200+<\/div><div class=\"label\">\u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u0624\u0633\u0633\u0629<\/div><\/div>\n <div class=\"stat-card section-reveal section-reveal-delay-4\"><span class=\"icon\">\ud83d\udee1\ufe0f<\/span><div class=\"number\" data-count=\"98\">98%<\/div><div class=\"label\">\u0631\u0636\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646<\/div><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"explorer-section section-reveal\" id=\"explorer\" aria-labelledby=\"explorer-heading\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"kicker\">\u0645\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a<\/span>\n <h2 id=\"explorer-heading\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0641\u0631\u0635 \u062d\u0633\u0628 \u0627\u0644\u0648\u0644\u0627\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639<\/h2>\n <p>\u0641\u0644\u062a\u0631\u0629 \u0633\u0631\u064a\u0639\u0629 \u062d\u0633\u0628 \u0627\u0644\u0642\u0637\u0627\u0639 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0645\u0639 \u0631\u0648\u0627\u0628\u0637 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641.<\/p>\n <\/div>\n\n <div class=\"filter-bar\" role=\"search\">\n <div class=\"segmented\" role=\"group\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0642\u0637\u0627\u0639\">\n <button class=\"active\" data-sector=\"public\">\ud83c\udfdb\ufe0f \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a<\/button>\n <button data-sector=\"private\">\ud83d\udcbc \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635<\/button>\n <\/div>\n\n <div class=\"search-field\">\n <span>\ud83d\udd0d<\/span>\n <input type=\"search\" placeholder=\"\u0627\u0628\u062d\u062b \u0628\u0627\u0633\u0645 \u0627\u0644\u0648\u0644\u0627\u064a\u0629...\" id=\"explorer-search\" data-search-input aria-label=\"\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0648\u0644\u0627\u064a\u0629\" \/>\n <\/div>\n\n <div class=\"regions\" data-region-group role=\"group\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u0646\u0637\u0642\u0629\">\n <button class=\"active\" data-region=\"all\">\u0627\u0644\u0643\u0644<\/button>\n <button data-region=\"north\">\u0627\u0644\u0634\u0645\u0627\u0644<\/button>\n <button data-region=\"south\">\u0627\u0644\u062c\u0646\u0648\u0628<\/button>\n <button data-region=\"east\">\u0627\u0644\u0634\u0631\u0642<\/button>\n <button data-region=\"west\">\u0627\u0644\u063a\u0631\u0628<\/button>\n <\/div>\n <\/div>\n\n <div class=\"results-meta\">\n <span data-results-count>58 \u0648\u0644\u0627\u064a\u0629 \u0645\u0637\u0627\u0628\u0642\u0629<\/span>\n <span>\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/span>\n <\/div>\n\n <div class=\"wilaya-grid\" data-wilaya-grid><\/div>\n\n <div class=\"empty-state\" data-empty-state>\n <span style=\"font-size:2.2rem;\">\ud83d\udd0d<\/span>\n <p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0648\u0644\u0627\u064a\u0627\u062a \u062a\u0637\u0627\u0628\u0642 \u0628\u062d\u062b\u0643. \u062c\u0631\u0651\u0628 \u0627\u0633\u0645\u064b\u0627 \u0622\u062e\u0631 \u0623\u0648 \u063a\u064a\u0651\u0631 \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p>\n <button class=\"btn-outline\" data-clear-search>\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0628\u062d\u062b<\/button>\n <\/div>\n\n <div class=\"load-more\">\n <button class=\"btn-outline\" data-load-more>\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"resources-section section-reveal\" aria-labelledby=\"resources-heading\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"kicker\">\u0623\u062f\u0648\u0627\u062a \u0648\u0645\u0635\u0627\u062f\u0631<\/span>\n <h2 id=\"resources-heading\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0644\u062a\u0642\u0648\u064a\u0629 \u0645\u0644\u0641\u0643 \u0627\u0644\u0645\u0647\u0646\u064a<\/h2>\n <p>\u0631\u0648\u0627\u0628\u0637 \u0639\u0645\u0644\u064a\u0629 \u0644\u0644\u0648\u062b\u0627\u0626\u0642\u060c \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\u060c \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a \u0644\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644.<\/p>\n <\/div>\n <div class=\"resources-grid\" data-resources-grid><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta-section section-reveal\" aria-labelledby=\"cta-heading\">\n <div class=\"container\">\n <div class=\"cta-box\">\n <div class=\"content\">\n <span class=\"pill\">\u2728 \u062e\u062f\u0645\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/span>\n <h2 id=\"cta-heading\">\u0623\u0646\u0634\u0626 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0641\u064a \u062f\u0642\u0627\u0626\u0642<\/h2>\n <p>\u0642\u0648\u0627\u0644\u0628 \u062c\u0627\u0647\u0632\u0629\u060c \u062a\u062d\u0645\u064a\u0644 PDF \u0641\u0648\u0631\u064a\u060c \u0648\u062f\u0639\u0645 \u0643\u0627\u0645\u0644 \u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u062d\u062a\u0649 \u062a\u0631\u0633\u0644 \u0645\u0644\u0641\u064b\u0627 \u0645\u0647\u0646\u064a\u064b\u0627 \u0648\u0627\u0636\u062d\u064b\u0627 \u0645\u0639 \u0643\u0644 \u062a\u0631\u0634\u062d.<\/p>\n <\/div>\n <div class=\"action\">\n <a href=\"https:\/\/jobsdz.com\/cv-maker\" class=\"btn-primary\">\ud83d\udcc4 \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"site-footer\" aria-labelledby=\"footer-heading\">\n <h2 id=\"footer-heading\" class=\"sr-only\">\u062a\u0630\u064a\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629<\/h2>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/jobsdz.com\/wp-content\/uploads\/2026\/06\/logo-new-2.webp?w=980&ssl=1\" alt=\"\u0634\u0639\u0627\u0631 JobsDZ\" loading=\"lazy\" \/>\n <p>\u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0646\u0634\u0631 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0648\u0645\u0631\u0627\u0641\u0642\u0629 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631.<\/p>\n <div class=\"footer-socials\">\n <a href=\"https:\/\/www.facebook.com\/jobsdz\" aria-label=\"\u0641\u064a\u0633\u0628\u0648\u0643\" target=\"_blank\" rel=\"noopener\">\ud83d\udcd8<\/a>\n <a href=\"https:\/\/www.linkedin.com\/company\/jobsdz\" aria-label=\"\u0644\u064a\u0646\u0643\u062f \u0625\u0646\" target=\"_blank\" rel=\"noopener\">\ud83d\udd17<\/a>\n <a href=\"https:\/\/jobsdz.com\" aria-label=\"\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a\">\ud83c\udf10<\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n <ul>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/about\/\">\u0639\u0646 \u0627\u0644\u0645\u0646\u0635\u0629<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/contact\/\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/blog\/\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/%d8%b3%d9%8a%d8%a7%d8%b3%d8%a9-%d8%a7%d9%84%d8%ae%d8%b5%d9%88%d8%b5%d9%8a%d8%a9\/\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>\u0644\u0644\u0645\u062a\u0631\u0634\u062d\u064a\u0646<\/h4>\n <ul>\n <li><a href=\"#explorer\">\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0627\u062a<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/documents-formulaire\/\">\u0646\u0645\u0627\u0630\u062c \u0648\u0648\u062b\u0627\u0626\u0642<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/ar\/submit-resume\/\">\u0625\u0636\u0627\u0641\u0629 \u0633\u064a\u0631\u0629<\/a><\/li>\n <li><a href=\"https:\/\/jobsdz.com\/job-alert\">\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-col\">\n <h4>\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/h4>\n <p style=\"color:var(--text-muted);font-size:0.85rem;margin-bottom:12px;\">\u0641\u0639\u0651\u0644 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0644\u062a\u0635\u0644\u0643 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u062d\u0633\u0628 \u0648\u0644\u0627\u064a\u062a\u0643 \u0648\u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a\u0643.<\/p>\n <a href=\"https:\/\/jobsdz.com\/job-alert\" class=\"btn-primary\" style=\"font-size:0.8rem;padding:8px 20px;\">\ud83d\udd14 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a<\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 JobsDZ. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/span>\n <span>\u0635\u064f\u0645\u0645 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0644\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0641\u0631\u0635 \u0623\u0641\u0636\u0644.<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n (function() {\n 'use strict';\n\n \/\/ ============================================\n \/\/ DATA\n \/\/ ============================================\n const WILAYAS = [\n { num: \"01\", slug: \"adrar\", name: \"\u0623\u062f\u0631\u0627\u0631\", region: \"south\", jobs: 45, privateJobs: 12 },\n { num: \"02\", slug: \"chlef\", name: \"\u0627\u0644\u0634\u0644\u0641\", region: \"west\", jobs: 120, privateJobs: 35 },\n { num: \"03\", slug: \"laghouat\", name: \"\u0627\u0644\u0623\u063a\u0648\u0627\u0637\", region: \"south\", jobs: 78, privateJobs: 18 },\n { num: \"04\", slug: \"oum-el-bouaghi\", name: \"\u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\", region: \"east\", jobs: 95, privateJobs: 22 },\n { num: \"05\", slug: \"batna\", name: \"\u0628\u0627\u062a\u0646\u0629\", region: \"east\", jobs: 210, privateJobs: 45 },\n { num: \"06\", slug: \"bejaia\", name: \"\u0628\u062c\u0627\u064a\u0629\", region: \"north\", jobs: 180, privateJobs: 60 },\n { num: \"07\", slug: \"biskra\", name: \"\u0628\u0633\u0643\u0631\u0629\", region: \"south\", jobs: 65, privateJobs: 14 },\n { num: \"08\", slug: \"bechar\", name: \"\u0628\u0634\u0627\u0631\", region: \"south\", jobs: 32, privateJobs: 8 },\n { num: \"09\", slug: \"blida\", name: \"\u0627\u0644\u0628\u0644\u064a\u062f\u0629\", region: \"north\", jobs: 320, privateJobs: 85 },\n { num: \"10\", slug: \"bouira\", name: \"\u0627\u0644\u0628\u0648\u064a\u0631\u0629\", region: \"north\", jobs: 110, privateJobs: 28 },\n { num: \"11\", slug: \"tamanrasset\", name: \"\u062a\u0645\u0646\u0631\u0627\u0633\u062a\", region: \"south\", jobs: 28, privateJobs: 6 },\n { num: \"12\", slug: \"tebessa\", name: \"\u062a\u0628\u0633\u0629\", region: \"east\", jobs: 85, privateJobs: 20 },\n { num: \"13\", slug: \"tlemcen\", name: \"\u062a\u0644\u0645\u0633\u0627\u0646\", region: \"west\", jobs: 150, privateJobs: 42 },\n { num: \"14\", slug: \"tiaret\", name: \"\u062a\u064a\u0627\u0631\u062a\", region: \"west\", jobs: 95, privateJobs: 25 },\n { num: \"15\", slug: \"tizi-ouzou\", name: \"\u062a\u064a\u0632\u064a \u0648\u0632\u0648\", region: \"north\", jobs: 190, privateJobs: 55 },\n { num: \"16\", slug: \"alger\", name: \"\u0627\u0644\u062c\u0632\u0627\u0626\u0631\", region: \"north\", jobs: 850, privateJobs: 220 },\n { num: \"17\", slug: \"djelfa\", name: \"\u0627\u0644\u062c\u0644\u0641\u0629\", region: \"south\", jobs: 70, privateJobs: 16 },\n { num: \"18\", slug: \"jijel\", name: \"\u062c\u064a\u062c\u0644\", region: \"east\", jobs: 105, privateJobs: 30 },\n { num: \"19\", slug: \"setif\", name: \"\u0633\u0637\u064a\u0641\", region: \"east\", jobs: 240, privateJobs: 65 },\n { num: \"20\", slug: \"saida\", name: \"\u0633\u0639\u064a\u062f\u0629\", region: \"west\", jobs: 60, privateJobs: 15 },\n { num: \"21\", slug: \"skikda\", name: \"\u0633\u0643\u064a\u0643\u062f\u0629\", region: \"east\", jobs: 130, privateJobs: 38 },\n { num: \"22\", slug: \"sidi-bel-abbes\", name: \"\u0633\u064a\u062f\u064a \u0628\u0644\u0639\u0628\u0627\u0633\", region: \"west\", jobs: 115, privateJobs: 32 },\n { num: \"23\", slug: \"annaba\", name: \"\u0639\u0646\u0627\u0628\u0629\", region: \"east\", jobs: 195, privateJobs: 58 },\n { num: \"24\", slug: \"guelma\", name: \"\u0642\u0627\u0644\u0645\u0629\", region: \"east\", jobs: 88, privateJobs: 24 },\n { num: \"25\", slug: \"constantine\", name: \"\u0642\u0633\u0646\u0637\u064a\u0646\u0629\", region: \"east\", jobs: 280, privateJobs: 78 },\n { num: \"26\", slug: \"medea\", name: \"\u0627\u0644\u0645\u062f\u064a\u0629\", region: \"north\", jobs: 125, privateJobs: 34 },\n { num: \"27\", slug: \"mostaganem\", name: \"\u0645\u0633\u062a\u063a\u0627\u0646\u0645\", region: \"west\", jobs: 140, privateJobs: 40 },\n { num: \"28\", slug: \"msila\", name: \"\u0627\u0644\u0645\u0633\u064a\u0644\u0629\", region: \"east\", jobs: 90, privateJobs: 25 },\n { num: \"29\", slug: \"mascara\", name: \"\u0645\u0639\u0633\u0643\u0631\", region: \"west\", jobs: 110, privateJobs: 28 },\n { num: \"30\", slug: \"ouargla\", name: \"\u0648\u0631\u0642\u0644\u0629\", region: \"south\", jobs: 75, privateJobs: 20 },\n { num: \"31\", slug: \"oran\", name: \"\u0648\u0647\u0631\u0627\u0646\", region: \"west\", jobs: 420, privateJobs: 110 },\n { num: \"32\", slug: \"el-bayadh\", name: \"\u0627\u0644\u0628\u064a\u0636\", region: \"south\", jobs: 45, privateJobs: 10 },\n { num: \"33\", slug: \"illizi\", name: \"\u0625\u0644\u064a\u0632\u064a\", region: \"south\", jobs: 20, privateJobs: 4 },\n { num: \"34\", slug: \"bordj-bou-arreridj\", name: \"\u0628\u0631\u062c \u0628\u0648\u0639\u0631\u064a\u0631\u064a\u062c\", region: \"east\", jobs: 95, privateJobs: 26 },\n { num: \"35\", slug: \"boumerdes\", name: \"\u0628\u0648\u0645\u0631\u062f\u0627\u0633\", region: \"north\", jobs: 135, privateJobs: 38 },\n { num: \"36\", slug: \"el-tarf\", name: \"\u0627\u0644\u0637\u0627\u0631\u0641\", region: \"east\", jobs: 80, privateJobs: 18 },\n { num: \"37\", slug: \"tindouf\", name: \"\u062a\u0646\u062f\u0648\u0641\", region: \"south\", jobs: 18, privateJobs: 3 },\n { num: \"38\", slug: \"tissemsilt\", name: \"\u062a\u064a\u0633\u0645\u0633\u064a\u0644\u062a\", region: \"west\", jobs: 55, privateJobs: 12 },\n { num: \"39\", slug: \"el-oued\", name: \"\u0627\u0644\u0648\u0627\u062f\u064a\", region: \"south\", jobs: 65, privateJobs: 15 },\n { num: \"40\", slug: \"khenchela\", name: \"\u062e\u0646\u0634\u0644\u0629\", region: \"east\", jobs: 70, privateJobs: 16 },\n { num: \"41\", slug: \"souk-ahras\", name: \"\u0633\u0648\u0642 \u0623\u0647\u0631\u0627\u0633\", region: \"east\", jobs: 85, privateJobs: 22 },\n { num: \"42\", slug: \"tipaza\", name: \"\u062a\u064a\u0628\u0627\u0632\u0629\", region: \"north\", jobs: 115, privateJobs: 32 },\n { num: \"43\", slug: \"mila\", name: \"\u0645\u064a\u0644\u0629\", region: \"east\", jobs: 95, privateJobs: 24 },\n { num: \"44\", slug: \"ain-defla\", name: \"\u0639\u064a\u0646 \u0627\u0644\u062f\u0641\u0644\u0649\", region: \"north\", jobs: 100, privateJobs: 28 },\n { num: \"45\", slug: \"naama\", name: \"\u0627\u0644\u0646\u0639\u0627\u0645\u0629\", region: \"south\", jobs: 40, privateJobs: 8 },\n { num: \"46\", slug: \"ain-temouchent\", name: \"\u0639\u064a\u0646 \u062a\u0645\u0648\u0634\u0646\u062a\", region: \"west\", jobs: 75, privateJobs: 18 },\n { num: \"47\", slug: \"ghardaia\", name: \"\u063a\u0631\u062f\u0627\u064a\u0629\", region: \"south\", jobs: 85, privateJobs: 22 },\n { num: \"48\", slug: \"relizane\", name: \"\u063a\u0644\u064a\u0632\u0627\u0646\", region: \"west\", jobs: 105, privateJobs: 28 },\n { num: \"49\", slug: \"el-meghaier\", name: \"\u0627\u0644\u0645\u063a\u064a\u0631\", region: \"south\", jobs: 30, privateJobs: 6 },\n { num: \"50\", slug: \"el-menia\", name: \"\u0627\u0644\u0645\u0646\u064a\u0639\u0629\", region: \"south\", jobs: 25, privateJobs: 5 },\n { num: \"51\", slug: \"ouled-djellal\", name: \"\u0623\u0648\u0644\u0627\u062f \u062c\u0644\u0627\u0644\", region: \"south\", jobs: 35, privateJobs: 8 },\n { num: \"52\", slug: \"bordj-badji-mokhtar\", name: \"\u0628\u0631\u062c \u0628\u0627\u062c\u064a \u0645\u062e\u062a\u0627\u0631\", region: \"south\", jobs: 15, privateJobs: 2 },\n { num: \"53\", slug: \"beni-abbes\", name: \"\u0628\u0646\u064a \u0639\u0628\u0627\u0633\", region: \"south\", jobs: 20, privateJobs: 4 },\n { num: \"54\", slug: \"timimoun\", name: \"\u062a\u064a\u0645\u064a\u0645\u0648\u0646\", region: \"south\", jobs: 25, privateJobs: 5 },\n { num: \"55\", slug: \"touggourt\", name: \"\u062a\u0642\u0631\u062a\", region: \"south\", jobs: 45, privateJobs: 10 },\n { num: \"56\", slug: \"djanet\", name: \"\u062c\u0627\u0646\u062a\", region: \"south\", jobs: 18, privateJobs: 3 },\n { num: \"57\", slug: \"in-salah\", name: \"\u0639\u064a\u0646 \u0635\u0627\u0644\u062d\", region: \"south\", jobs: 22, privateJobs: 4 },\n { num: \"58\", slug: \"in-guezzam\", name: \"\u0639\u064a\u0646 \u0642\u0632\u0627\u0645\", region: \"south\", jobs: 15, privateJobs: 2 }\n ];\n\n const REGION_LABELS = { all: \"\u0627\u0644\u0643\u0644\", north: \"\u0627\u0644\u0634\u0645\u0627\u0644\", south: \"\u0627\u0644\u062c\u0646\u0648\u0628\", east: \"\u0627\u0644\u0634\u0631\u0642\", west: \"\u0627\u0644\u063a\u0631\u0628\" };\n const ITEMS_PER_PAGE = 12;\n const SLIDE_INTERVAL = 5000;\n\n \/\/ ============================================\n \/\/ STATE\n \/\/ ============================================\n const state = {\n search: '',\n region: 'all',\n sector: 'public',\n visibleCount: ITEMS_PER_PAGE,\n theme: 'dark',\n currentSlide: 0,\n totalSlides: 3,\n interval: null,\n progress: 0,\n isTransitioning: false,\n sliderPaused: false,\n isMenuOpen: false\n };\n\n \/\/ ============================================\n \/\/ DOM REFS\n \/\/ ============================================\n const $ = (s, ctx) => (ctx || document).querySelector(s);\n const $$ = (s, ctx) => Array.from((ctx || document).querySelectorAll(s));\n\n const dom = {\n menuToggle: $('[data-menu-toggle]'),\n menuOverlay: $('[data-mobile-overlay]'),\n menuDrawer: $('[data-mobile-drawer]'),\n menuClose: $('[data-menu-close]'),\n themeToggle: $('[data-theme-toggle]'),\n searchInputs: $$('[data-search-input]'),\n sectorBtns: $$('[data-sector]'),\n regionBtns: $$('[data-region]'),\n wilayaGrid: $('[data-wilaya-grid]'),\n resultsCount: $('[data-results-count]'),\n emptyState: $('[data-empty-state]'),\n loadMore: $('[data-load-more]'),\n clearSearch: $('[data-clear-search]'),\n resourcesGrid: $('[data-resources-grid]'),\n slidesTrack: $('[data-slides-track]'),\n slides: $$('[data-slide]'),\n dots: $$('[data-slider-dots] button'),\n prevBtn: $('[data-slider-prev]'),\n nextBtn: $('[data-slider-next]'),\n progressBar: $('[data-progress-bar]'),\n slider: $('[data-slider]')\n };\n\n \/\/ ============================================\n \/\/ HELPERS\n \/\/ ============================================\n function normalize(str) { return String(str || '').trim().toLowerCase(); }\n\n function escapeHTML(str) { return String(str).replace(\/&\/g, '&').replace(\/<\/g, '<').replace(\/>\/g, '>')\n .replace(\/\"\/g, '"'); }\n\n function getJobCount(w) { return state.sector === 'public' ? w.jobs : w.privateJobs; }\n\n function getJobLabel() { return state.sector === 'public' ? '\u0645\u0633\u0627\u0628\u0642\u0629' : '\u0645\u0646\u0635\u0628'; }\n\n function getLink(slug) {\n return state.sector === 'public' ?\n 'https:\/\/jobsdz.com\/ar\/fonction\/?selected_location=' + slug :\n 'https:\/\/jobsdz.com\/ar\/wadifa\/?selected_location=' + slug;\n }\n\n function getFiltered() {\n const q = normalize(state.search);\n return WILAYAS.filter(w => {\n const matchRegion = state.region === 'all' || w.region === state.region;\n const matchSearch = !q ||\n normalize(w.name).includes(q) ||\n normalize(w.slug).includes(q) ||\n normalize(w.num).includes(q) ||\n String(w.jobs).includes(q) ||\n String(w.privateJobs).includes(q);\n return matchRegion && matchSearch;\n });\n }\n\n function debounce(fn, wait) {\n let tid;\n return function(...args) { clearTimeout(tid);\n tid = setTimeout(() => fn.apply(this, args), wait); };\n }\n\n \/\/ ============================================\n \/\/ THEME\n \/\/ ============================================\n function setTheme(theme) {\n state.theme = theme;\n document.documentElement.setAttribute('data-theme', theme);\n dom.themeToggle.textContent = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n try { localStorage.setItem('jobsdz-theme', theme); } catch (_) {}\n }\n\n function toggleTheme() { setTheme(state.theme === 'dark' ? 'light' : 'dark'); }\n\n function loadTheme() {\n try {\n const saved = localStorage.getItem('jobsdz-theme');\n if (saved) { setTheme(saved); return; }\n } catch (_) {}\n setTheme('dark');\n }\n\n \/\/ ============================================\n \/\/ MOBILE MENU \u2014 improved drawer\n \/\/ ============================================\n function openMenu() {\n state.isMenuOpen = true;\n dom.menuOverlay.classList.add('open');\n dom.menuDrawer.classList.add('open');\n document.body.style.overflow = 'hidden';\n dom.menuToggle.textContent = '\u2715';\n }\n\n function closeMenu() {\n state.isMenuOpen = false;\n dom.menuOverlay.classList.remove('open');\n dom.menuDrawer.classList.remove('open');\n document.body.style.overflow = '';\n dom.menuToggle.textContent = '\u2630';\n }\n\n function toggleMenu() {\n state.isMenuOpen ? closeMenu() : openMenu();\n }\n\n \/\/ ============================================\n \/\/ SLIDER\n \/\/ ============================================\n function goToSlide(index, skipReset) {\n if (state.isTransitioning) return;\n if (index < 0) index = state.totalSlides - 1;\n if (index >= state.totalSlides) index = 0;\n if (index === state.currentSlide && index !== 0) return;\n\n state.isTransitioning = true;\n state.currentSlide = index;\n\n dom.slidesTrack.style.transform = 'translateX(' + (index * 100) + '%)';\n\n dom.slides.forEach((slide, i) => {\n slide.classList.toggle('active', i === index);\n });\n dom.dots.forEach((dot, i) => {\n dot.classList.toggle('active', i === index);\n });\n\n state.progress = 0;\n updateProgressBar();\n\n setTimeout(() => { state.isTransitioning = false; }, 700);\n if (!skipReset) resetSliderTimer();\n }\n\n function nextSlide() { goToSlide(state.currentSlide + 1); }\n\n function prevSlide() { goToSlide(state.currentSlide - 1); }\n\n function updateProgressBar() { if (dom.progressBar) dom.progressBar.style.width = state.progress + '%'; }\n\n function startSlider() {\n stopSlider();\n if (state.sliderPaused) return;\n state.progress = 0;\n updateProgressBar();\n\n const step = 100 \/ (SLIDE_INTERVAL \/ 100);\n state.interval = setInterval(() => {\n state.progress += step;\n if (state.progress >= 100) {\n state.progress = 100;\n updateProgressBar();\n setTimeout(() => {\n if (!state.isTransitioning && !state.sliderPaused) nextSlide();\n }, 50);\n stopSlider();\n } else {\n updateProgressBar();\n }\n }, 100);\n }\n\n function stopSlider() { if (state.interval) { clearInterval(state.interval);\n state.interval = null; } }\n\n function resetSliderTimer() { stopSlider();\n state.progress = 0;\n updateProgressBar();\n startSlider(); }\n\n function pauseSlider() { state.sliderPaused = true;\n stopSlider(); }\n\n function resumeSlider() { state.sliderPaused = false;\n startSlider(); }\n\n \/\/ ============================================\n \/\/ RESOURCES\n \/\/ ============================================\n function buildResources() {\n if (!dom.resourcesGrid) return;\n const items = [\n { icon: '\ud83d\udcc4', title: '\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u0646\u0645\u0627\u0630\u062c', desc: '\u0646\u0645\u0627\u0630\u062c \u0637\u0644\u0628\u0627\u062a\u060c \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062a\u0631\u0634\u062d\u060c \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u064b\u0627.',\n href: 'https:\/\/jobsdz.com\/ar\/documents-formulaire\/' },\n { icon: '\ud83d\udcda', title: '\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u064a\u0629', desc: '\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0646\u0635\u0627\u0626\u062d \u0639\u0645\u0644\u064a\u0629 \u0644\u062a\u0642\u0648\u064a\u0629 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a.',\n href: 'https:\/\/jobsdz.com\/ar\/blog\/' },\n { icon: '\ud83c\udfe2', title: '\u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644', desc: '\u0627\u0646\u0634\u0631 \u0639\u0631\u0648\u0636 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0633\u0645\u062d \u0644\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0624\u0633\u0633\u062a\u0643 \u0628\u0633\u0631\u0639\u0629.',\n href: 'https:\/\/jobsdz.com\/ar\/employer-landing\/' },\n { icon: '\ud83d\udd14', title: '\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0645\u062e\u0635\u0635\u0629', desc: '\u0641\u0639\u0651\u0644 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0644\u064a\u0635\u0644\u0643 \u062c\u062f\u064a\u062f \u0627\u0644\u0641\u0631\u0635 \u062d\u0633\u0628 \u0627\u0644\u0648\u0644\u0627\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639.',\n href: 'https:\/\/jobsdz.com\/job-alert' }\n ];\n dom.resourcesGrid.innerHTML = items.map(item =>\n `<a class=\"resource-card\" href=\"${item.href}\">\n <span class=\"icon\">${item.icon}<\/span>\n <h3>${item.title}<\/h3>\n <p>${item.desc}<\/p>\n <\/a>`\n ).join('');\n }\n\n \/\/ ============================================\n \/\/ EXPLORER\n \/\/ ============================================\n function updateExplorer() {\n const filtered = getFiltered();\n const visible = filtered.slice(0, state.visibleCount);\n const hasMore = visible.length < filtered.length;\n\n dom.resultsCount.textContent = filtered.length + ' \u0648\u0644\u0627\u064a\u0629 \u0645\u0637\u0627\u0628\u0642\u0629';\n dom.emptyState.classList.toggle('visible', filtered.length === 0);\n dom.loadMore.style.display = hasMore ? 'block' : 'none';\n\n if (filtered.length === 0) { dom.wilayaGrid.innerHTML = ''; return; }\n\n dom.wilayaGrid.innerHTML = visible.map(w => {\n const count = getJobCount(w);\n return `\n <a href=\"${getLink(w.slug)}\" class=\"wilaya-card\">\n <span class=\"num\">${w.num}<\/span>\n <div class=\"name\">${escapeHTML(w.name)}<\/div>\n <div class=\"meta\">\n <span class=\"region\">${REGION_LABELS[w.region]}<\/span>\n <span class=\"jobs\">${count.toLocaleString()} ${getJobLabel()}<\/span>\n <\/div>\n <div class=\"actions\">\n <span class=\"btn-small\">\u0639\u0631\u0636 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/span>\n <\/div>\n <\/a>\n `;\n }).join('');\n }\n\n function initFilters() {\n dom.sectorBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n dom.sectorBtns.forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n state.sector = this.dataset.sector;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n });\n });\n\n dom.regionBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n dom.regionBtns.forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n state.region = this.dataset.region;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n });\n });\n\n dom.loadMore.addEventListener('click', function() {\n state.visibleCount += ITEMS_PER_PAGE;\n updateExplorer();\n });\n\n dom.clearSearch.addEventListener('click', function() {\n state.search = '';\n state.visibleCount = ITEMS_PER_PAGE;\n dom.searchInputs.forEach(inp => inp.value = '');\n updateExplorer();\n });\n\n const debouncedSearch = debounce(function(value) {\n state.search = value;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n }, 250);\n\n dom.searchInputs.forEach(inp => {\n inp.addEventListener('input', function() { debouncedSearch(this.value); });\n inp.addEventListener('keydown', function(e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n state.search = this.value;\n state.visibleCount = ITEMS_PER_PAGE;\n updateExplorer();\n }\n });\n });\n }\n\n \/\/ ============================================\n \/\/ STATS ANIMATION\n \/\/ ============================================\n function animateStats() {\n const cards = $$('.stat-card .number');\n cards.forEach(el => {\n const target = parseInt(el.dataset.count, 10);\n if (!target) return;\n const duration = 1000;\n const start = performance.now();\n const tick = (now) => {\n const p = Math.min((now - start) \/ duration, 1);\n const eased = p === 1 ? 1 : 1 - Math.pow(2, -10 * p);\n const val = Math.floor(eased * target);\n let suffix = '';\n if (el.textContent.includes('+')) suffix = '+';\n if (el.textContent.includes('%')) suffix = '%';\n if (el.textContent.includes('K')) suffix = 'K';\n el.textContent = val.toLocaleString() + suffix;\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n });\n }\n\n \/\/ ============================================\n \/\/ SCROLL REVEAL\n \/\/ ============================================\n function initScrollReveal() {\n const elements = $$('.section-reveal');\n if (!elements.length || !('IntersectionObserver' in window)) {\n elements.forEach(el => el.classList.add('visible'));\n return;\n }\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });\n elements.forEach(el => observer.observe(el));\n }\n\n \/\/ ============================================\n \/\/ INIT\n \/\/ ============================================\n function init() {\n loadTheme();\n dom.themeToggle.addEventListener('click', toggleTheme);\n\n \/\/ Mobile menu events\n dom.menuToggle.addEventListener('click', toggleMenu);\n dom.menuClose.addEventListener('click', closeMenu);\n dom.menuOverlay.addEventListener('click', closeMenu);\n \/\/ Close menu on link click inside drawer\n $$('a', dom.menuDrawer).forEach(a => {\n a.addEventListener('click', closeMenu);\n });\n\n \/\/ Slider controls\n dom.dots.forEach(dot => {\n dot.addEventListener('click', function() {\n goToSlide(parseInt(this.dataset.slide));\n resetSliderTimer();\n });\n });\n dom.prevBtn.addEventListener('click', function() { prevSlide();\n resetSliderTimer(); });\n dom.nextBtn.addEventListener('click', function() { nextSlide();\n resetSliderTimer(); });\n\n dom.slider.addEventListener('mouseenter', pauseSlider);\n dom.slider.addEventListener('mouseleave', resumeSlider);\n\n \/\/ Touch support\n let touchStartX = 0,\n touchStartY = 0;\n dom.slider.addEventListener('touchstart', function(e) {\n touchStartX = e.changedTouches[0].screenX;\n touchStartY = e.changedTouches[0].screenY;\n pauseSlider();\n }, { passive: true });\n dom.slider.addEventListener('touchmove', function(e) {\n const diffX = touchStartX - e.changedTouches[0].screenX;\n const diffY = touchStartY - e.changedTouches[0].screenY;\n if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 20) e.preventDefault();\n }, { passive: false });\n dom.slider.addEventListener('touchend', function(e) {\n const diff = touchStartX - e.changedTouches[0].screenX;\n if (Math.abs(diff) > 40) {\n if (diff > 0) nextSlide();\n else prevSlide();\n resetSliderTimer();\n } else { resumeSlider(); }\n }, { passive: true });\n\n goToSlide(0, true);\n startSlider();\n\n buildResources();\n initFilters();\n updateExplorer();\n\n \/\/ Stats observer\n const statsSection = document.querySelector('.stats-section');\n if (statsSection && 'IntersectionObserver' in window) {\n const obs = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { animateStats();\n obs.unobserve(e.target); }\n });\n }, { threshold: 0.15 });\n obs.observe(statsSection);\n } else { animateStats(); }\n\n initScrollReveal();\n\n \/\/ Smooth scroll for explorer link\n const exploreBtn = document.querySelector('.slide-seekers .btn-primary[href=\"#explorer\"]');\n if (exploreBtn) {\n exploreBtn.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) target.scrollIntoView({ behavior: 'smooth' });\n });\n }\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else { init(); }\n\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JobsDZ – \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0644\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u2600\ufe0f \ud83d\udd14 \ud83d\udc64 \u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629 \ud83d\udcc4 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643 \u2630 \ud83d\udccb \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u2715 \ud83c\udfdb\ufe0f \u0627\u0644\u0648\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u0648\u0645\u064a \ud83d\udcbc \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \ud83d\udcdd \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \ud83d\udcc4 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \ud83d\udcc4 \u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629 \u2795 \u0646\u0634\u0631 \u0648\u0638\u064a\u0641\u0629 \ud83d\udcc4 \u0623\u0636\u0641 \u0633\u064a\u0631\u062a\u0643 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0627\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635\u062a\u0643 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-27905","page","type-page","status-publish","hentry"],"mb":[],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":8357,"url":"https:\/\/jobsdz.com\/employer-landing\/","url_meta":{"origin":27905,"position":0},"title":"Employer Landing","author":"Admin","date":"\u0645\u0627\u0631\u0633 22, 2023","format":false,"excerpt":"Recruit Smarter, Not Harder: Elite Talent Awaits on jobsdz. Unlock the power of infinite job postings and free, unlimited company profiles. The best candidates are just one click away. Start Hiring Now \u2014 Registration is Always FREE Join the thousands of companies scaling their teams with zero cost. The jobsdz\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3831,"url":"https:\/\/jobsdz.com\/home-01\/","url_meta":{"origin":27905,"position":1},"title":"Connecting Talent with Opportunity","author":"Admin","date":"\u0646\u0648\u0641\u0645\u0628\u0631 24, 2022","format":false,"excerpt":"Find Your Next Job Connecting talent with opportunities across Algeria Keywords Region All Regions Adrar A\u00efn-Defla A\u00efn-T\u00e9mouchent Alger Annaba Batna B\u00e9char B\u00e9ja\u00efa B\u00e9ni Abb\u00e8s Biskra Blida Bordj Badji Mokhtar Bordj-Bou-Arreridj Bouira Boumerd\u00e8s Chlef Constantine Djanet Djelfa El M\u2019Ghair El Meniaa El-Bayadh El-Oued El-Tarf Ghardaia Guelma Illizi In Guezzam In Salah\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27482,"url":"https:\/\/jobsdz.com\/ar\/test\/","url_meta":{"origin":27905,"position":2},"title":"test","author":"Admin","date":"\u062f\u064a\u0633\u0645\u0628\u0631 6, 2025","format":false,"excerpt":"JobsDZ | \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0645\u0646\u0635\u0629 \u0631\u0642\u0645 1 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0628\u0646\u0650 \u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u062e\u0637\u0648\u0627\u062a \u062b\u0627\u0628\u062a\u0629 \u0646\u062c\u0645\u0639 \u0644\u0643 \u0622\u0644\u0627\u0641 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u062e\u0627\u0635 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u0633\u0647\u0648\u0644\u0629 \u0641\u064a \u0627\u0644\u0628\u062d\u062b\u060c \u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u060c \u0648\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0648\u0636. \u0627\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u0629 \u0641\u0636\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0631\u0648\u0636 \u0645\u062d\u0642\u0642\u0629 \u062a\u062d\u062f\u064a\u062b \u064a\u0648\u0645\u064a \u0634\u0627\u0645\u0644 58 \u0648\u0644\u0627\u064a\u0629 \u0641\u0631\u0635\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9630,"url":"https:\/\/jobsdz.com\/ar\/acceuil\/","url_meta":{"origin":27905,"position":3},"title":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629-old","author":"Admin","date":"\u0646\u0648\u0641\u0645\u0628\u0631 19, 2021","format":false,"excerpt":"\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643 \u0641\u064a JobsDZ\u060c \u0645\u0646\u0635\u062a\u0643 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \ud83c\udde9\ud83c\uddff \u0627\u0643\u062a\u0634\u0641 \u0641\u0631\u0635 \u0639\u0645\u0644 \u062d\u0642\u064a\u0642\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0637\u0645\u0648\u062d\u0627\u062a\u0643\u060c \u0641\u064a \u0643\u0644 \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a.\u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0627\u062c\u0644 \u0627\u0644\u0648\u0638\u0627\u0626\u0641\u00a0\u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\u00a0\u0648\u0639\u0645\u0648\u0645\u064a\u0629 \u0639\u0631\u0648\u0636\u00a0\u0627\u0644\u0639\u0645\u0644\u00a0\u0645\u0646\u00a0\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u00a0\u0627\u0644\u062e\u0627\u0635\u0629\u00a0\u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u0631\u0635\u00a0\u0644\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646\u00a0\u0648\u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646\u00a0\u0627\u0644\u062c\u062f \u0627\u0644\u0648\u0644\u0627\u064a\u0629 (\u062e\u0627\u0631\u062c \u0627\u0644\u0628\u0644\u0627\u062f) \u0623\u062f\u0631\u0627\u0631 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a \u0623\u0648\u0644\u0627\u062f \u062c\u0644\u0627\u0644 \u0625\u0644\u064a\u0632\u064a \u0627\u0644\u0623\u063a\u0648\u0627\u0637 \u0627\u0644\u0628\u0644\u064a\u062f\u0629 \u0627\u0644\u0628\u0648\u064a\u0631\u0629 \u0627\u0644\u0628\u064a\u0636 \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0639\u0627\u0635\u0645\u0629 \u0627\u0644\u062c\u0644\u0641\u0629 \u0627\u0644\u0634\u0644\u0641 \u0627\u0644\u0637\u0627\u0631\u0641 \u0627\u0644\u0645\u062f\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0644\u0629 \u0627\u0644\u0645\u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u064a\u0639\u0629\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"How do you write an employment contract that protects your rights?","src":"data:image\/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20200%20200'%2F%3E","width":350,"height":200},"classes":[]},{"id":18027,"url":"https:\/\/jobsdz.com\/ar\/home-ar\/","url_meta":{"origin":27905,"position":4},"title":"\u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631","author":"Admin","date":"\u0646\u0648\u0641\u0645\u0628\u0631 24, 2022","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21774,"url":"https:\/\/jobsdz.com\/company-dashboard\/","url_meta":{"origin":27905,"position":5},"title":"Company dashboard","author":"Admin","date":"\u0633\u0628\u062a\u0645\u0628\u0631 17, 2025","format":false,"excerpt":"Your Companies can be viewed, edited or removed below. Name Location Category Date Posted Active Jobs tedd - June 21, 2025 0 PromoteEditHideDelete dfs (Pending Review) - October 23, 2024 0 Delete Cirotechs (Pending Review) - September 6, 2024 0 Delete ITV OCA (Pending Review) - September 4, 2024 0\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"mfb_rest_fields":["title","jetpack_sharing_enabled","jetpack-related-posts","gutenberg_elementor_mode"],"_links":{"self":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/27905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/comments?post=27905"}],"version-history":[{"count":5,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/27905\/revisions"}],"predecessor-version":[{"id":48377,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/27905\/revisions\/48377"}],"wp:attachment":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/media?parent=27905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}