{"id":38,"date":"2026-04-28T17:18:14","date_gmt":"2026-04-28T15:18:14","guid":{"rendered":"https:\/\/statelineinfo.com\/narjes\/?page_id=38"},"modified":"2026-05-14T15:50:34","modified_gmt":"2026-05-14T13:50:34","slug":"accueil","status":"publish","type":"page","link":"https:\/\/statelineinfo.com\/narjes\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ebc45f e-con-full e-flex e-con e-parent\" data-id=\"4ebc45f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1010573 elementor-widget elementor-widget-html\" data-id=\"1010573\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --narjes-navy: #1B2A5E;\r\n        --narjes-gold: #B8943A;\r\n        --narjes-white: #ffffff;\r\n    }\r\n\r\n    \/* CONTENEUR PRINCIPAL DU SLIDER *\/\r\n    .hero-slider-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 85vh;\r\n        overflow: hidden;\r\n        background-color: #000;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .hero-slide {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity 1s ease-in-out, visibility 1s;\r\n        display: flex;\r\n        align-items: center;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-slide.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* OVERLAY COMMUN *\/\r\n    .hero-slide::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.45);\r\n        z-index: 3;\r\n    }\r\n\r\n    \/* BACKGROUNDS (VIDEO & IMAGE) *\/\r\n    .hero-bg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 1;\r\n    }\r\n\r\n    .hero-bg video, .hero-bg img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    \/* CONTENU *\/\r\n    .hero-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 40px 20px;\r\n        display: grid;\r\n        grid-template-columns: 1.3fr 0.7fr;\r\n        gap: 50px;\r\n        position: relative;\r\n        z-index: 10;\r\n        color: var(--narjes-white);\r\n    }\r\n\r\n    .hero-badge-creative {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        border: 1px solid var(--narjes-gold);\r\n        padding: 8px 16px;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        letter-spacing: 1px;\r\n        color: var(--narjes-gold);\r\n        margin-bottom: 25px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .hero-container h1 {\r\n        font-size: clamp(2rem, 4.5vw, 3.5rem);\r\n        line-height: 1.2;\r\n        margin-bottom: 20px;\r\n        font-weight: 800;\r\n        text-shadow: 2px 2px 20px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .hero-container h1 span { color: var(--narjes-gold); }\r\n\r\n    .hero-container p {\r\n        font-size: 1.05rem;\r\n        line-height: 1.7;\r\n        max-width: 650px;\r\n        margin-bottom: 40px;\r\n        text-shadow: 1px 1px 10px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .btn-main {\r\n        background: var(--narjes-gold);\r\n        color: var(--narjes-navy);\r\n        padding: 18px 35px;\r\n        border-radius: 4px;\r\n        text-decoration: none;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        font-size: 14px;\r\n        display: inline-block;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .btn-main:hover {\r\n        box-shadow: 0 10px 30px rgba(184, 148, 58, 0.5);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* CARD DROITE *\/\r\n    .profile-card {\r\n        background: var(--narjes-white);\r\n        padding: 30px 25px;\r\n        border-radius: 20px;\r\n        color: var(--narjes-navy);\r\n        width: 320px;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.5);\r\n        text-align: center;\r\n    }\r\n\r\n    \/* NAVIGATION DOTS *\/\r\n    .slider-dots {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        gap: 15px;\r\n        z-index: 20;\r\n    }\r\n\r\n    .dot {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        background: rgba(255,255,255,0.3);\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .dot.active {\r\n        background: var(--narjes-gold);\r\n        width: 30px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .hero-container { grid-template-columns: 1fr; text-align: center; }\r\n        .hero-visual { display: none; }\r\n        .hero-container p { margin: 0 auto 30px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hero-slider-wrapper\">\r\n    <div class=\"hero-slide active\" id=\"slide-1\">\r\n        <div class=\"hero-bg\">\r\n            <video autoplay muted loop playsinline poster=\"https:\/\/statelineinfo.com\/narjes\/canada.jpg\">\r\n                <source src=\"https:\/\/statelineinfo.com\/narjes\/canada.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-text-side\">\r\n                <div class=\"hero-badge-creative\"><i class=\"fa-solid fa-certificate\"><\/i> Accr\u00e9dit\u00e9 CICC & MIFI<\/div>\r\n                <h1>Immigrer au Canada avec un accompagnement <span>r\u00e9glement\u00e9<\/span><\/h1>\r\n                <p>Narjes Inc. vous accompagne avec rigueur et transparence dans chaque \u00e9tape de votre projet migratoire pour b\u00e2tir votre avenir au Canada.<\/p>\r\n                <a href=\"https:\/\/statelineinfo.com\/narjes\/formulaire-devaluation\/\" class=\"btn-main\">R\u00e9server ma consultation<\/a>\r\n            <\/div>\r\n            <div class=\"hero-visual\">\r\n                <div class=\"profile-card\">\r\n                    <div style=\"width:70px;height:70px;background:var(--narjes-navy);border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;color:var(--narjes-gold);font-size:28px;font-weight:700;\">N<\/div>\r\n                    <h3 style=\"margin-bottom:5px; font-weight:800;\">Narjes Inc.<\/h3>\r\n                    <p style=\"color:#1B2A5E; font-size:13px; font-weight:600; margin-bottom:15px;\">Cabinet d'immigration<\/p>\r\n                    <div style=\"color:#B8943A; margin-bottom:10px;\"><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                    <p style=\"color:#666; font-size:11px;\">Consultante R\u00e9glement\u00e9e (R710000)<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-slide\" id=\"slide-2\">\r\n        <div class=\"hero-bg\">\r\n            <img decoding=\"async\" src=\"https:\/\/statelineinfo.com\/narjes\/wp-content\/uploads\/2026\/05\/CANADA-scaled.webp\" alt=\"Immigration Canada\">\r\n        <\/div>\r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-text-side\">\r\n                <div class=\"hero-badge-creative\"><i class=\"fa-solid fa-file-invoice\"><\/i> \u00c9valuation de profil<\/div>\r\n                <h1>Service d'<span>Immigration<\/span><\/h1>\r\n                <p>Veuillez remplir le formulaire ci-dessous afin de permettre \u00e0 notre \u00e9quipe d\u2019\u00e9valuer votre profil et vos possibilit\u00e9s d\u2019immigration au Canada.<\/p>\r\n                <a href=\"https:\/\/statelineinfo.com\/narjes\/formulaire-devaluation\/\" class=\"btn-main\">\u00c9valuation gratuite<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"slider-dots\">\r\n        <div class=\"dot active\" onclick=\"goToSlide(0)\"><\/div>\r\n        <div class=\"dot\" onclick=\"goToSlide(1)\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    let currentSlide = 0;\r\n    const slides = document.querySelectorAll('.hero-slide');\r\n    const dots = document.querySelectorAll('.dot');\r\n    const totalSlides = slides.length;\r\n\r\n    function updateSlider() {\r\n        slides.forEach((slide, index) => {\r\n            slide.classList.remove('active');\r\n            dots[index].classList.remove('active');\r\n        });\r\n        slides[currentSlide].classList.add('active');\r\n        dots[currentSlide].classList.add('active');\r\n    }\r\n\r\n    function nextSlide() {\r\n        currentSlide = (currentSlide + 1) % totalSlides;\r\n        updateSlider();\r\n    }\r\n\r\n    function goToSlide(n) {\r\n        currentSlide = n;\r\n        updateSlider();\r\n        resetTimer();\r\n    }\r\n\r\n    \/\/ Auto-slide toutes les 6 secondes\r\n    let slideTimer = setInterval(nextSlide, 6000);\r\n\r\n    function resetTimer() {\r\n        clearInterval(slideTimer);\r\n        slideTimer = setInterval(nextSlide, 6000);\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5183520 e-con-full e-flex e-con e-parent\" data-id=\"5183520\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-014174a elementor-widget elementor-widget-html\" data-id=\"014174a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --narjes-navy: #1B2A5E;\r\n        --narjes-gold: #B8943A;\r\n        --narjes-bg-light: #fafaf8;\r\n        --narjes-text: #444444;\r\n        --narjes-white: #ffffff;\r\n    }\r\n\r\n    .about-creative {\r\n        padding: 100px 20px;\r\n        background-color: var(--narjes-bg-light);\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .about-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr;\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Remplacement de l'image par un bloc de texte stylis\u00e9 *\/\r\n    .about-visual-text {\r\n        background-color: var(--narjes-navy);\r\n        padding: 60px 40px;\r\n        border-radius: 20px;\r\n        position: relative;\r\n        box-shadow: 0 25px 50px rgba(27, 42, 94, 0.15);\r\n        color: var(--narjes-white);\r\n    }\r\n\r\n    .about-visual-text::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: -15px;\r\n        left: -15px;\r\n        right: -15px;\r\n        bottom: -15px;\r\n        border: 2px solid var(--narjes-gold);\r\n        border-radius: 25px;\r\n        z-index: -1;\r\n    }\r\n\r\n    .visual-quote {\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        line-height: 1.5;\r\n        margin-bottom: 20px;\r\n        color: var(--narjes-gold);\r\n    }\r\n\r\n    .visual-sub {\r\n        font-size: 1rem;\r\n        opacity: 0.9;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Contenu Texte *\/\r\n    .about-tag {\r\n        color: var(--narjes-gold);\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .about-content h2 {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        color: var(--narjes-navy);\r\n        line-height: 1.2;\r\n        margin-bottom: 25px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .about-content h2 span {\r\n        color: var(--narjes-gold);\r\n    }\r\n\r\n    .about-description {\r\n        font-size: 1rem;\r\n        line-height: 1.8;\r\n        color: var(--narjes-text);\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .about-description p {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Grille de points cl\u00e9s *\/\r\n    .about-key-points {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .key-point {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-weight: 700;\r\n        color: var(--narjes-navy);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .key-point i {\r\n        color: var(--narjes-gold);\r\n        font-size: 18px;\r\n    }\r\n\r\n    \/* Badge de confiance *\/\r\n    .trust-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        padding: 25px;\r\n        background: var(--narjes-white);\r\n        border-radius: 15px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        border-bottom: 4px solid var(--narjes-gold);\r\n    }\r\n\r\n    .trust-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n        background: var(--narjes-navy);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--narjes-gold);\r\n        font-size: 22px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .trust-text b {\r\n        display: block;\r\n        color: var(--narjes-navy);\r\n        font-size: 15px;\r\n        margin-bottom: 3px;\r\n    }\r\n\r\n    .trust-text span {\r\n        font-size: 13px;\r\n        color: #777;\r\n        font-weight: 500;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .about-container { grid-template-columns: 1fr; gap: 50px; }\r\n        .about-visual-text { order: 2; margin-top: 30px; }\r\n        .about-content { order: 1; text-align: center; }\r\n        .about-key-points { justify-items: center; }\r\n        .trust-badge { justify-content: center; text-align: left; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"about-creative\">\r\n    <div class=\"about-container\">\r\n        \r\n        <!-- Bloc textuel rempla\u00e7ant l'image -->\r\n        <div class=\"about-visual-text\">\r\n            <div class=\"visual-quote\">\r\n                \"Votre r\u00e9ussite au Canada commence par un conseil \u00e9thique et une strat\u00e9gie sur mesure.\"\r\n            <\/div>\r\n            <div class=\"visual-sub\">\r\n                Nous transformons la complexit\u00e9 administrative en un parcours clair et serein pour vous et votre famille.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"about-content\">\r\n            <span class=\"about-tag\">Expertise & \u00c9thique<\/span>\r\n            <h2>Souhaitez-vous <span>immigrer<\/span> au Canada?<\/h2>\r\n            \r\n            <div class=\"about-description\">\r\n                <p>\r\n                    <strong>Immigration et Conseils Narjes Inc.<\/strong> est une firme de consultation \u00e9tablie \u00e0 <strong>Laval<\/strong>, sp\u00e9cialis\u00e9e dans l\u2019accompagnement des personnes souhaitant s\u2019\u00e9tablir au Canada. Notre mission est d\u2019offrir un service rigoureux, personnalis\u00e9 et conforme aux exigences du droit de l\u2019immigration canadien.\r\n                <\/p>\r\n                <p>\r\n                    Fond\u00e9e par <strong>Narjes Chaabane<\/strong>, consultante en immigration, notre entreprise s\u2019appuie sur une expertise solide des processus d\u2019immigration et une compr\u00e9hension approfondie des r\u00e9alit\u00e9s administratives et humaines propres \u00e0 chaque projet.\r\n                <\/p>\r\n                <p>\r\n                    Gr\u00e2ce \u00e0 une approche professionnelle, transparente et attentive, nous accompagnons nos clients \u00e0 chaque \u00e9tape de leur parcours, car nous croyons que chaque projet m\u00e9rite une strat\u00e9gie r\u00e9fl\u00e9chie et un accompagnement de qualit\u00e9.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"about-key-points\">\r\n                <div class=\"key-point\"><i class=\"fa-solid fa-check-double\"><\/i> Service rigoureux<\/div>\r\n                <div class=\"key-point\"><i class=\"fa-solid fa-check-double\"><\/i> Strat\u00e9gie r\u00e9fl\u00e9chie<\/div>\r\n                <div class=\"key-point\"><i class=\"fa-solid fa-check-double\"><\/i> Approche humaine<\/div>\r\n                <div class=\"key-point\"><i class=\"fa-solid fa-check-double\"><\/i> Transparence totale<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"trust-badge\">\r\n                <div class=\"trust-icon\">\r\n                    <i class=\"fa-solid fa-certificate\"><\/i>\r\n                <\/div>\r\n                <div class=\"trust-text\">\r\n                    <b>Narjes Chaabane<\/b>\r\n                    <span>Membre du Coll\u00e8ge des consultants (CCIC) \u00b7 Experte r\u00e9glement\u00e9e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-274c534 e-con-full e-flex e-con e-parent\" data-id=\"274c534\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0cc9b elementor-widget elementor-widget-html\" data-id=\"8c0cc9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n    :root {\r\n        --n-navy: #1B2A5E;\r\n        --n-gold: #B8943A;\r\n        --n-white: #ffffff;\r\n        --n-light: #fafaf8;\r\n    }\r\n\r\n    .cta-immigration-section {\r\n        padding: 80px 20px;\r\n        background-color: var(--n-navy);\r\n        font-family: 'Montserrat', sans-serif;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* D\u00e9coration de fond discr\u00e8te *\/\r\n    .cta-immigration-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50px;\r\n        right: -50px;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: radial-gradient(circle, rgba(184, 148, 58, 0.15) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .cta-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cta-icon {\r\n        font-size: 50px;\r\n        color: var(--n-gold);\r\n        margin-bottom: 30px;\r\n        display: inline-block;\r\n        animation: float 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes float {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-10px); }\r\n    }\r\n\r\n    .cta-container h2 {\r\n        font-size: clamp(2rem, 5vw, 2.8rem);\r\n        color: var(--n-white);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .cta-container p {\r\n        font-size: 1.1rem;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        line-height: 1.8;\r\n        margin-bottom: 40px;\r\n        max-width: 750px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    \/* Bouton stylis\u00e9 *\/\r\n    .cta-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background-color: var(--n-gold);\r\n        color: var(--n-white);\r\n        padding: 18px 40px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: 700;\r\n        font-size: 1rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 10px 20px rgba(184, 148, 58, 0.3);\r\n    }\r\n\r\n    .cta-button:hover {\r\n        background-color: #a38332;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(184, 148, 58, 0.4);\r\n    }\r\n\r\n    .cta-button i {\r\n        font-size: 1.2rem;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .cta-button:hover i {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Badge de r\u00e9ponse rapide *\/\r\n    .cta-time-badge {\r\n        display: block;\r\n        margin-top: 25px;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: 0.9rem;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .cta-immigration-section { padding: 60px 20px; }\r\n        .cta-container h2 { font-size: 1.8rem; }\r\n        .cta-button { width: 100%; justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"cta-immigration-section\">\r\n    <div class=\"cta-container\">\r\n        <div class=\"cta-icon\">\r\n            <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n        <\/div>\r\n        \r\n        <h2>Pr\u00eat \u00e0 R\u00e9aliser Votre Projet d\u2019Immigration?<\/h2>\r\n        \r\n        <p>\r\n            Faites le premier pas d\u00e8s aujourd\u2019hui. Remplissez notre formulaire d\u2019\u00e9valuation rapide et un membre de notre \u00e9quipe vous contactera prochainement afin d\u2019analyser votre situation et vous orienter vers les meilleures options d\u2019immigration adapt\u00e9es \u00e0 votre profil.\r\n        <\/p>\r\n\r\n        <a href=\"#formulaire\" class=\"cta-button\">\r\n            Commencer mon \u00e9valuation <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <span class=\"cta-time-badge\">\r\n            <i class=\"fa-regular fa-clock\"><\/i> R\u00e9ponse sous 24h \u00e0 48h ouvrables\r\n        <\/span>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d6f844 e-con-full e-flex e-con e-parent\" data-id=\"6d6f844\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9af4aab elementor-widget elementor-widget-html\" data-id=\"9af4aab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n    :root {\r\n        --narjes-navy: #1B2A5E;\r\n        --narjes-gold: #B8943A;\r\n        --narjes-bg-light: #fafaf8;\r\n        --narjes-text: #444444;\r\n    }\r\n\r\n    .about-personal {\r\n        padding: 100px 20px;\r\n        background-color: var(--narjes-bg-light);\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .about-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 0.8fr 1.2fr; \/* Ajust\u00e9 pour donner plus de place au texte *\/\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Visuel avec effet de cadre d\u00e9cal\u00e9 *\/\r\n    .about-visual {\r\n        position: relative;\r\n    }\r\n\r\n    .about-image-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        box-shadow: 0 25px 50px rgba(0,0,0,0.12);\r\n    }\r\n\r\n    .about-image-wrapper img {\r\n        width: 100%;\r\n        display: block;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .about-visual::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -25px;\r\n        left: -25px;\r\n        width: 100px;\r\n        height: 100px;\r\n        border-top: 8px solid var(--narjes-gold);\r\n        border-left: 8px solid var(--narjes-gold);\r\n        z-index: 1;\r\n    }\r\n\r\n    .about-visual::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -25px;\r\n        right: -25px;\r\n        width: 100px;\r\n        height: 100px;\r\n        border-bottom: 8px solid var(--narjes-gold);\r\n        border-right: 8px solid var(--narjes-gold);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Contenu Texte *\/\r\n    .about-tag {\r\n        color: var(--narjes-gold);\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .about-content h2 {\r\n        font-size: clamp(1.8rem, 4vw, 2.3rem);\r\n        color: var(--narjes-navy);\r\n        line-height: 1.2;\r\n        margin-bottom: 30px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    \/* Citation Style *\/\r\n    .message-box {\r\n        position: relative;\r\n        padding-left: 30px;\r\n        border-left: 3px solid var(--narjes-gold);\r\n    }\r\n\r\n    .message-box i.quote-icon {\r\n        position: absolute;\r\n        top: -10px;\r\n        left: -15px;\r\n        background: var(--narjes-bg-light);\r\n        padding: 5px;\r\n        color: var(--narjes-gold);\r\n        font-size: 24px;\r\n    }\r\n\r\n    .about-description {\r\n        font-size: 1.05rem;\r\n        line-height: 1.8;\r\n        color: var(--narjes-text);\r\n        font-style: italic;\r\n    }\r\n\r\n    .about-description p {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Signature Section *\/\r\n    .signature-area {\r\n        margin-top: 40px;\r\n        padding-top: 30px;\r\n        border-top: 1px solid #e0e0e0;\r\n    }\r\n\r\n    .signature-name {\r\n        font-size: 1.2rem;\r\n        color: var(--narjes-navy);\r\n        font-weight: 800;\r\n        margin: 0;\r\n    }\r\n\r\n    .signature-title {\r\n        font-size: 0.9rem;\r\n        color: var(--narjes-gold);\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .signature-firm {\r\n        font-size: 0.9rem;\r\n        color: #777;\r\n        margin-top: 5px;\r\n        display: block;\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 992px) {\r\n        .about-container { grid-template-columns: 1fr; gap: 60px; }\r\n        .about-visual { max-width: 400px; margin: 0 auto; order: 2; }\r\n        .about-content { order: 1; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"about-personal\">\r\n    <div class=\"about-container\">\r\n        \r\n        <div class=\"about-visual\">\r\n            <div class=\"about-image-wrapper\">\r\n                <!-- Image de Narjes Chaabane id\u00e9alement -->\r\n                <img decoding=\"async\" src=\"https:\/\/statelineinfo.com\/narjes\/wp-content\/uploads\/2026\/05\/narjes.png\" alt=\"Narjes Chaabane - Immigration et Conseils\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"about-content\">\r\n            <span class=\"about-tag\">Le mot de la pr\u00e9sidente<\/span>\r\n            <h2>Nous sommes <span>Immigration et Conseils<\/span> Narjes Inc.<\/h2>\r\n            \r\n            <div class=\"message-box\">\r\n                <i class=\"fa-solid fa-quote-left quote-icon\"><\/i>\r\n                <div class=\"about-description\">\r\n                    <p>\r\n                        \u00ab Je suis profond\u00e9ment reconnaissante de pouvoir \u00e9voluer dans un pays comme le Canada, et c\u2019est avec fiert\u00e9 que je contribue aujourd\u2019hui \u00e0 accompagner celles et ceux qui souhaitent y b\u00e2tir leur avenir. Mon parcours m\u2019a permis de comprendre que l\u2019immigration est bien plus qu\u2019un simple processus administratif : c\u2019est un projet de vie, souvent exigeant, parfois incertain, mais toujours porteur d\u2019espoir. \u00bb\r\n                    <\/p>\r\n                    <p>\r\n                        \u00ab Ayant moi-m\u00eame \u00e9t\u00e9 t\u00e9moin des d\u00e9fis que repr\u00e9sente un tel cheminement, j\u2019ai choisi de m\u2019engager professionnellement afin d\u2019offrir un accompagnement s\u00e9rieux, humain et personnalis\u00e9 \u00e0 des personnes venant des quatre coins du monde. Chaque dossier est unique, chaque histoire m\u00e9rite attention et respect. \u00bb\r\n                    <\/p>\r\n                    <p>\r\n                        \u00ab Ma plus grande satisfaction r\u00e9side dans la r\u00e9ussite de mes clients, dans ces moments o\u00f9 un projet devient r\u00e9alit\u00e9. \u00catre une partie de ce parcours est pour moi un v\u00e9ritable privil\u00e8ge. \u00bb\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"signature-area\">\r\n                <p class=\"signature-name\">Narjes Chaabane<\/p>\r\n                <p class=\"signature-title\">Fondatrice et Pr\u00e9sidente<\/p>\r\n                <span class=\"signature-firm\">Immigration et Conseils Narjes Inc.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ea31b4 e-con-full e-flex e-con e-parent\" data-id=\"3ea31b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0463ed elementor-widget elementor-widget-html\" data-id=\"c0463ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --n-navy: #1B2A5E;\r\n        --n-gold: #B8943A;\r\n        --n-light: #fafaf8;\r\n        --n-white: #ffffff;\r\n        --n-text: #555555;\r\n        --n-border: #eef0f2;\r\n    }\r\n\r\n    .services-grid-section {\r\n        padding: 100px 20px;\r\n        background-color: var(--n-white);\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .s-container {\r\n        max-width: 1250px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* En-t\u00eate align\u00e9 *\/\r\n    .s-header {\r\n        max-width: 800px;\r\n        margin: 0 auto 60px;\r\n        text-align: center;\r\n    }\r\n\r\n    .s-tag {\r\n        color: var(--n-gold);\r\n        font-size: 12px;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .s-header h2 {\r\n        font-size: clamp(1.8rem, 4vw, 2.6rem);\r\n        color: var(--n-navy);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Grille parfaitement align\u00e9e (4 colonnes) *\/\r\n    .services-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .service-card {\r\n        background: var(--n-white);\r\n        border: 1px solid var(--n-border);\r\n        border-radius: 12px;\r\n        padding: 35px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        position: relative;\r\n        height: 100%;\r\n    }\r\n\r\n    .service-card:hover {\r\n        border-color: var(--n-gold);\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px rgba(27, 42, 94, 0.08);\r\n    }\r\n\r\n    \/* Ic\u00f4ne centr\u00e9e avec cercle discret *\/\r\n    .s-icon-box {\r\n        width: 65px;\r\n        height: 65px;\r\n        background: var(--n-light);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 25px;\r\n        color: var(--n-navy);\r\n        font-size: 26px;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .service-card:hover .s-icon-box {\r\n        background: var(--n-navy);\r\n        color: var(--n-white);\r\n    }\r\n\r\n    .service-card h3 {\r\n        font-size: 1.15rem;\r\n        color: var(--n-navy);\r\n        margin-bottom: 15px;\r\n        font-weight: 700;\r\n        line-height: 1.4;\r\n        min-height: 3.2rem; \/* Aligne les titres sur la m\u00eame ligne *\/\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .service-card p {\r\n        font-size: 0.9rem;\r\n        color: var(--n-text);\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        flex-grow: 1; \/* Pousse le lien vers le bas *\/\r\n    }\r\n\r\n    \/* Lien d'action discret *\/\r\n    .s-link {\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        color: var(--n-gold);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .s-link i {\r\n        font-size: 12px;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .service-card:hover .s-link i {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1100px) {\r\n        .services-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 850px) {\r\n        .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 550px) {\r\n        .services-grid { grid-template-columns: 1fr; }\r\n        .s-header h2 { font-size: 1.8rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"services-grid-section\">\r\n    <div class=\"s-container\">\r\n        \r\n        <div class=\"s-header\">\r\n            <span class=\"s-tag\">Expertise Compl\u00e8te<\/span>\r\n            <h2>Solutions d'immigration strat\u00e9giques pour le Canada<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"services-grid\">\r\n            \r\n            <!-- Service 1 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-plane-up\"><\/i><\/div>\r\n                <h3>Visa Touristique & AVE<\/h3>\r\n                <p>Voyagez sereinement. Nous pr\u00e9parons votre dossier pour prouver l'authenticit\u00e9 de votre s\u00e9jour, que ce soit pour le tourisme ou les affaires.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Service 2 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-user-graduate\"><\/i><\/div>\r\n                <h3>Permis d'\u00e9tudes & CAQ<\/h3>\r\n                <p>Admission scolaire et visas. Nous ma\u00eetrisons les dossiers complexes du Maghreb pour maximiser vos chances de r\u00e9ussite.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Service 3 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n                <h3>Permis de travail<\/h3>\r\n                <p>EIMT ou dispenses de mobilit\u00e9 internationale. Nous vous aidons \u00e0 obtenir l\u00e9galement le droit de travailler au Canada.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Service 4 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\r\n                <h3>Services aux Employeurs<\/h3>\r\n                <p>Accompagnement des entreprises canadiennes pour le recrutement international et la conformit\u00e9 administrative.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Service 5 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-passport\"><\/i><\/div>\r\n                <h3>R\u00e9sidence Permanente<\/h3>\r\n                <p>Entr\u00e9e Express, Arrima ou PEQ. Une strat\u00e9gie personnalis\u00e9e pour transformer votre s\u00e9jour temporaire en \u00e9tablissement durable.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Service 6 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-heart\"><\/i><\/div>\r\n                <h3>Parrainage Familial<\/h3>\r\n                <p>R\u00e9unissez vos proches. Nous g\u00e9rons les dossiers de regroupement familial pour conjoints, enfants et parents.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Service 7 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n                <h3>Immigration d'Affaires<\/h3>\r\n                <p>Investisseurs et entrepreneurs. Profitez de nos conseils pour \u00e9tablir votre projet professionnel et financier au Canada.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <!-- Service 8 -->\r\n            <div class=\"service-card\">\r\n                <div class=\"s-icon-box\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                <h3>Demande d'Asile<\/h3>\r\n                <p>Accompagnement rigoureux et discret pour les demandes de protection et les d\u00e9marches humanitaires au Canada.<\/p>\r\n                <a href=\"#\" class=\"s-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4bfb23 e-con-full e-flex e-con e-parent\" data-id=\"e4bfb23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01d44ac elementor-widget elementor-widget-html\" data-id=\"01d44ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --n-navy: #1B2A5E;\r\n        --n-gold: #B8943A;\r\n        --n-light: #fafaf8;\r\n        --n-white: #ffffff;\r\n    }\r\n\r\n    .process-section {\r\n        padding: 100px 20px;\r\n        background-color: var(--n-white);\r\n        font-family: 'Montserrat', sans-serif;\r\n        text-align: center;\r\n    }\r\n\r\n    .process-header {\r\n        margin-bottom: 70px;\r\n    }\r\n\r\n    .process-tag {\r\n        color: var(--n-gold);\r\n        font-size: 11px;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .process-header h2 {\r\n        font-size: 2.5rem;\r\n        color: var(--n-navy);\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Conteneur des \u00e9tapes *\/\r\n    .process-steps-container {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* Ligne de connexion pointill\u00e9e *\/\r\n    .process-steps-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 45px;\r\n        left: 10%;\r\n        right: 10%;\r\n        height: 2px;\r\n        background: repeating-linear-gradient(to right, #e0e0e0 0, #e0e0e0 5px, transparent 5px, transparent 10px);\r\n        z-index: 1;\r\n    }\r\n\r\n    .step-item {\r\n        flex: 1;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Num\u00e9ro de l'\u00e9tape *\/\r\n    .step-number {\r\n        width: 90px;\r\n        height: 90px;\r\n        background: var(--n-white);\r\n        border: 2px solid var(--n-gold);\r\n        color: var(--n-navy);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 25px;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        transition: all 0.4s ease;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .step-item:hover .step-number {\r\n        background: var(--n-navy);\r\n        color: var(--n-gold);\r\n        transform: scale(1.1);\r\n        border-color: var(--n-navy);\r\n    }\r\n\r\n    .step-content h3 {\r\n        font-size: 17px;\r\n        color: var(--n-navy);\r\n        margin-bottom: 15px;\r\n        font-weight: 700;\r\n        min-height: 42px; \/* Aligne les titres *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .step-content p {\r\n        font-size: 13.5px;\r\n        color: #666;\r\n        line-height: 1.6;\r\n        padding: 0 5px;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .process-steps-container {\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n        .process-steps-container::before {\r\n            display: none;\r\n        }\r\n        .step-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            text-align: left;\r\n            gap: 20px;\r\n            background: var(--n-light);\r\n            padding: 25px;\r\n            border-radius: 15px;\r\n        }\r\n        .step-number {\r\n            margin: 0;\r\n            width: 60px;\r\n            height: 60px;\r\n            font-size: 18px;\r\n            flex-shrink: 0;\r\n        }\r\n        .step-content h3 {\r\n            min-height: auto;\r\n            justify-content: flex-start;\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"process-section\">\r\n    <div class=\"process-header\">\r\n        <span class=\"process-tag\">Comment \u00e7a marche<\/span>\r\n        <h2>Votre parcours d'immigration en 4 \u00e9tapes claires<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"process-steps-container\">\r\n        \r\n        <div class=\"step-item\">\r\n            <div class=\"step-number\">01<\/div>\r\n            <div class=\"step-content\">\r\n                <h3>\u00c9valuation initiale gratuite<\/h3>\r\n                <p>Lors d'un premier \u00e9change de 30 minutes (visioconf\u00e9rence ou t\u00e9l\u00e9phone), nous analysons votre profil et vos objectifs pour identifier les programmes admissibles.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item\">\r\n            <div class=\"step-number\">02<\/div>\r\n            <div class=\"step-content\">\r\n                <h3>\u00c9tude d'admissibilit\u00e9 et strat\u00e9gie<\/h3>\r\n                <p>Analyse approfondie : v\u00e9rification des crit\u00e8res, calcul de score CRS ou Arrima, et \u00e9laboration d'une strat\u00e9gie personnalis\u00e9e pour optimiser vos chances.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item\">\r\n            <div class=\"step-number\">03<\/div>\r\n            <div class=\"step-content\">\r\n                <h3>Constitution du dossier<\/h3>\r\n                <p>Nous rassemblons et v\u00e9rifions chaque document requis : dipl\u00f4mes, EDE, tests linguistiques et preuves financi\u00e8res exig\u00e9s par IRCC ou le MIFI.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item\">\r\n            <div class=\"step-number\">04<\/div>\r\n            <div class=\"step-content\">\r\n                <h3>Soumission et suivi actif<\/h3>\r\n                <p>Nous soumettons votre demande et assurons un suivi proactif aupr\u00e8s des autorit\u00e9s. Vous \u00eates inform\u00e9 de chaque avanc\u00e9e jusqu'\u00e0 la d\u00e9cision finale.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e466e5d e-con-full e-flex e-con e-child\" data-id=\"e466e5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5121bd2 e-con-full e-flex e-con e-parent\" data-id=\"5121bd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0302ccd elementor-widget elementor-widget-html\" data-id=\"0302ccd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --n-navy: #1B2A5E;\r\n        --n-gold: #B8943A;\r\n        --n-white: #ffffff;\r\n        --n-light: #f4f7f9;\r\n    }\r\n\r\n    .cta-creative-section {\r\n        padding: 80px 20px;\r\n        background-color: var(--n-light);\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    .cta-wrapper {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        background: var(--n-navy);\r\n        border-radius: 30px;\r\n        overflow: hidden;\r\n        display: grid;\r\n        grid-template-columns: 1.25fr 0.75fr;\r\n        box-shadow: 0 20px 50px rgba(27, 42, 94, 0.2);\r\n        position: relative;\r\n    }\r\n\r\n    \/* Effets de lumi\u00e8re en arri\u00e8re-plan *\/\r\n    .cta-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: var(--n-gold);\r\n        filter: blur(150px);\r\n        opacity: 0.1;\r\n        top: -100px;\r\n        right: -100px;\r\n    }\r\n\r\n    .cta-content {\r\n        padding: 60px;\r\n        color: var(--n-white);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cta-tag {\r\n        color: var(--n-gold);\r\n        font-size: 11px;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .cta-content h2 {\r\n        font-size: clamp(1.8rem, 4vw, 2.3rem);\r\n        margin-bottom: 20px;\r\n        line-height: 1.3;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cta-content p {\r\n        font-size: 1rem;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        line-height: 1.7;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    \/* Zone des boutons *\/\r\n    .cta-actions {\r\n        display: flex;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .cta-btn-gold {\r\n        background: var(--n-gold);\r\n        color: var(--n-navy);\r\n        padding: 18px 30px;\r\n        border-radius: 12px;\r\n        text-decoration: none;\r\n        font-weight: 800;\r\n        font-size: 14px;\r\n        transition: 0.3s;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .cta-btn-gold:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 20px rgba(184, 148, 58, 0.3);\r\n        background: #c9a54a;\r\n    }\r\n\r\n    .cta-btn-outline {\r\n        border: 2px solid rgba(255,255,255,0.2);\r\n        color: var(--n-white);\r\n        padding: 16px 30px;\r\n        border-radius: 12px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        transition: 0.3s;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .cta-btn-outline:hover {\r\n        background: rgba(255,255,255,0.1);\r\n        border-color: var(--n-white);\r\n    }\r\n\r\n    \/* Panneau de droite : Info Rapide *\/\r\n    .cta-sidebar {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 60px 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .info-card {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(184, 148, 58, 0.2);\r\n        padding: 18px;\r\n        border-radius: 15px;\r\n        margin-bottom: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .info-card i {\r\n        color: var(--n-gold);\r\n        font-size: 18px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .info-card span {\r\n        display: block;\r\n        font-size: 12px;\r\n        color: var(--n-white);\r\n        font-weight: 600;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .guarantee-text {\r\n        font-size: 11px;\r\n        color: rgba(255,255,255,0.4);\r\n        text-align: center;\r\n        margin-top: 20px;\r\n        font-weight: 500;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 992px) {\r\n        .cta-wrapper { grid-template-columns: 1fr; }\r\n        .cta-sidebar { border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.1); }\r\n        .cta-content, .cta-sidebar { padding: 40px 30px; }\r\n        .cta-content h2 { font-size: 1.8rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"cta-creative-section\">\r\n    <div class=\"cta-wrapper\">\r\n        <div class=\"cta-content\">\r\n            <span class=\"cta-tag\">Pr\u00eat \u00e0 concr\u00e9tiser votre projet d'immigration ?<\/span>\r\n            <h2>R\u00e9servez votre consultation gratuite avec une consultante r\u00e9glement\u00e9e<\/h2>\r\n            <p>\r\n                La premi\u00e8re consultation est offerte et sans engagement. En 30 minutes, nous \u00e9valuons votre situation, identifions les programmes pertinents et d\u00e9finissons les prochaines \u00e9tapes concr\u00e8tes de votre projet. Nous vous accompagnons \u00e0 distance ou en personne, peu importe o\u00f9 vous vous trouvez.\r\n            <\/p>\r\n            \r\n            <div class=\"cta-actions\">\r\n                <a href=\"#\" class=\"cta-btn-gold\">\r\n                    <i class=\"fa-regular fa-calendar-check\"><\/i>\r\n                    R\u00e9server ma consultation gratuite\r\n                <\/a>\r\n                <a href=\"mailto:votre-email@narjes.com\" class=\"cta-btn-outline\">\r\n                    <i class=\"fa-regular fa-envelope\"><\/i>\r\n                    Nous contacter par courriel\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-sidebar\">\r\n            <div class=\"info-card\">\r\n                <i class=\"fa-solid fa-bolt-lightning\"><\/i>\r\n                <span>R\u00e9ponse garantie sous 24 heures<\/span>\r\n            <\/div>\r\n            <div class=\"info-card\">\r\n                <i class=\"fa-solid fa-comments\"><\/i>\r\n                <span>Service en fran\u00e7ais, arabe et anglais<\/span>\r\n            <\/div>\r\n            <div class=\"info-card\">\r\n                <i class=\"fa-solid fa-shield-check\"><\/i>\r\n                <span>Consultante certifi\u00e9e CICC (R710000) et reconnue MIFI Qu\u00e9bec<\/span>\r\n            <\/div>\r\n            \r\n            <p class=\"guarantee-text\">Expertise certifi\u00e9e \u00b7 Narjes Inc.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93009fd e-con-full e-flex e-con e-parent\" data-id=\"93009fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d74bce2 elementor-widget elementor-widget-html\" data-id=\"d74bce2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --n-navy: #1B2A5E;\r\n        --n-navy-dark: #12204a;\r\n        --n-gold: #B8943A;\r\n        --n-white: #ffffff;\r\n    }\r\n\r\n    .testimonials-creative {\r\n        padding: 100px 20px;\r\n        background-color: var(--n-navy);\r\n        background-image: radial-gradient(circle at top right, rgba(184, 148, 58, 0.1), transparent);\r\n        font-family: 'Montserrat', sans-serif;\r\n        text-align: center;\r\n        color: var(--n-white);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .tm-header {\r\n        margin-bottom: 60px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .tm-tag {\r\n        color: var(--n-gold);\r\n        font-size: 11px;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    .tm-header h2 {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .tm-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 30px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .tm-card {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(184, 148, 58, 0.2);\r\n        padding: 40px;\r\n        border-radius: 24px;\r\n        position: relative;\r\n        text-align: left;\r\n        transition: all 0.4s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .tm-card:hover {\r\n        background: rgba(255, 255, 255, 0.08);\r\n        transform: translateY(-10px);\r\n        border-color: var(--n-gold);\r\n    }\r\n\r\n    .tm-quote-icon {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 30px;\r\n        font-size: 50px;\r\n        color: var(--n-gold);\r\n        opacity: 0.15;\r\n    }\r\n\r\n    .tm-stars {\r\n        color: var(--n-gold);\r\n        font-size: 14px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .tm-text {\r\n        font-size: 15px;\r\n        line-height: 1.8;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        margin-bottom: 30px;\r\n        font-style: italic;\r\n    }\r\n\r\n    .tm-author {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        padding-top: 20px;\r\n    }\r\n\r\n    .tm-avatar {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: var(--n-gold);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 800;\r\n        color: var(--n-navy);\r\n        font-size: 16px;\r\n    }\r\n\r\n    .tm-info h4 {\r\n        font-size: 16px;\r\n        margin: 0;\r\n        color: var(--n-white);\r\n        font-weight: 700;\r\n    }\r\n\r\n    .tm-info span {\r\n        font-size: 12px;\r\n        color: var(--n-gold);\r\n        display: block;\r\n        font-weight: 500;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"testimonials-creative\">\r\n    <div class=\"tm-header\">\r\n        <span class=\"tm-tag\">T\u00e9moignages de nos clients<\/span>\r\n        <h2>Des parcours r\u00e9ussis gr\u00e2ce \u00e0 un <br>accompagnement professionnel<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"tm-grid\">\r\n        <div class=\"tm-card\">\r\n            <i class=\"fa-solid fa-quote-right tm-quote-icon\"><\/i>\r\n            <div class=\"tm-stars\">\r\n                <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>\r\n            <\/div>\r\n            <p class=\"tm-text\">\r\n                \u00ab Mon dossier de r\u00e9sidence permanente a \u00e9t\u00e9 pris en charge de A \u00e0 Z par Narjes. Analyse de mon profil, pr\u00e9paration des documents, soumission et suivi : tout a \u00e9t\u00e9 g\u00e9r\u00e9 avec un professionnalisme remarquable. En moins de 8 mois, j'avais ma confirmation de r\u00e9sidence permanente. Je recommande ce cabinet sans h\u00e9sitation. \u00bb\r\n            <\/p>\r\n            <div class=\"tm-author\">\r\n                <div class=\"tm-avatar\">AM<\/div>\r\n                <div class=\"tm-info\">\r\n                    <h4>Ahmed M.<\/h4>\r\n                    <span>Tunisie \u2192 R\u00e9sidence permanente<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tm-card\">\r\n            <i class=\"fa-solid fa-quote-right tm-quote-icon\"><\/i>\r\n            <div class=\"tm-stars\">\r\n                <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>\r\n            <\/div>\r\n            <p class=\"tm-text\">\r\n                \u00ab Mon permis d'\u00e9tudes pour le Qu\u00e9bec a \u00e9t\u00e9 approuv\u00e9 d\u00e8s la premi\u00e8re demande gr\u00e2ce \u00e0 l'accompagnement de Narjes. Elle m'a guid\u00e9e \u00e0 chaque \u00e9tape avec clart\u00e9 et disponibilit\u00e9, du CAQ jusqu'au permis f\u00e9d\u00e9ral. Un service s\u00e9rieux et bienveillant. \u00bb\r\n            <\/p>\r\n            <div class=\"tm-author\">\r\n                <div class=\"tm-avatar\">SB<\/div>\r\n                <div class=\"tm-info\">\r\n                    <h4>Sara B.<\/h4>\r\n                    <span>Maroc \u2192 Permis d'\u00e9tudes<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tm-card\">\r\n            <i class=\"fa-solid fa-quote-right tm-quote-icon\"><\/i>\r\n            <div class=\"tm-stars\">\r\n                <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>\r\n            <\/div>\r\n            <p class=\"tm-text\">\r\n                \u00ab Le parrainage de mon \u00e9pouse paraissait complexe avec les d\u00e9lais et les documents \u00e0 fournir. Narjes a pris en charge l'ensemble du processus, a simplifi\u00e9 chaque \u00e9tape et a respect\u00e9 tous les d\u00e9lais annonc\u00e9s. Une vraie tranquillit\u00e9 d'esprit du d\u00e9but \u00e0 la fin. \u00bb\r\n            <\/p>\r\n            <div class=\"tm-author\">\r\n                <div class=\"tm-avatar\">KD<\/div>\r\n                <div class=\"tm-info\">\r\n                    <h4>Karim D.<\/h4>\r\n                    <span>Alg\u00e9rie \u2192 Parrainage familial<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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>Accr\u00e9dit\u00e9 CICC &#038; MIFI Immigrer au Canada avec un accompagnement r\u00e9glement\u00e9 Narjes Inc. vous accompagne avec rigueur et transparence dans chaque \u00e9tape de votre projet migratoire pour b\u00e2tir votre avenir au Canada. R\u00e9server ma consultation N Narjes Inc. Cabinet d&rsquo;immigration Consultante R\u00e9glement\u00e9e (R710000) \u00c9valuation de profil Service d&rsquo;Immigration Veuillez remplir le formulaire ci-dessous afin de [&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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":40,"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":325,"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/pages\/38\/revisions\/325"}],"wp:attachment":[{"href":"https:\/\/statelineinfo.com\/narjes\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}