{"id":22674,"date":"2023-03-22T13:57:56","date_gmt":"2023-03-22T12:57:56","guid":{"rendered":"https:\/\/jobsdz.com\/employer-landing\/"},"modified":"2026-06-24T16:58:01","modified_gmt":"2026-06-24T15:58:01","slug":"employer-landing","status":"publish","type":"page","link":"https:\/\/jobsdz.com\/ar\/employer-landing\/","title":{"rendered":"Employer Landing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22674\" class=\"elementor elementor-22674 elementor-8357\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-70b7ff3 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"70b7ff3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27d88572\" data-id=\"27d88572\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-77fe35d elementor-widget elementor-widget-html\" data-id=\"77fe35d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n\r\n\r\n    <style>\r\n        \/* ============================================\r\n           1.  \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646\r\n           ============================================ *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --color-primary: #0f2b4a;\r\n            --color-secondary: #2563eb;\r\n            --color-accent: #f59e0b;\r\n            --color-bg: #f6f9fc;\r\n            --color-white: #ffffff;\r\n            --color-dark: #0a1a2e;\r\n            --color-gray: #4b5b73;\r\n            --color-light-gray: #e9eef3;\r\n\r\n            --gradient-hero: linear-gradient(145deg, #f0f4ff 0%, #ffffff 100%);\r\n            --gradient-cta: linear-gradient(135deg, var(--color-secondary), #7c3aed);\r\n            --gradient-card: linear-gradient(145deg, #ffffff, #f8fafc);\r\n\r\n            --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.04);\r\n            --shadow-md: 0 12px 40px rgba(37, 99, 235, 0.10);\r\n            --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.06);\r\n\r\n            --radius-sm: 12px;\r\n            --radius-md: 20px;\r\n            --radius-lg: 28px;\r\n            --radius-full: 9999px;\r\n\r\n            --font-main: 'Cairo', sans-serif;\r\n            --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            scroll-padding-top: 80px;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-main);\r\n            background: var(--color-bg);\r\n            color: var(--color-dark);\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n        img {\r\n            max-width: 100%;\r\n            display: block;\r\n        }\r\n        ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .container {\r\n            width: 92%;\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n            padding: 0 1rem;\r\n        }\r\n\r\n        \/* ============================================\r\n           2.  \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\r\n           ============================================ *\/\r\n        .btn-cta {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.7rem;\r\n            padding: 0.9rem 2.8rem;\r\n            font-family: var(--font-main);\r\n            font-weight: 800;\r\n            font-size: 1.05rem;\r\n            color: var(--color-white);\r\n            background: var(--gradient-cta);\r\n            border: none;\r\n            border-radius: var(--radius-full);\r\n            box-shadow: 0 8px 24px rgba(37, 99, 235, 0.3);\r\n            transition: var(--transition);\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n            will-change: transform;\r\n        }\r\n\r\n        .btn-cta::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, var(--color-secondary), var(--color-primary));\r\n            opacity: 0;\r\n            transition: var(--transition);\r\n            z-index: -1;\r\n            border-radius: var(--radius-full);\r\n        }\r\n\r\n        .btn-cta:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: 0 12px 36px rgba(37, 99, 235, 0.35);\r\n        }\r\n        .btn-cta:hover::after {\r\n            opacity: 1;\r\n        }\r\n        .btn-cta:active {\r\n            transform: scale(0.97);\r\n        }\r\n        .btn-cta:focus-visible {\r\n            outline: 3px solid var(--color-accent);\r\n            outline-offset: 3px;\r\n        }\r\n\r\n        .btn-outline {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            padding: 0.75rem 2.2rem;\r\n            font-family: var(--font-main);\r\n            font-weight: 700;\r\n            font-size: 1rem;\r\n            color: var(--color-secondary);\r\n            background: transparent;\r\n            border: 2px solid var(--color-secondary);\r\n            border-radius: var(--radius-full);\r\n            transition: var(--transition);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: var(--color-secondary);\r\n            color: var(--color-white);\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .section-badge {\r\n            display: inline-block;\r\n            padding: 0.3rem 1.2rem;\r\n            background: rgba(37, 99, 235, 0.08);\r\n            color: var(--color-secondary);\r\n            font-weight: 700;\r\n            font-size: 0.8rem;\r\n            letter-spacing: 0.4px;\r\n            border-radius: var(--radius-full);\r\n            margin-bottom: 0.75rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(2rem, 4.5vw, 2.8rem);\r\n            font-weight: 900;\r\n            line-height: 1.2;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .section-title .highlight {\r\n            background: linear-gradient(135deg, var(--color-secondary), #7c3aed);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.05rem;\r\n            color: var(--color-gray);\r\n            max-width: 640px;\r\n            margin: 0 auto 2.8rem;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0644\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d *\/\r\n        :focus-visible {\r\n            outline: 2px solid var(--color-secondary);\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        \/* ============================================\r\n           3.  \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 (\u0645\u062d\u0633\u0651\u0646 \u0645\u0639 \u062a\u0623\u062b\u064a\u0631 \u0632\u062c\u0627\u062c\u064a)\r\n           ============================================ *\/\r\n        .navbar {\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 100;\r\n            padding: 0.8rem 0;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(18px);\r\n            -webkit-backdrop-filter: blur(18px);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.5);\r\n            transition: background 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .navbar.scrolled {\r\n            background: rgba(255, 255, 255, 0.85);\r\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.04);\r\n        }\r\n\r\n        .navbar .container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .logo {\r\n            font-size: 1.7rem;\r\n            font-weight: 900;\r\n            color: var(--color-primary);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.4rem;\r\n        }\r\n\r\n        .logo i {\r\n            color: var(--color-secondary);\r\n            font-size: 1.8rem;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .nav-links a {\r\n            font-weight: 600;\r\n            color: var(--color-dark);\r\n            transition: var(--transition);\r\n            font-size: 0.95rem;\r\n            position: relative;\r\n        }\r\n\r\n        .nav-links a::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -4px;\r\n            right: 0;\r\n            width: 0;\r\n            height: 2px;\r\n            background: var(--gradient-cta);\r\n            transition: var(--transition);\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .nav-links a:hover::after,\r\n        .nav-links a:focus::after {\r\n            width: 100%;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: var(--color-secondary);\r\n        }\r\n\r\n        .nav-cta {\r\n            background: var(--gradient-cta);\r\n            color: var(--color-white) !important;\r\n            padding: 0.5rem 1.8rem;\r\n            border-radius: var(--radius-full);\r\n            font-weight: 700;\r\n            box-shadow: var(--shadow-sm);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .nav-cta::after {\r\n            display: none;\r\n        }\r\n        .nav-cta:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-md);\r\n            color: white !important;\r\n        }\r\n\r\n        .hamburger {\r\n            display: none;\r\n            font-size: 1.8rem;\r\n            background: none;\r\n            border: none;\r\n            color: var(--color-primary);\r\n            cursor: pointer;\r\n            padding: 0.2rem;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        \/* ============================================\r\n           4.  \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a (Hero)\r\n           ============================================ *\/\r\n        .hero {\r\n            padding: 2.5rem 0 4rem;\r\n            background: var(--gradient-hero);\r\n            position: relative;\r\n            overflow: hidden;\r\n            isolation: isolate;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -20%;\r\n            left: -10%;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(37, 99, 235, 0.05) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: -1;\r\n        }\r\n        .hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -30%;\r\n            right: -5%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(124, 58, 237, 0.04) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: -1;\r\n        }\r\n\r\n        .hero .container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 4rem;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content h1 {\r\n            font-size: clamp(2.4rem, 5.5vw, 3.8rem);\r\n            font-weight: 900;\r\n            line-height: 1.15;\r\n            margin-bottom: 1.2rem;\r\n        }\r\n\r\n        .hero-content h1 .highlight {\r\n            background: linear-gradient(135deg, var(--color-secondary), #7c3aed);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .hero-content p {\r\n            font-size: 1.1rem;\r\n            color: var(--color-gray);\r\n            max-width: 90%;\r\n            margin-bottom: 2.2rem;\r\n        }\r\n\r\n        .hero-actions {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .hero-stats {\r\n            display: flex;\r\n            gap: 2.5rem;\r\n            margin-top: 3rem;\r\n            padding-top: 2rem;\r\n            border-top: 1px solid rgba(0, 0, 0, 0.04);\r\n        }\r\n\r\n        .stat-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2rem;\r\n            font-weight: 900;\r\n            color: var(--color-primary);\r\n            direction: ltr;\r\n            \/* \u0644\u0644\u0623\u0631\u0642\u0627\u0645 *\/;\r\n        }\r\n\r\n        .stat-number .counter {\r\n            display: inline-block;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 0.85rem;\r\n            color: var(--color-gray);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .hero-image {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            perspective: 1200px;\r\n        }\r\n\r\n        .hero-image img {\r\n            width: 100%;\r\n            max-width: 520px;\r\n            border-radius: var(--radius-md);\r\n            box-shadow: var(--shadow-lg);\r\n            border: 4px solid rgba(255, 255, 255, 0.9);\r\n            transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            transform: rotateY(-5deg) rotateX(2deg);\r\n            will-change: transform;\r\n        }\r\n\r\n        .hero-image img:hover {\r\n            transform: rotateY(0deg) rotateX(0deg) scale(1.02);\r\n        }\r\n\r\n        \/* ============================================\r\n           5.  \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a (\u0645\u0639 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0623\u062f\u0627\u0621 \u0645\u062d\u0633\u0651\u0646\u0629)\r\n           ============================================ *\/\r\n        .features {\r\n            padding: 6rem 0;\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .feature-card {\r\n            background: var(--color-white);\r\n            padding: 2rem 1.8rem;\r\n            border-radius: var(--radius-md);\r\n            border: 1px solid rgba(0, 0, 0, 0.02);\r\n            box-shadow: var(--shadow-sm);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n            will-change: transform;\r\n        }\r\n\r\n        .feature-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 4px;\r\n            height: 100%;\r\n            background: var(--gradient-cta);\r\n            transform: scaleY(0);\r\n            transform-origin: bottom;\r\n            transition: transform 0.4s ease;\r\n            border-radius: 0 4px 4px 0;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: var(--shadow-md);\r\n            border-color: transparent;\r\n        }\r\n\r\n        .feature-card:hover::after {\r\n            transform: scaleY(1);\r\n            transform-origin: top;\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 52px;\r\n            height: 52px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(37, 99, 235, 0.07);\r\n            color: var(--color-secondary);\r\n            border-radius: var(--radius-sm);\r\n            font-size: 1.5rem;\r\n            margin-bottom: 1.4rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .feature-card:hover .feature-icon {\r\n            background: var(--color-secondary);\r\n            color: var(--color-white);\r\n            transform: rotate(6deg) scale(1.05);\r\n        }\r\n\r\n        .feature-card h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 800;\r\n            margin-bottom: 0.4rem;\r\n        }\r\n\r\n        .feature-card p {\r\n            color: var(--color-gray);\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        \/* ============================================\r\n           6.  \u0644\u0645\u0627\u0630\u0627 JobsDZ (\u0628\u0637\u0627\u0642\u0627\u062a \u062a\u062d\u0641\u064a\u0632\u064a\u0629)\r\n           ============================================ *\/\r\n        .why-section {\r\n            padding: 4rem 0 6rem;\r\n            background: var(--color-white);\r\n        }\r\n\r\n        .why-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .why-card {\r\n            background: var(--gradient-card);\r\n            padding: 2.5rem 2rem;\r\n            border-radius: var(--radius-lg);\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: var(--shadow-sm);\r\n            transition: var(--transition);\r\n            will-change: transform;\r\n        }\r\n\r\n        .why-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .why-icon {\r\n            font-size: 3.2rem;\r\n            margin-bottom: 1.2rem;\r\n            display: inline-block;\r\n            filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.04));\r\n        }\r\n\r\n        .why-card h4 {\r\n            font-size: 1.3rem;\r\n            font-weight: 800;\r\n            margin-bottom: 0.6rem;\r\n            color: var(--color-primary);\r\n        }\r\n\r\n        .why-card p {\r\n            color: var(--color-gray);\r\n            font-size: 0.98rem;\r\n        }\r\n\r\n        \/* ============================================\r\n           7.  \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062b\u0642\u0629\r\n           ============================================ *\/\r\n        .testimonials {\r\n            padding: 5rem 0;\r\n            background: var(--gradient-hero);\r\n        }\r\n\r\n        .testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .testimonial-card {\r\n            background: rgba(255, 255, 255, 0.7);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            padding: 2rem;\r\n            border-radius: var(--radius-md);\r\n            border: 1px solid rgba(255, 255, 255, 0.7);\r\n            box-shadow: var(--shadow-sm);\r\n            transition: var(--transition);\r\n            will-change: transform;\r\n        }\r\n\r\n        .testimonial-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .testimonial-card .stars {\r\n            color: var(--color-accent);\r\n            margin-bottom: 0.8rem;\r\n            font-size: 1rem;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .testimonial-card blockquote {\r\n            font-size: 0.98rem;\r\n            color: var(--color-dark);\r\n            margin-bottom: 1.2rem;\r\n            font-weight: 400;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .testimonial-card .author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n        }\r\n\r\n        .testimonial-card .avatar {\r\n            width: 46px;\r\n            height: 46px;\r\n            border-radius: 50%;\r\n            background: var(--gradient-cta);\r\n            color: white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 800;\r\n            font-size: 1rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .testimonial-card .author-info h5 {\r\n            font-weight: 700;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .testimonial-card .author-info span {\r\n            font-size: 0.8rem;\r\n            color: var(--color-gray);\r\n        }\r\n\r\n        \/* ============================================\r\n           8.  \u0634\u0631\u064a\u0637 \u0627\u0644\u062b\u0642\u0629\r\n           ============================================ *\/\r\n        .trust-bar {\r\n            background: var(--color-primary);\r\n            color: var(--color-white);\r\n            padding: 3.5rem 0;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .trust-bar::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);\r\n            background-size: 24px 24px;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .trust-bar .container {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .trust-bar p {\r\n            font-size: 1.4rem;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .trust-bar strong {\r\n            font-weight: 800;\r\n            color: var(--color-accent);\r\n        }\r\n\r\n        .trust-logos {\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 2.5rem;\r\n            margin-top: 1.5rem;\r\n            font-size: 0.9rem;\r\n            opacity: 0.7;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .trust-logos span {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        \/* ============================================\r\n           9.  \u0627\u0644\u062d\u062b \u0627\u0644\u0646\u0647\u0627\u0626\u064a (Final CTA)\r\n           ============================================ *\/\r\n        .final-cta {\r\n            padding: 6rem 0 5rem;\r\n            text-align: center;\r\n            background: var(--color-white);\r\n        }\r\n\r\n        .final-cta h2 {\r\n            font-size: clamp(2rem, 4vw, 2.8rem);\r\n            font-weight: 900;\r\n            color: var(--color-primary);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .final-cta p {\r\n            font-size: 1.15rem;\r\n            color: var(--color-gray);\r\n            margin-bottom: 2.5rem;\r\n        }\r\n\r\n        .final-cta .btn-cta {\r\n            font-size: 1.15rem;\r\n            padding: 1rem 3.5rem;\r\n        }\r\n\r\n        \/* ============================================\r\n           10. \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0643\u0627\u0645\u0644\u0629 (\u0628\u062f\u0648\u0646 \u0641\u0648\u062a\u0631)\r\n           ============================================ *\/\r\n        @media (max-width: 1024px) {\r\n            .hero .container {\r\n                gap: 2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .hero .container {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n            }\r\n\r\n            .hero-content p {\r\n                max-width: 100%;\r\n                margin-right: auto;\r\n                margin-left: auto;\r\n            }\r\n\r\n            .hero-actions {\r\n                justify-content: center;\r\n            }\r\n\r\n            .hero-stats {\r\n                justify-content: center;\r\n            }\r\n\r\n            .hero-image {\r\n                order: -1;\r\n            }\r\n\r\n            .hero-image img {\r\n                max-width: 65%;\r\n                transform: none;\r\n            }\r\n\r\n            .hero-image img:hover {\r\n                transform: scale(1.02);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .nav-links {\r\n                display: none;\r\n                flex-direction: column;\r\n                gap: 1.2rem;\r\n                background: rgba(255, 255, 255, 0.96);\r\n                backdrop-filter: blur(18px);\r\n                padding: 2rem;\r\n                border-radius: var(--radius-md);\r\n                box-shadow: var(--shadow-lg);\r\n                position: absolute;\r\n                top: 100%;\r\n                right: 0;\r\n                width: 100%;\r\n                border: 1px solid rgba(255, 255, 255, 0.3);\r\n            }\r\n\r\n            .nav-links.open {\r\n                display: flex;\r\n            }\r\n\r\n            .hamburger {\r\n                display: block;\r\n            }\r\n\r\n            .hero-image img {\r\n                max-width: 85%;\r\n            }\r\n\r\n            .hero-stats {\r\n                gap: 1.8rem;\r\n                flex-wrap: wrap;\r\n            }\r\n\r\n            .stat-number {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .features-grid,\r\n            .why-grid,\r\n            .testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .trust-bar p {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .btn-cta {\r\n                width: 100%;\r\n                justify-content: center;\r\n                padding: 0.9rem 1.5rem;\r\n            }\r\n\r\n            .hero-actions .btn-outline {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            .final-cta .btn-cta {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .container {\r\n                width: 96%;\r\n                padding: 0 0.5rem;\r\n            }\r\n\r\n            .hero {\r\n                padding: 1.5rem 0 2rem;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 1.7rem;\r\n            }\r\n\r\n            .hero-content h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .hero-stats {\r\n                gap: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <!-- ==========================================\r\n    \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0646\u0642\u0644\r\n    ========================================== -->\r\n    <nav class=\"navbar\" id=\"navbar\" role=\"navigation\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\r\n        <div class=\"container\">\r\n            <div class=\"logo\">\r\n                <i class=\"fas fa-briefcase\"><\/i> JobsDZ\r\n            <\/div>\r\n            <button class=\"hamburger\" id=\"menuToggle\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\" aria-expanded=\"false\">\r\n                <i class=\"fas fa-bars\"><\/i>\r\n            <\/button>\r\n            <ul class=\"nav-links\" id=\"navLinks\" role=\"menubar\">\r\n                <li role=\"none\"><a href=\"#features\" role=\"menuitem\">\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/a><\/li>\r\n                <li role=\"none\"><a href=\"#why\" role=\"menuitem\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a><\/li>\r\n                <li role=\"none\"><a href=\"#testimonials\" role=\"menuitem\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a><\/li>\r\n                <li role=\"none\"><a href=\"#cta\" class=\"nav-cta\" role=\"menuitem\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- ==========================================\r\n    \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a (Hero)\r\n    ========================================== -->\r\n    <header class=\"hero\" id=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <span class=\"section-badge\">\ud83d\ude80 \u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0631\u0642\u0645 1 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/span>\r\n                <h1>\r\n                    \u0648\u0638\u0651\u0641 \u0628\u0630\u0643\u0627\u0621\u060c \u0644\u0627 \u0628\u062c\u0647\u062f<br \/>\r\n                    <span class=\"highlight\">\u0627\u0644\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u062a\u0646\u062a\u0638\u0631\u0643<\/span>\r\n                <\/h1>\r\n                <p>\r\n                    \u0623\u0637\u0644\u0642 \u0627\u0644\u0639\u0646\u0627\u0646 \u0644\u0642\u0648\u0629 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0644\u0627\u0645\u062d\u062f\u0648\u062f\u0629. \u0627\u0633\u062a\u0642\u0628\u0644 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u062c\u0627\u0646\u064b\u0627\r\n                    \u0648\u0627\u0628\u062f\u0623 \u0641\u064a \u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u0642 \u0623\u062d\u0644\u0627\u0645\u0643 \u0628\u0636\u063a\u0637\u0629 \u0632\u0631 \u0648\u0627\u062d\u062f\u0629 \u0639\u0628\u0631 JobsDZ.\r\n                <\/p>\r\n                <div class=\"hero-actions\">\r\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=\"btn-cta\">\r\n                        <i class=\"fas fa-rocket\"><\/i> \u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0645\u062c\u0627\u0646\u0627\u064b\r\n                    <\/a>\r\n                    <a href=\"#features\" class=\"btn-outline\">\r\n                        <i class=\"fas fa-chevron-left\"><\/i> \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"hero-stats\">\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\"><span class=\"counter\" data-target=\"5000\">0<\/span>+<\/span>\r\n                        <span class=\"stat-label\">\u0634\u0631\u0643\u0629 \u062a\u062b\u0642 \u0628\u0646\u0627<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\"><span class=\"counter\" data-target=\"12\">0<\/span>K+<\/span>\r\n                        <span class=\"stat-label\">\u0645\u0631\u0634\u062d \u0646\u0634\u0637<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\"><span class=\"counter\" data-target=\"97\">0<\/span>%<\/span>\r\n                        <span class=\"stat-label\">\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-image\">\r\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/jobsdz.com\/wp-content\/uploads\/2025\/09\/unnamed-_20_-Photoroom.webp?w=980&#038;ssl=1\" alt=\"\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 - \u0645\u0646\u0635\u0629 JobsDZ\" loading=\"lazy\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- ==========================================\r\n    \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a\r\n    ========================================== -->\r\n    <section class=\"features\" id=\"features\">\r\n        <div class=\"container\">\r\n            <div class=\"section-badge\" style=\"display:block;text-align:center;\">\u2b50 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062d\u0635\u0631\u064a\u0629<\/div>\r\n            <h2 class=\"section-title\" style=\"text-align:center;\">\r\n                \u0645\u0646\u0635\u0629 \u0645\u0635\u0645\u0645\u0629 <span class=\"highlight\">\u0644\u0644\u0646\u0645\u0648 \u063a\u064a\u0631 \u0627\u0644\u0645\u062d\u062f\u0648\u062f<\/span>\r\n            <\/h2>\r\n            <p class=\"section-subtitle\">\r\n                \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0644\u062c\u0630\u0628 \u0623\u0641\u0636\u0644 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0648\u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u0642 \u0623\u062d\u0644\u0627\u0645\u0643 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\r\n            <\/p>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n                    <h3>\u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0623\u0628\u062f<\/h3>\r\n                    <p>\u0633\u062c\u0651\u0644 \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u0648\u0638\u0651\u0641 \u0625\u0644\u0649 \u0627\u0644\u0623\u0628\u062f. \u0645\u0646\u0635\u062a\u0646\u0627 \u0645\u062c\u0627\u0646\u064a\u0629 100% \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644\u060c \u062f\u0648\u0646 \u0631\u0633\u0648\u0645 \u062e\u0641\u064a\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-infinity\"><\/i><\/div>\r\n                    <h3>\u0648\u0638\u0627\u0626\u0641 \u0628\u0644\u0627 \u062d\u062f\u0648\u062f<\/h3>\r\n                    <p>\u0627\u0646\u0634\u0631 \u0623\u064a \u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0634\u0648\u0627\u063a\u0631 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u062f\u0648\u0646 \u0642\u064a\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0639\u062f\u062f \u0623\u0648 \u0627\u0644\u062a\u0643\u0644\u0641\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-brain\"><\/i><\/div>\r\n                    <h3>\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u062a\u0631\u0634\u064a\u062d \u0630\u0643\u064a\u0629<\/h3>\r\n                    <p>\u0646\u0638\u0627\u0645\u0646\u0627 \u064a\u0638\u0647\u0631 \u0648\u0638\u0627\u0626\u0641\u0643 \u0644\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0627\u0644\u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0648\u0645\u0644\u0627\u0621\u0645\u0629 \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-comment-dots\"><\/i><\/div>\r\n                    <h3>\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631<\/h3>\r\n                    <p>\u0646\u0638\u0627\u0645 \u062f\u0631\u062f\u0634\u0629 \u062f\u0627\u062e\u0644\u064a \u0645\u062a\u0637\u0648\u0631 \u064a\u0631\u0628\u0637\u0643 \u0628\u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0641\u0648\u0631\u064a\u0627\u064b \u0644\u062a\u0633\u0631\u064a\u0639 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n                    <h3>\u0628\u0631\u0648\u0641\u0627\u064a\u0644 \u0634\u0631\u0643\u0627\u062a \u0645\u062a\u0639\u062f\u062f<\/h3>\r\n                    <p>\u0625\u062f\u0627\u0631\u0629 \u0641\u0631\u0648\u0639 \u0623\u0648 \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0645\u0646 \u062d\u0633\u0627\u0628 \u0648\u0627\u062d\u062f \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\"><i class=\"fas fa-sliders-h\"><\/i><\/div>\r\n                    <h3>\u0641\u0644\u062a\u0631\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<\/h3>\r\n                    <p>\u0623\u062f\u0648\u0627\u062a \u0628\u062d\u062b \u0642\u0648\u064a\u0629 \u062a\u062a\u064a\u062d \u0644\u0643 \u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u062d\u0633\u0628 \u0627\u0644\u0645\u0646\u0637\u0642\u0629\u060c \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========================================\r\n    \u0644\u0645\u0627\u0630\u0627 JobsDZ\r\n    ========================================== -->\r\n    <section class=\"why-section\" id=\"why\">\r\n        <div class=\"container\">\r\n            <div class=\"section-badge\" style=\"display:block;text-align:center;\">\ud83d\udca1 \u0631\u0624\u064a\u062a\u0646\u0627<\/div>\r\n            <h2 class=\"section-title\" style=\"text-align:center;\">\r\n                \u0644\u0645\u0627\u0630\u0627 JobsDZ \u0647\u0648 <span class=\"highlight\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u061f<\/span>\r\n            <\/h2>\r\n            <p class=\"section-subtitle\">\r\n                \u0646\u0630\u0647\u0628 \u0625\u0644\u0649 \u0623\u0628\u0639\u062f \u0645\u0646 \u0645\u062c\u0631\u062f \u0646\u0634\u0631 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u2013 \u0646\u0628\u0646\u064a \u062c\u0633\u0648\u0631\u0627\u064b \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0648\u0627\u0644\u0641\u0631\u0635.\r\n            <\/p>\r\n            <div class=\"why-grid\">\r\n                <div class=\"why-card\">\r\n                    <span class=\"why-icon\">\ud83d\ude80<\/span>\r\n                    <h4>\u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/h4>\r\n                    <p>\u0627\u0644\u0648\u0642\u062a \u0647\u0648 \u0627\u0644\u0645\u0627\u0644. \u0646\u0638\u0627\u0645\u0646\u0627 \u064a\u0637\u0627\u0628\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0645\u0639 \u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0641\u064a \u062f\u0642\u0627\u0626\u0642\u060c \u0645\u0648\u0641\u0631\u0627\u064b \u0639\u0644\u064a\u0643 \u0622\u0644\u0627\u0641 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0645\u0646 \u0627\u0644\u0641\u0631\u0632 \u0627\u0644\u064a\u062f\u0648\u064a.<\/p>\r\n                <\/div>\r\n                <div class=\"why-card\">\r\n                    <span class=\"why-icon\">\ud83d\udc8e<\/span>\r\n                    <h4>\u0646\u062e\u0628\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a<\/h4>\r\n                    <p>\u0646\u062d\u0646 \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646. \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0648\u0635\u0648\u0644 \u062d\u0635\u0631\u064a \u0644\u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0636\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631.<\/p>\r\n                <\/div>\r\n                <div class=\"why-card\">\r\n                    <span class=\"why-icon\">\ud83d\udcc8<\/span>\r\n                    <h4>\u062a\u0623\u062b\u064a\u0631 \u062d\u0642\u064a\u0642\u064a<\/h4>\r\n                    <p>\u0646\u062d\u0646 \u0644\u0627 \u0646\u0642\u062f\u0645 \u0645\u062c\u0631\u062f \u0645\u0648\u0638\u0641\u064a\u0646\u060c \u0628\u0644 \u0646\u0642\u062f\u0645 \u0634\u0631\u0643\u0627\u0621 \u0646\u062c\u0627\u062d \u064a\u0633\u0627\u0647\u0645\u0648\u0646 \u0641\u064a \u062a\u0648\u0633\u064a\u0639 \u0637\u0645\u0648\u062d\u0627\u062a \u0634\u0631\u0643\u062a\u0643 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0627.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========================================\r\n    \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062b\u0642\u0629\r\n    ========================================== -->\r\n    <section class=\"testimonials\" id=\"testimonials\">\r\n        <div class=\"container\">\r\n            <div class=\"section-badge\" style=\"display:block;text-align:center;\">\ud83d\udde3\ufe0f \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\r\n            <h2 class=\"section-title\" style=\"text-align:center;\">\r\n                \u0645\u0627 \u064a\u0642\u0648\u0644\u0647 <span class=\"highlight\">\u0634\u0631\u0643\u0627\u0624\u0646\u0627<\/span>\r\n            <\/h2>\r\n            <p class=\"section-subtitle\">\r\n                \u0622\u0644\u0627\u0641 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u062a\u062b\u0642 \u0628\u0645\u0646\u0635\u062a\u0646\u0627 \u0644\u0628\u0646\u0627\u0621 \u0641\u0631\u0642 \u0639\u0645\u0644 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.\r\n            <\/p>\r\n            <div class=\"testimonials-grid\">\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <blockquote>\u201c\u0645\u0646\u0630 \u0623\u0646 \u0628\u062f\u0623\u0646\u0627 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JobsDZ\u060c \u0623\u0635\u0628\u062d\u0646\u0627 \u0646\u0648\u0638\u0641 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 \u0623\u0633\u0628\u0648\u0639. \u0645\u0646\u0635\u0629 \u0631\u0627\u0626\u0639\u0629 \u0648\u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.\u201d<\/blockquote>\r\n                    <div class=\"author\">\r\n                        <div class=\"avatar\">\u0623<\/div>\r\n                        <div class=\"author-info\">\r\n                            <h5>\u0623\u062d\u0645\u062f \u062e\u0627\u0644\u062f<\/h5>\r\n                            <span>\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u2013 \u0634\u0631\u0643\u0629 \u062a\u0642\u0646\u064a\u0629<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <blockquote>\u201c\u0648\u0641\u0631\u062a \u0644\u0646\u0627 JobsDZ \u0622\u0644\u0627\u0641 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646. \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u0630\u0643\u064a\u0629 \u0648\u062a\u0642\u062f\u0645 \u0644\u0646\u0627 \u0645\u0631\u0634\u062d\u064a\u0646 \u0645\u062a\u0637\u0627\u0628\u0642\u064a\u0646 \u0628\u0646\u0633\u0628\u0629 90%.\u201d<\/blockquote>\r\n                    <div class=\"author\">\r\n                        <div class=\"avatar\">\u0633<\/div>\r\n                        <div class=\"author-info\">\r\n                            <h5>\u0633\u0627\u0631\u0629 \u0628\u0646 \u0639\u0645\u0631<\/h5>\r\n                            <span>\u0645\u0624\u0633\u0633 \u0634\u0631\u0643\u0629 \u0646\u0627\u0634\u0626\u0629<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n                    <blockquote>\u201c\u0628\u0641\u0636\u0644 JobsDZ\u060c \u0642\u0645\u0646\u0627 \u0628\u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 \u0634\u0647\u0631. \u0623\u0646\u0635\u062d \u0628\u0647\u0627 \u0628\u0634\u062f\u0629 \u0644\u0643\u0644 \u0634\u0631\u0643\u0629 \u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0646\u0645\u0648.\u201d<\/blockquote>\r\n                    <div class=\"author\">\r\n                        <div class=\"avatar\">\u0645<\/div>\r\n                        <div class=\"author-info\">\r\n                            <h5>\u0645\u062d\u0645\u062f \u0632\u0627\u0648\u064a<\/h5>\r\n                            <span>\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a \u2013 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========================================\r\n    \u0634\u0631\u064a\u0637 \u0627\u0644\u062b\u0642\u0629\r\n    ========================================== -->\r\n    <section class=\"trust-bar\">\r\n        <div class=\"container\">\r\n            <p>\u0623\u0643\u062b\u0631 \u0645\u0646 <strong>5000+ \u0634\u0631\u0643\u0629<\/strong> \u062a\u062b\u0642 \u0628\u0645\u0646\u0635\u0629 JobsDZ \u064a\u0648\u0645\u064a\u0627\u064b \u0644\u0628\u0646\u0627\u0621 \u0641\u0631\u0642 \u0639\u0645\u0644 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.<\/p>\r\n            <div class=\"trust-logos\">\r\n                <span><i class=\"fas fa-check-circle\"><\/i> \u0634\u0631\u0643\u0627\u062a \u0646\u0627\u0634\u0626\u0629<\/span>\r\n                <span><i class=\"fas fa-check-circle\"><\/i> \u0645\u0624\u0633\u0633\u0627\u062a \u0645\u0627\u0644\u064a\u0629<\/span>\r\n                <span><i class=\"fas fa-check-circle\"><\/i> \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u0644\u064a\u0645<\/span>\r\n                <span><i class=\"fas fa-check-circle\"><\/i> \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========================================\r\n    \u0627\u0644\u062d\u062b \u0627\u0644\u0646\u0647\u0627\u0626\u064a (\u062a\u0645 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0641\u0648\u062a\u0631 \u0628\u0627\u0644\u0643\u0627\u0645\u0644)\r\n    ========================================== -->\r\n    <section class=\"final-cta\" id=\"cta\">\r\n        <div class=\"container\">\r\n            <h2>\u062c\u0627\u0647\u0632 \u0644\u062a\u062d\u0648\u064a\u0644 \u0637\u0631\u064a\u0642\u0629 \u062a\u0648\u0638\u064a\u0641\u0643\u061f<\/h2>\r\n            <p>\u0644\u0627 \u0628\u0637\u0627\u0642\u0629 \u0627\u0626\u062a\u0645\u0627\u0646 \u0645\u0637\u0644\u0648\u0628\u0629. \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u0648\u0631\u064a \u0648\u0645\u062c\u0627\u0646\u064a.<\/p>\r\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=\"btn-cta\">\r\n                <i class=\"fas fa-user-plus\"><\/i> \u0623\u0646\u0634\u0626 \u062d\u0633\u0627\u0628 \u0635\u0627\u062d\u0628 \u0639\u0645\u0644 \u0627\u0644\u0622\u0646\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ==========================================\r\n    JavaScript (\u0642\u0627\u0626\u0645\u0629 \u0645\u062a\u0646\u0642\u0644\u0629 + \u0639\u062f\u0627\u062f \u0645\u062a\u062d\u0631\u0643 + \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0645\u0631\u064a\u0631)\r\n    ========================================== -->\r\n    <script>\r\n        (function() {\r\n            'use strict';\r\n\r\n            \/\/ 1. \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u062a\u0646\u0642\u0644\u0629\r\n            const menuToggle = document.getElementById('menuToggle');\r\n            const navLinks = document.getElementById('navLinks');\r\n\r\n            if (menuToggle && navLinks) {\r\n                menuToggle.addEventListener('click', function() {\r\n                    const isOpen = navLinks.classList.toggle('open');\r\n                    this.setAttribute('aria-expanded', isOpen);\r\n                    const icon = this.querySelector('i');\r\n                    icon.classList.toggle('fa-bars');\r\n                    icon.classList.toggle('fa-times');\r\n                });\r\n\r\n                document.querySelectorAll('.nav-links a').forEach(link => {\r\n                    link.addEventListener('click', () => {\r\n                        navLinks.classList.remove('open');\r\n                        menuToggle.setAttribute('aria-expanded', 'false');\r\n                        const icon = menuToggle.querySelector('i');\r\n                        icon.classList.add('fa-bars');\r\n                        icon.classList.remove('fa-times');\r\n                    });\r\n                });\r\n            }\r\n\r\n            \/\/ 2. \u062a\u0623\u062b\u064a\u0631 \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n            const navbar = document.getElementById('navbar');\r\n            let lastScroll = 0;\r\n            window.addEventListener('scroll', function() {\r\n                const currentScroll = window.pageYOffset || document.documentElement.scrollTop;\r\n                if (currentScroll > 20) {\r\n                    navbar.classList.add('scrolled');\r\n                } else {\r\n                    navbar.classList.remove('scrolled');\r\n                }\r\n                lastScroll = currentScroll;\r\n            });\r\n\r\n            \/\/ 3. \u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 (Intersection Observer)\r\n            const counters = document.querySelectorAll('.counter');\r\n\r\n            if (counters.length > 0) {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            const counter = entry.target;\r\n                            const target = parseInt(counter.getAttribute('data-target'), 10);\r\n                            if (isNaN(target)) return;\r\n                            let current = 0;\r\n                            const increment = Math.ceil(target \/ 60); \/\/ \u0633\u0631\u0639\u0629 \u0627\u0644\u0639\u062f\r\n                            const timer = setInterval(() => {\r\n                                current += increment;\r\n                                if (current >= target) {\r\n                                    counter.textContent = target;\r\n                                    clearInterval(timer);\r\n                                } else {\r\n                                    counter.textContent = current;\r\n                                }\r\n                            }, 20);\r\n                            observer.unobserve(counter); \/\/ \u062a\u0634\u063a\u064a\u0644 \u0644\u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629\r\n                        }\r\n                    });\r\n                }, { threshold: 0.5 });\r\n\r\n                counters.forEach(counter => observer.observe(counter));\r\n            }\r\n\r\n        })();\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JobsDZ \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \ud83d\ude80 \u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0631\u0642\u0645 1 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0648\u0638\u0651\u0641 \u0628\u0630\u0643\u0627\u0621\u060c \u0644\u0627 \u0628\u062c\u0647\u062f \u0627\u0644\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u062a\u0646\u062a\u0638\u0631\u0643 \u0623\u0637\u0644\u0642 \u0627\u0644\u0639\u0646\u0627\u0646 \u0644\u0642\u0648\u0629 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0644\u0627\u0645\u062d\u062f\u0648\u062f\u0629. \u0627\u0633\u062a\u0642\u0628\u0644 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u062c\u0627\u0646\u064b\u0627 \u0648\u0627\u0628\u062f\u0623 \u0641\u064a \u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u0642 \u0623\u062d\u0644\u0627\u0645\u0643 \u0628\u0636\u063a\u0637\u0629 \u0632\u0631 \u0648\u0627\u062d\u062f\u0629 \u0639\u0628\u0631 JobsDZ. \u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0645\u062c\u0627\u0646\u0627\u064b \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f 0+ \u0634\u0631\u0643\u0629 \u062a\u062b\u0642 \u0628\u0646\u0627 0K+ \u0645\u0631\u0634\u062d \u0646\u0634\u0637 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-22674","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":22674,"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":22674,"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":27724,"url":"https:\/\/jobsdz.com\/ar\/cv-maker\/","url_meta":{"origin":22674,"position":2},"title":"CV Maker","author":"Admin","date":"\u062f\u064a\u0633\u0645\u0628\u0631 9, 2025","format":false,"excerpt":"CV Pro Ultimate \u2013 \u0645\u0646\u0635\u0629 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 CV Pro Ultimate \u2713 \u062d\u0641\u0638 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0627\u0643\u062a\u0645\u0627\u06440% \u0642\u0648\u0627\u0644\u0628 \u0633\u0631\u064a\u0639\u0629 \u0645\u0637\u0648\u0631 \u0645\u0633\u0648\u0642 \u0637\u0627\u0644\u0628 \u0645\u0635\u0645\u0645 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0633\u0645\u0649 \u0627\u0644\u0648\u0638\u064a\u0641\u064a \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0648\u0644\u0627\u064a\u0629 \u0627\u0644\u0628\u0644\u062f \u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0634\u062e\u0635\u064a \u0644\u064a\u0646\u0643\u062f \u0625\u0646 \u062c\u064a\u062a \u0647\u0627\u0628 \u0646\u0628\u0630\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0645\u062e\u0635\u0635 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0644\u063a\u0627\u062a \u0625\u0639\u0627\u062f\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":"","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\/22674","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=22674"}],"version-history":[{"count":5,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/22674\/revisions"}],"predecessor-version":[{"id":47883,"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/pages\/22674\/revisions\/47883"}],"wp:attachment":[{"href":"https:\/\/jobsdz.com\/ar\/wp-json\/wp\/v2\/media?parent=22674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}