{"id":3657,"date":"2025-09-22T06:20:53","date_gmt":"2025-09-22T04:20:53","guid":{"rendered":"https:\/\/imm-tunisia.com\/?page_id=3657"},"modified":"2025-12-17T14:32:00","modified_gmt":"2025-12-17T13:32:00","slug":"faq","status":"publish","type":"page","link":"https:\/\/imm-tunisia.com\/ar\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3657\" class=\"elementor elementor-3657\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd13ea7 e-flex e-con-boxed e-con e-parent\" data-id=\"bd13ea7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afc7c58 elementor-widget elementor-widget-html\" data-id=\"afc7c58\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"faq-wrapper\">\r\n  <!-- Google Fonts -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&amp;family=Poppins:wght@300;400;500;600&amp;display=swap\" rel=\"stylesheet\">\r\n  <!-- Font Awesome -->\r\n  <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    .faq-wrapper {\r\n      --color-blue-dark: #1e3a8a;\r\n      --color-blue-primary: #3b82f6;\r\n      --color-gold: #c9002b;\r\n      --color-gold-light: #e6003a;\r\n      --color-gold-dark: #9a0021;\r\n      --glass-bg: rgba(255, 255, 255, 0.1);\r\n      --glass-border: rgba(255, 255, 255, 0.2);\r\n      --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);\r\n      --text-light: #f8fafc;\r\n      --text-dim: #cbd5e1;\r\n    }\r\n\r\n    .faq-wrapper {\r\n      font-family: 'Poppins', sans-serif;\r\n      background: #0f172a;\r\n      color: var(--text-light);\r\n      overflow-x: hidden;\r\n      position: relative;\r\n      padding: 0;\r\n      margin: 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .faq-wrapper * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- Animated Background --- *\/\r\n    .faq-wrapper .bg-gradient {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(-45deg, #0f172a, #1e3a8a, #0f172a, #3b0f30);\r\n      background-size: 400% 400%;\r\n      animation: gradientBG 15s ease infinite;\r\n      z-index: 0;\r\n    }\r\n\r\n    @keyframes gradientBG {\r\n      0% {\r\n        background-position: 0% 50%;\r\n      }\r\n      50% {\r\n        background-position: 100% 50%;\r\n      }\r\n      100% {\r\n        background-position: 0% 50%;\r\n      }\r\n    }\r\n\r\n    \/* Canvas Buildings *\/\r\n    .faq-wrapper #buildings-canvas {\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      pointer-events: none;\r\n    }\r\n\r\n    \/* --- Layout & Typography --- *\/\r\n    .faq-wrapper .faq-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 40px 20px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .faq-wrapper h1,\r\n    .faq-wrapper h2,\r\n    .faq-wrapper h3 {\r\n      font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .faq-wrapper header {\r\n      text-align: center;\r\n      padding: 60px 0;\r\n      perspective: 1000px;\r\n    }\r\n\r\n    .faq-wrapper .logo-area {\r\n      font-size: 3rem;\r\n      margin-bottom: 20px;\r\n      animation: float 6s ease-in-out infinite;\r\n      display: inline-block;\r\n    }\r\n\r\n    .faq-wrapper .title-wrapper {\r\n      min-height: 80px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .faq-wrapper h1 {\r\n      font-size: 3.5rem;\r\n      background: linear-gradient(to right, #fff, var(--color-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      font-weight: 800;\r\n      text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n      position: relative;\r\n      margin: 0;\r\n    }\r\n\r\n    .faq-wrapper .subtitle {\r\n      font-size: 1.2rem;\r\n      color: var(--text-dim);\r\n      margin-top: 15px;\r\n      opacity: 0;\r\n      animation: slideUp 1s ease 1s forwards;\r\n    }\r\n\r\n    \/* --- Glassmorphism Sections --- *\/\r\n    .faq-wrapper .glass-panel {\r\n      background: var(--glass-bg);\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n      border: 1px solid var(--glass-border);\r\n      border-radius: 20px;\r\n      box-shadow: var(--glass-shadow);\r\n      padding: 30px;\r\n      margin-bottom: 40px;\r\n      transition:\r\n        transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27),\r\n        box-shadow 0.4s ease;\r\n      opacity: 0;\r\n      transform: translateY(50px);\r\n    }\r\n\r\n    .faq-wrapper .glass-panel.visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .faq-wrapper .glass-panel:hover {\r\n      transform: translateY(-5px) scale(1.01);\r\n      box-shadow: 0 15px 40px rgba(31, 38, 135, 0.6);\r\n      border-color: var(--color-gold);\r\n    }\r\n\r\n    .faq-wrapper .section-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 15px;\r\n      margin-bottom: 25px;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n      padding-bottom: 15px;\r\n    }\r\n\r\n    .faq-wrapper .section-icon {\r\n      font-size: 2rem;\r\n      filter: drop-shadow(0 0 10px rgba(201, 0, 43, 0.5));\r\n      animation: bounce 2s infinite;\r\n    }\r\n\r\n    .faq-wrapper .section-title {\r\n      font-size: 1.8rem;\r\n      color: #fff;\r\n      font-weight: 700;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* --- Accordion Styles --- *\/\r\n    .faq-wrapper .accordion {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 15px;\r\n    }\r\n\r\n    .faq-wrapper .accordion-item {\r\n      border-radius: 12px;\r\n      background: rgba(0, 0, 0, 0.2);\r\n      overflow: hidden;\r\n      transition: all 0.3s ease;\r\n      border: 1px solid transparent;\r\n    }\r\n\r\n    .faq-wrapper .accordion-item:hover {\r\n      background: rgba(255, 255, 255, 0.05);\r\n      border-color: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .faq-wrapper .accordion-header {\r\n      padding: 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      font-weight: 600;\r\n      font-size: 1.1rem;\r\n      color: #fff;\r\n      transition: color 0.3s;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .faq-wrapper .accordion-header:hover {\r\n      color: #fff;\r\n    }\r\n\r\n    .faq-wrapper .icon-plus {\r\n      width: 24px;\r\n      height: 24px;\r\n      position: relative;\r\n      transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .faq-wrapper .icon-plus::before,\r\n    .faq-wrapper .icon-plus::after {\r\n      content: '';\r\n      position: absolute;\r\n      background-color: var(--color-gold);\r\n      border-radius: 2px;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .faq-wrapper .icon-plus::before {\r\n      width: 2px;\r\n      height: 16px;\r\n    }\r\n    .faq-wrapper .icon-plus::after {\r\n      width: 16px;\r\n      height: 2px;\r\n    }\r\n\r\n    .faq-wrapper .accordion-item.active .icon-plus {\r\n      transform: rotate(135deg);\r\n    }\r\n\r\n    .faq-wrapper .accordion-item.active .icon-plus::before,\r\n    .faq-wrapper .accordion-item.active .icon-plus::after {\r\n      background-color: #ff4757;\r\n    }\r\n\r\n    .faq-wrapper .accordion-content {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition:\r\n        max-height 0.5s cubic-bezier(0, 1, 0, 1),\r\n        padding 0.5s ease;\r\n      padding: 0 20px;\r\n      color: var(--text-dim);\r\n      line-height: 1.6;\r\n      font-size: 0.95rem;\r\n    }\r\n\r\n    .faq-wrapper .accordion-item.active .accordion-content {\r\n      padding: 0 20px 20px 20px;\r\n    }\r\n\r\n    .faq-wrapper .accordion-content ul {\r\n      list-style: none;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .faq-wrapper .accordion-content li {\r\n      position: relative;\r\n      padding-left: 20px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .faq-wrapper .accordion-content li::before {\r\n      content: '\u25b9';\r\n      color: var(--color-gold);\r\n      position: absolute;\r\n      left: 0;\r\n    }\r\n\r\n    \/* --- 3D Project Cards --- *\/\r\n    .faq-wrapper .projects-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n      gap: 30px;\r\n      perspective: 1000px;\r\n    }\r\n\r\n    .faq-wrapper .project-card {\r\n      background-color: transparent;\r\n      height: 400px;\r\n      perspective: 1000px;\r\n    }\r\n\r\n    .faq-wrapper .card-inner {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      text-align: center;\r\n      transition: transform 0.8s;\r\n      transform-style: preserve-3d;\r\n      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .faq-wrapper .project-card:hover .card-inner {\r\n      transform: rotateY(180deg);\r\n    }\r\n\r\n    .faq-wrapper .card-front,\r\n    .faq-wrapper .card-back {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      -webkit-backface-visibility: hidden;\r\n      backface-visibility: hidden;\r\n      border-radius: 15px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 20px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .faq-wrapper .card-front {\r\n      background: linear-gradient(135deg, rgba(30, 58, 138, 0.9), rgba(15, 23, 42, 0.95));\r\n      border: 1px solid var(--color-gold);\r\n    }\r\n\r\n    .faq-wrapper .card-back {\r\n      background: linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));\r\n      color: #fff !important;\r\n      transform: rotateY(180deg);\r\n    }\r\n\r\n    .faq-wrapper .card-back h3 {\r\n      color: #fff !important;\r\n    }\r\n\r\n    .faq-wrapper .card-back p {\r\n      color: #fff !important;\r\n    }\r\n\r\n    .faq-wrapper .card-icon {\r\n      font-size: 4rem;\r\n      color: rgba(255, 255, 255, 0.9);\r\n      margin-bottom: 20px;\r\n      text-shadow: 0 0 15px rgba(201, 0, 43, 0.3);\r\n    }\r\n\r\n    .faq-wrapper .card-title {\r\n      font-size: 1.5rem;\r\n      font-weight: 700;\r\n      margin-bottom: 10px;\r\n      color: #fff !important;\r\n    }\r\n\r\n    .faq-wrapper .card-location {\r\n      font-size: 0.9rem;\r\n      opacity: 0.8;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .faq-wrapper .badge {\r\n      background: rgba(255, 255, 255, 0.2);\r\n      padding: 5px 12px;\r\n      border-radius: 20px;\r\n      font-size: 0.8rem;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    \/* --- Contact Section --- *\/\r\n    .faq-wrapper .contact-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n      gap: 20px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .faq-wrapper .contact-btn {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(255, 255, 255, 0.05);\r\n      padding: 20px;\r\n      border-radius: 15px;\r\n      transition: all 0.3s;\r\n      text-decoration: none;\r\n      color: white;\r\n      border: 1px solid transparent;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .faq-wrapper .contact-btn::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: -100%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n      transition: 0.5s;\r\n    }\r\n\r\n    .faq-wrapper .contact-btn:hover::before {\r\n      left: 100%;\r\n    }\r\n\r\n    .faq-wrapper .contact-btn:hover {\r\n      background: rgba(30, 58, 138, 0.6);\r\n      transform: translateY(-5px);\r\n      border-color: var(--color-blue-primary);\r\n      box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);\r\n    }\r\n\r\n    .faq-wrapper .contact-icon {\r\n      font-size: 1.8rem;\r\n      margin-bottom: 10px;\r\n      color: var(--color-blue-primary);\r\n    }\r\n\r\n    .faq-wrapper .contact-btn:hover .contact-icon {\r\n      color: #fff;\r\n      animation: pulse 1s infinite;\r\n    }\r\n\r\n    \/* --- Animations --- *\/\r\n    @keyframes float {\r\n      0% {\r\n        transform: translateY(0px);\r\n      }\r\n      50% {\r\n        transform: translateY(-15px);\r\n      }\r\n      100% {\r\n        transform: translateY(0px);\r\n      }\r\n    }\r\n\r\n    @keyframes bounce {\r\n      0%,\r\n      20%,\r\n      50%,\r\n      80%,\r\n      100% {\r\n        transform: translateY(0);\r\n      }\r\n      40% {\r\n        transform: translateY(-10px);\r\n      }\r\n      60% {\r\n        transform: translateY(-5px);\r\n      }\r\n    }\r\n\r\n    @keyframes slideUp {\r\n      from {\r\n        transform: translateY(20px);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translateY(0);\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0% {\r\n        transform: scale(1);\r\n      }\r\n      50% {\r\n        transform: scale(1.1);\r\n      }\r\n      100% {\r\n        transform: scale(1);\r\n      }\r\n    }\r\n\r\n    \/* Typing Effect Cursor *\/\r\n    .faq-wrapper .typing-cursor {\r\n      display: inline-block;\r\n      width: 3px;\r\n      height: 1em;\r\n      background-color: var(--color-gold);\r\n      margin-left: 5px;\r\n      animation: blink 1s infinite;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    @keyframes blink {\r\n      0%,\r\n      100% {\r\n        opacity: 1;\r\n      }\r\n      50% {\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n      .faq-wrapper h1 {\r\n        font-size: 2rem;\r\n      }\r\n      .faq-wrapper .faq-container {\r\n        padding: 20px;\r\n      }\r\n      .faq-wrapper .section-header {\r\n        flex-direction: column;\r\n        text-align: center;\r\n      }\r\n      .faq-wrapper .glass-panel {\r\n        padding: 20px;\r\n      }\r\n      .faq-wrapper .project-card {\r\n        height: 450px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Background Elements -->\r\n  <div class=\"bg-gradient\"><\/div>\r\n  <canvas id=\"buildings-canvas\"><\/canvas>\r\n\r\n  <div class=\"faq-container\">\r\n    <!-- Header -->\r\n    <header>\r\n      <div class=\"logo-area\">\ud83c\udfe2<\/div>\r\n      <div class=\"title-wrapper\">\r\n        <h1 id=\"typing-text\"><\/h1>\r\n        <span class=\"typing-cursor\"><\/span>\r\n      <\/div>\r\n      <p class=\"subtitle\">Excellence &amp; Innovation depuis 1992<\/p>\r\n    <\/header>\r\n\r\n    <!-- Section 1: \u00c0 propos -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83c\udfe2<\/div>\r\n        <h2 class=\"section-title\">\u00c0 Propos de l'Entreprise<\/h2>\r\n      <\/div>\r\n      <div class=\"accordion\">\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Qui est l'Immobili\u00e8re du Maghreb ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <p>\r\n              L'Immobili\u00e8re du Maghreb est un <strong>promoteur immobilier pionnier en Tunisie<\/strong>, implant\u00e9 sur\r\n              Tunis depuis 1992.\r\n            <\/p>\r\n            <ul>\r\n              <li>Groupe de grande envergure (commerce, industrie, tourisme, habitat)<\/li>\r\n              <li>Plus de <strong>30 ans d'exp\u00e9rience<\/strong><\/li>\r\n              <li>Plus de <strong>1000 logements construits<\/strong><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 2: Services -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83c\udfe0<\/div>\r\n        <h2 class=\"section-title\">Services et Produits<\/h2>\r\n      <\/div>\r\n      <div class=\"accordion\">\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Quels types de biens proposez-vous ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <p>Nous offrons une gamme compl\u00e8te de biens immobiliers :<\/p>\r\n            <ul>\r\n              <li><strong>Immobilier r\u00e9sidentiel :<\/strong> Appartements neufs haut standing (S+1, S+2, S+3)<\/li>\r\n              <li><strong>Immobilier commercial :<\/strong> Locaux commerciaux et bureaux<\/li>\r\n              <li><strong>Services de location :<\/strong> Gestion locative de nos propri\u00e9t\u00e9s<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Dans quelles zones construisez-vous ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <p>Nos emplacements sont strat\u00e9giques :<\/p>\r\n            <ul>\r\n              <li>Cit\u00e9 Riadh El Ghazela (Ariana) - P\u00f4le technologique<\/li>\r\n              <li>Grombalia - Lotissement \"La perle du cap bon\"<\/li>\r\n              <li>Tunis et banlieues r\u00e9sidentielles<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 3: Prix & Financement -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83d\udcb0<\/div>\r\n        <h2 class=\"section-title\">Prix et Financement<\/h2>\r\n      <\/div>\r\n      <div class=\"accordion\">\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Comment sont fix\u00e9s vos prix ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <p>\r\n              Nos prix sont comp\u00e9titifs gr\u00e2ce \u00e0 l'optimisation des co\u00fbts, aux \u00e9conomies d'\u00e9chelle de notre groupe et \u00e0\r\n              des surfaces \u00e9tudi\u00e9es pour vos besoins.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Quelles sont les modalit\u00e9s de paiement ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <ul>\r\n              <li>Paiement \u00e9chelonn\u00e9 pendant la construction<\/li>\r\n              <li>Accompagnement pour cr\u00e9dit bancaire<\/li>\r\n              <li>R\u00e9servation avec acompte initial<\/li>\r\n              <li>Paiement \u00e0 la livraison<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 4: Construction -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n        <h2 class=\"section-title\">Construction et Qualit\u00e9<\/h2>\r\n      <\/div>\r\n      <div class=\"accordion\">\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Quelle est la qualit\u00e9 de vos constructions ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <p>Nous garantissons une qualit\u00e9 sup\u00e9rieure :<\/p>\r\n            <ul>\r\n              <li>Bureaux d'\u00e9tudes sp\u00e9cialis\u00e9s pour la solidit\u00e9<\/li>\r\n              <li>Finitions haut de gamme<\/li>\r\n              <li>Technologie de pointe (ascenseurs modernes, fibre optique)<\/li>\r\n              <li>Contr\u00f4le qualit\u00e9 rigoureux \u00e0 chaque \u00e9tape<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 5: Proc\u00e9dures -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83d\udccb<\/div>\r\n        <h2 class=\"section-title\">Proc\u00e9dures d'Achat<\/h2>\r\n      <\/div>\r\n      <div class=\"accordion\">\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Quelles sont les \u00e9tapes d'achat ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <ol style=\"margin-left: 20px; line-height: 1.8\">\r\n              <li>Visite et conseil personnalis\u00e9<\/li>\r\n              <li>Choix du bien et signature promesse de vente<\/li>\r\n              <li>Montage du dossier de financement<\/li>\r\n              <li>Signature du contrat d\u00e9finitif<\/li>\r\n              <li>Suivi de construction<\/li>\r\n              <li>Remise des cl\u00e9s et titre foncier<\/li>\r\n            <\/ol>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 6: SAV -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83d\udd27<\/div>\r\n        <h2 class=\"section-title\">Services Apr\u00e8s-Vente<\/h2>\r\n      <\/div>\r\n      <div style=\"padding: 10px; color: var(--text-dim)\">\r\n        <p>Notre engagement continue apr\u00e8s la remise des cl\u00e9s :<\/p>\r\n        <div style=\"display: flex; gap: 10px; flex-wrap: wrap; margin-top: 15px\">\r\n          <span class=\"badge\">D\u00e9marches administratives<\/span>\r\n          <span class=\"badge\">Conseil d\u00e9co<\/span>\r\n          <span class=\"badge\">Artisans qualifi\u00e9s<\/span>\r\n          <span class=\"badge\">Suivi personnalis\u00e9<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 7: Projets (3D Cards) -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83c\udfc6<\/div>\r\n        <h2 class=\"section-title\">Projets Actuels<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"projects-grid\">\r\n        <!-- Card 1 -->\r\n        <div class=\"project-card\">\r\n          <div class=\"card-inner\">\r\n            <div class=\"card-front\">\r\n              <div class=\"card-icon\"><i class=\"fas fa-building\"><\/i><\/div>\r\n              <h3 class=\"card-title\">\u0625\u0642\u0627\u0645\u0629 \u0639\u0645\u0631\u0627\u0646 16<\/h3>\r\n              <p class=\"card-location\">\ud83d\udccd Cit\u00e9 Riadh El Ghazela (Ariana)<\/p>\r\n              <span class=\"badge\">Haut Standing<\/span>\r\n            <\/div>\r\n            <div class=\"card-back\">\r\n              <h3>OMRANE 16<\/h3>\r\n              <p style=\"margin: 15px 0\">Appartements S+3<br>127m\u00b2 \u00e0 144m\u00b2<\/p>\r\n              <p>\u00c0 300m du P\u00f4le technologique<\/p>\r\n              <span class=\"badge\" style=\"background: rgba(0, 0, 0, 0.3); color: #fff; margin-top: 15px\">R\u00e9sidence S\u00e9curis\u00e9e<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"project-card\">\r\n          <div class=\"card-inner\">\r\n            <div class=\"card-front\">\r\n              <div class=\"card-icon\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\r\n              <h3 class=\"card-title\">La Perle du Cap Bon<\/h3>\r\n              <p class=\"card-location\">\ud83d\udccd Grombalia<\/p>\r\n              <span class=\"badge\">Lotissement<\/span>\r\n            <\/div>\r\n            <div class=\"card-back\">\r\n              <h3>La Perle du Cap Bon<\/h3>\r\n              <p style=\"margin: 15px 0\">Terrains de 622m\u00b2 \u00e0 1240m\u00b2<\/p>\r\n              <p>Usage Mixte :<br>R\u00e9sidentiel, Commerce, M\u00e9dical<\/p>\r\n              <span class=\"badge\" style=\"background: rgba(0, 0, 0, 0.3); color: #fff; margin-top: 15px\">Emplacement d'Avenir<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 8: Contact -->\r\n    <section class=\"glass-panel\">\r\n      <div class=\"section-header\">\r\n        <div class=\"section-icon\">\ud83d\udcde<\/div>\r\n        <h2 class=\"section-title\">Contact &amp; Visites<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"accordion\" style=\"margin-bottom: 30px\">\r\n        <div class=\"accordion-item\">\r\n          <div class=\"accordion-header\">\r\n            Organisez-vous des visites ?\r\n            <div class=\"icon-plus\"><\/div>\r\n          <\/div>\r\n          <div class=\"accordion-content\">\r\n            <p>\r\n              Oui, nous organisons des visites personnalis\u00e9es, visites de chantier, virtuelles et group\u00e9es.\r\n              Disponibilit\u00e9 7j\/7 sur rendez-vous.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"contact-grid\">\r\n        <a href=\"tel:+21671840733\" class=\"contact-btn\">\r\n          <i class=\"fas fa-phone-alt contact-icon\"><\/i>\r\n          <span>(+216) 71 840 733<\/span>\r\n        <\/a>\r\n        <a href=\"mailto:contact@imm-tunisia.com\" class=\"contact-btn\">\r\n          <i class=\"fas fa-envelope contact-icon\"><\/i>\r\n          <span>Email<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.facebook.com\/immimmobilieredumaghreb\" class=\"contact-btn\">\r\n          <i class=\"fab fa-facebook-f contact-icon\"><\/i>\r\n          <span>Facebook<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/immobilieredumaghreb\/\" class=\"contact-btn\">\r\n          <i class=\"fab fa-instagram contact-icon\"><\/i>\r\n          <span>Instagram<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div style=\"text-align: center; margin-top: 30px; color: var(--text-dim)\">\r\n        <p>\r\n          <i class=\"fas fa-map-marker-alt\" style=\"color: var(--color-gold)\"><\/i> 2, Rue de Mauritanie 1002 Tunis \u2013\r\n          Tunisie\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function() {\r\n      \/\/ --- Typing Effect ---\r\n      const textElement = document.getElementById('typing-text');\r\n      const textToType = 'Foire Aux Questions';\r\n      let charIndex = 0;\r\n\r\n      function typeText() {\r\n        if (charIndex < textToType.length) {\r\n          textElement.textContent += textToType.charAt(charIndex);\r\n          charIndex++;\r\n          setTimeout(typeText, 100);\r\n        }\r\n      }\r\n\r\n      \/\/ Start typing after a short delay\r\n      setTimeout(typeText, 500);\r\n\r\n      \/\/ --- Accordion Logic ---\r\n      const accordions = document.querySelectorAll('.faq-wrapper .accordion-item');\r\n\r\n      accordions.forEach((item) => {\r\n        const header = item.querySelector('.accordion-header');\r\n\r\n        header.addEventListener('click', () => {\r\n          const isActive = item.classList.contains('active');\r\n\r\n          \/\/ Close all others\r\n          accordions.forEach((otherItem) => {\r\n            otherItem.classList.remove('active');\r\n            otherItem.querySelector('.accordion-content').style.maxHeight = null;\r\n          });\r\n\r\n          \/\/ Toggle current\r\n          if (!isActive) {\r\n            item.classList.add('active');\r\n            const content = item.querySelector('.accordion-content');\r\n            content.style.maxHeight = content.scrollHeight + 'px';\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ --- Scroll Reveal Animation ---\r\n      const observerOptions = {\r\n        threshold: 0.1,\r\n      };\r\n\r\n      const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('visible');\r\n          }\r\n        });\r\n      }, observerOptions);\r\n\r\n      document.querySelectorAll('.faq-wrapper .glass-panel').forEach((panel) => {\r\n        observer.observe(panel);\r\n      });\r\n\r\n      \/\/ --- Particle Network System (Buildings Icons) ---\r\n      const canvas = document.getElementById('buildings-canvas');\r\n      if (!canvas) return;\r\n      \r\n      const ctx = canvas.getContext('2d');\r\n      let particlesArray = [];\r\n\r\n      function resizeCanvas() {\r\n        const wrapper = document.querySelector('.faq-wrapper');\r\n        if (wrapper) {\r\n          canvas.width = wrapper.offsetWidth;\r\n          canvas.height = wrapper.offsetHeight;\r\n        }\r\n      }\r\n\r\n      resizeCanvas();\r\n\r\n      \/\/ Building Icon Particle Class\r\n      class BuildingParticle {\r\n        constructor(x, y) {\r\n          this.x = x;\r\n          this.y = y;\r\n          this.size = 8 + Math.random() * 6;\r\n          this.baseX = x;\r\n          this.baseY = y;\r\n          this.density = (Math.random() * 30) + 1;\r\n          this.type = Math.floor(Math.random() * 3); \/\/ 3 types de buildings\r\n          this.vx = (Math.random() - 0.5) * 0.3;\r\n          this.vy = (Math.random() - 0.5) * 0.3;\r\n        }\r\n\r\n        draw() {\r\n          ctx.save();\r\n          \r\n          const width = this.size * 2.5;\r\n          const height = this.size * 4;\r\n          \r\n          if (this.type === 0) {\r\n            \/\/ Style r\u00e9sidentiel moderne\r\n            \/\/ Corps principal\r\n            ctx.fillStyle = 'rgba(59, 130, 246, 0.25)';\r\n            ctx.fillRect(this.x - width\/2, this.y - height\/2, width, height);\r\n            \r\n            \/\/ Toit plat moderne\r\n            ctx.fillStyle = 'rgba(96, 165, 250, 0.35)';\r\n            ctx.fillRect(this.x - width\/2 - 2, this.y - height\/2 - 3, width + 4, 3);\r\n            \r\n            \/\/ Fen\u00eatres en rang\u00e9es (3 \u00e9tages)\r\n            ctx.fillStyle = 'rgba(251, 191, 36, 0.3)';\r\n            const windowWidth = width \/ 5;\r\n            const windowHeight = height \/ 12;\r\n            \r\n            for (let floor = 0; floor < 3; floor++) {\r\n              for (let i = 0; i < 2; i++) {\r\n                const wx = this.x - width\/2 + width\/4 + i * (width\/2.5);\r\n                const wy = this.y - height\/2 + 8 + floor * (height\/3.5);\r\n                ctx.fillRect(wx, wy, windowWidth, windowHeight);\r\n              }\r\n            }\r\n            \r\n          } else if (this.type === 1) {\r\n            \/\/ Style commercial\/bureaux\r\n            \/\/ Corps principal\r\n            ctx.fillStyle = 'rgba(30, 58, 138, 0.25)';\r\n            ctx.fillRect(this.x - width\/2, this.y - height\/2, width, height);\r\n            \r\n            \/\/ Accent rouge sur le toit\r\n            ctx.fillStyle = 'rgba(201, 0, 43, 0.4)';\r\n            ctx.fillRect(this.x - width\/2, this.y - height\/2, width, 4);\r\n            \r\n            \/\/ Fen\u00eatres continues (style bureau)\r\n            ctx.fillStyle = 'rgba(147, 197, 253, 0.3)';\r\n            const strips = 4;\r\n            for (let i = 0; i < strips; i++) {\r\n              const wy = this.y - height\/2 + 6 + i * (height\/4.5);\r\n              ctx.fillRect(this.x - width\/2 + 3, wy, width - 6, height\/8);\r\n            }\r\n            \r\n          } else {\r\n            \/\/ Style tour haute\r\n            \/\/ Corps principal plus \u00e9troit et haut\r\n            const towerWidth = width * 0.7;\r\n            ctx.fillStyle = 'rgba(59, 130, 246, 0.3)';\r\n            ctx.fillRect(this.x - towerWidth\/2, this.y - height\/2, towerWidth, height);\r\n            \r\n            \/\/ Sommet distinctif\r\n            ctx.fillStyle = 'rgba(96, 165, 250, 0.4)';\r\n            ctx.beginPath();\r\n            ctx.moveTo(this.x - towerWidth\/2, this.y - height\/2);\r\n            ctx.lineTo(this.x, this.y - height\/2 - 4);\r\n            ctx.lineTo(this.x + towerWidth\/2, this.y - height\/2);\r\n            ctx.closePath();\r\n            ctx.fill();\r\n            \r\n            \/\/ Fen\u00eatres en grille\r\n            ctx.fillStyle = 'rgba(251, 191, 36, 0.35)';\r\n            const gridSize = towerWidth \/ 6;\r\n            for (let row = 0; row < 5; row++) {\r\n              const wx = this.x - gridSize\/2;\r\n              const wy = this.y - height\/2 + 6 + row * (height\/6);\r\n              ctx.fillRect(wx, wy, gridSize, gridSize * 0.6);\r\n            }\r\n          }\r\n          \r\n          ctx.restore();\r\n        }\r\n\r\n        update() {\r\n          \/\/ Movement\r\n          this.x += this.vx;\r\n          this.y += this.vy;\r\n\r\n          \/\/ Bounce off edges\r\n          if (this.x < 0 || this.x > canvas.width) {\r\n            this.vx = -this.vx;\r\n          }\r\n          if (this.y < 0 || this.y > canvas.height) {\r\n            this.vy = -this.vy;\r\n          }\r\n\r\n          this.draw();\r\n        }\r\n      }\r\n\r\n      function init() {\r\n        particlesArray = [];\r\n        const numberOfParticles = Math.floor((canvas.width * canvas.height) \/ 25000);\r\n        \r\n        for (let i = 0; i < numberOfParticles; i++) {\r\n          const x = Math.random() * canvas.width;\r\n          const y = Math.random() * canvas.height;\r\n          particlesArray.push(new BuildingParticle(x, y));\r\n        }\r\n      }\r\n\r\n      function connect() {\r\n        let opacityValue = 1;\r\n        for (let a = 0; a < particlesArray.length; a++) {\r\n          for (let b = a; b < particlesArray.length; b++) {\r\n            const dx = particlesArray[a].x - particlesArray[b].x;\r\n            const dy = particlesArray[a].y - particlesArray[b].y;\r\n            const distance = Math.sqrt(dx * dx + dy * dy);\r\n            \r\n            if (distance < 150) {\r\n              opacityValue = 1 - (distance \/ 150);\r\n              ctx.strokeStyle = `rgba(96, 165, 250, ${opacityValue * 0.5})`;\r\n              ctx.lineWidth = 1.5;\r\n              ctx.beginPath();\r\n              ctx.moveTo(particlesArray[a].x, particlesArray[a].y);\r\n              ctx.lineTo(particlesArray[b].x, particlesArray[b].y);\r\n              ctx.stroke();\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      function animate() {\r\n        requestAnimationFrame(animate);\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n        \r\n        for (let i = 0; i < particlesArray.length; i++) {\r\n          particlesArray[i].update();\r\n        }\r\n        \r\n        connect();\r\n      }\r\n\r\n      init();\r\n      animate();\r\n\r\n      window.addEventListener('resize', () => {\r\n        resizeCanvas();\r\n        init();\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfe2 Excellence &amp; Innovation depuis 1992 \ud83c\udfe2 \u00c0 Propos de l&rsquo;Entreprise Qui est l&rsquo;Immobili\u00e8re du Maghreb ? L&rsquo;Immobili\u00e8re du Maghreb est un promoteur immobilier pionnier en Tunisie, implant\u00e9 sur Tunis depuis 1992. Groupe de grande envergure (commerce, industrie, tourisme, habitat) Plus de 30 ans d&rsquo;exp\u00e9rience Plus de 1000 logements construits \ud83c\udfe0 Services et Produits Quels &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/imm-tunisia.com\/ar\/faq\/\" class=\"more-link\">Read More <span class=\"screen-reader-text\"> \u00ab\u00a0FAQ\u00a0\u00bb<\/span><\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_joinchat":[],"footnotes":""},"class_list":["post-3657","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/pages\/3657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/comments?post=3657"}],"version-history":[{"count":20,"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/pages\/3657\/revisions"}],"predecessor-version":[{"id":4287,"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/pages\/3657\/revisions\/4287"}],"wp:attachment":[{"href":"https:\/\/imm-tunisia.com\/ar\/wp-json\/wp\/v2\/media?parent=3657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}