{"id":48,"date":"2025-09-29T04:25:56","date_gmt":"2025-09-29T04:25:56","guid":{"rendered":"http:\/\/source.wpopal.com\/westio\/neighborhood\/"},"modified":"2025-11-19T17:21:10","modified_gmt":"2025-11-19T17:21:10","slug":"successful-stories","status":"publish","type":"page","link":"https:\/\/nabaa-alsalman.com\/ar\/successful-stories\/","title":{"rendered":"\u0642\u0635\u0635 \u0646\u0627\u062c\u062d\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea6550a e-flex e-con-boxed e-con e-parent\" data-id=\"ea6550a\" 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-e6a74db elementor-widget elementor-widget-html\" data-id=\"e6a74db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <div class=\"ss-left\">\r\n      \r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">01<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u062c\u0645\u0639 \u0627\u0644\u0631\u062d\u0627\u0628 \u0627\u0644\u0633\u0643\u0646\u064a<br>\r\n            \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<br>\r\n            \u0628\u063a\u062f\u0627\u062f \u2013 \u0627\u0644\u0633\u064a\u062f\u064a\u0629 \u2013 \u0642\u0631\u0628 \u062a\u0642\u0627\u0637\u0639 \u062f\u0631\u0648\u064a\u0634\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/Banner-Image-1-scaled.jpg\" alt=\"Al-Rehab Residential Complex banner\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- move description to full width -->\r\n  <div class=\"ss-desc fade-in delay-2\">\r\n    <p>\r\n      \u064a\u0645\u062a\u062f \u0645\u062c\u0645\u0639 \u0627\u0644\u0631\u062d\u0627\u0628 \u0627\u0644\u0633\u0643\u0646\u064a \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 54,000 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639\u060c \u0648\u064a\u062a\u0645\u064a\u0632 \u0628\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a \u0645\u0645\u064a\u0632\u060c \u062d\u064a\u062b \u062a\u064f\u062e\u0635\u0635 40% \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062e\u0636\u0631\u0627\u0621 \u0627\u0644\u062a\u064a \u062a\u064f\u0639\u0632\u0632 \u0646\u0645\u0637 \u062d\u064a\u0627\u0629 \u0645\u0633\u062a\u062f\u0627\u0645 \u0648\u0645\u062a\u062c\u062f\u062f. \u064a\u062a\u0643\u0648\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646 7 \u0645\u0628\u0627\u0646\u064a \u0633\u0643\u0646\u064a\u0629\u060c \u0643\u0644 \u0645\u0646\u0647\u0627 \u0628\u0627\u0631\u062a\u0641\u0627\u0639 18 \u0637\u0627\u0628\u0642\u064b\u0627\u060c \u0645\u064f\u062c\u0647\u0632\u0629 \u0628\u0623\u062d\u062f\u062b \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0635\u0627\u0639\u062f \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629. \u0635\u064f\u0645\u0645\u062a \u0627\u0644\u0634\u0642\u0642 \u0628\u0645\u0633\u0627\u062d\u062a\u064a\u0646 \u0645\u062e\u062a\u0644\u0641\u062a\u064a\u0646:\n\n\u0634\u0642\u0642 \u0628\u0645\u0633\u0627\u062d\u0629 142 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627\n\n\u0634\u0642\u0642 \u0628\u0645\u0633\u0627\u062d\u0629 156 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627\r\n    <\/p>\r\n\r\n    <p class=\"ss-desc-2\">\r\n      \u064a\u062a\u0645\u064a\u0632 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0647\u0646\u062f\u0633\u062a\u0647 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a\u0647 \u0627\u0644\u0639\u0635\u0631\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0641\u0642\u0647 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0636\u0645\u0646 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u062a\u0646\u0627\u063a\u0645 \u0627\u0644\u062c\u0645\u0627\u0644\u064a. \u0643\u0645\u0627 \u0623\u0646\u062c\u0632\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0631\u0635\u0641 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0644\u0645\u062c\u0645\u0639 \u0644\u062a\u0639\u0632\u064a\u0632 \u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u062d\u0636\u0631\u064a.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: Poppins, Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-title { font-size: 34px; margin: 0 0 14px 0; font-weight: 700; color: #111; text-transform: capitalize; }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-right { flex: 0 0 420px; display: flex; align-items: flex-start; justify-content: center; }\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; }\r\n\r\n  \/* full width description under image *\/\r\n  .ss-desc {\r\n    width: 100%;\r\n    margin-top: 30px;\r\n  }\r\n  .ss-desc p {\r\n    margin: 0 0 12px 0;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    font-size: 16px;\r\n  }\r\n\r\n  \/* ================================\r\n     \ud83d\udcf1 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\r\n     ================================ *\/\r\n\/* ================================\r\n   \ud83d\udcf1 \u062d\u0644 \u0646\u0647\u0627\u0626\u064a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0628\u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062a\u0631\u062a\u064a\u0628\r\n   ================================ *\/\r\n@media (max-width: 600px) {\r\n\r\n  \/* \u062e\u0644\u064a\u0647 \u0639\u0645\u0648\u062f\u064a \u0644\u0643\u0646 \u0628\u0646\u0641\u0633 \u0627\u0644\u062a\u0631\u062a\u064a\u0628 (\u064a\u0645\u064a\u0646 \u062a\u062d\u062a\u060c \u0634\u0645\u0627\u0644 \u0641\u0648\u0642) *\/\r\n  .ss-inner {\r\n    flex-direction: column !important;\r\n    gap: 0px !important;\r\n  }\r\n\r\n  \/* \u062a\u0642\u0644\u064a\u0644 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 ss-left *\/\r\n  .ss-left {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .ss-title {\r\n    font-size: 20px !important;\r\n    margin-bottom: 6px !important;\r\n  }\r\n\r\n  .ss-underline {\r\n    margin-bottom: 8px !important;\r\n  }\r\n\r\n  .ss-row {\r\n    gap: 10px !important;\r\n    margin-bottom: 10px !important;\r\n  }\r\n\r\n  .ss-number {\r\n    font-size: 20px !important;\r\n  }\r\n\r\n  .ss-project-title {\r\n    font-size: 14px !important;\r\n    line-height: 1.4 !important;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0627 \u062a\u0637\u0644\u0639 \u0641\u0648\u0642 \u2014 \u0644\u0643\u0646 \u062d\u062c\u0645\u0647\u0627 \u064a\u0635\u063a\u0631 *\/\r\n  .ss-right {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .ss-image {\r\n    width: 100% !important;\r\n    max-height: 180px !important;\r\n    object-fit: cover !important;\r\n  }\r\n\r\n  \/* \u0648\u0635\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 *\/\r\n  .ss-desc p {\r\n    font-size: 14px !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  .ss-widget {\r\n    padding: 20px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .ss-left {\r\n    flex: unset !important;\r\n    min-width: unset !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  .ss-inner {\r\n    align-items: flex-start !important;\r\n  }\r\n}\r\n\r\n\r\n  \/* === Animations === *\/\r\n  @keyframes fadeSlideLeft {\r\n    0% { opacity: 0; transform: translateX(-40px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @keyframes fadeSlideRight {\r\n    0% { opacity: 0; transform: translateX(40px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    0% { opacity: 0; }\r\n    100% { opacity: 1; }\r\n  }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cf9166 e-flex e-con-boxed e-con e-parent\" data-id=\"2cf9166\" 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-d3b4141 elementor-widget elementor-widget-html\" data-id=\"d3b4141\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <div class=\"ss-left\">\r\n    \r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">02<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u062c\u0645\u0639 \u0627\u0644\u0641\u0631\u0642\u0627\u0646 \u0627\u0644\u0633\u0643\u0646\u064a<br>\r\n            \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0628\u0646\u0627\u0621\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/Banner-Image-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- full width description under image -->\r\n  <div class=\"ss-desc fade-in delay-2\">\r\n    <p>\r\n      \u0645\u062c\u0645\u0639 \u0627\u0644\u0641\u0631\u0642\u0627\u0646 \u0627\u0644\u0633\u0643\u0646\u064a \u0647\u0648 \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u062d\u0636\u0631\u064a \u0648\u0627\u0633\u0639 \u0627\u0644\u0646\u0637\u0627\u0642\u060c \u0645\u0635\u0645\u0645 \u0644\u062a\u0648\u0641\u064a\u0631 \u0645\u0633\u0627\u0643\u0646 \u0639\u0635\u0631\u064a\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0636\u0645\u0646 \u0645\u062c\u062a\u0645\u0639 \u0645\u062a\u0643\u0627\u0645\u0644. \u064a\u0636\u0645 \u0627\u0644\u0645\u062c\u0645\u0639 14 \u0645\u0628\u0646\u0649 \u0633\u0643\u0646\u064a\u064b\u0627\u060c \u0648\u0645\u0624\u0633\u0633\u0627\u062a \u062a\u0639\u0644\u064a\u0645\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0643\u0632 \u062e\u062f\u0645\u0627\u062a\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0639\u0627\u0645\u0629\u060c \u0645\u0635\u0645\u0645\u0629 \u062c\u0645\u064a\u0639\u0647\u0627 \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629.\r\n    <\/p>\r\n\r\n    <!-- Project Details title -->\r\n    <h2 class=\"project-details-title\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n    <!-- 3-column list -->\r\n    <div class=\"project-details fade-in delay-2\">\r\n      <ul>\r\n        <li>\u0631\u0642\u0645 \u0631\u062e\u0635\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631: (2021\/585)<\/li>\r\n        <li>\u0639\u062f\u062f \u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0627\u0644\u0633\u0643\u0646\u064a\u0629: 14<\/li>\r\n        <li>\u0625\u062c\u0645\u0627\u0644\u064a \u0639\u062f\u062f \u0627\u0644\u0634\u0642\u0642: 1,390<\/li>\r\n        <li>\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639: 67,500 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n      <\/ul>\r\n      <ul>\r\n        <li>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0627\u0644\u0633\u0643\u0646\u064a\u0629: 16,572 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n        <li>\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629: 2,720 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n        <li>\u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u0627\u0628\u062a\u062f\u0627\u0626\u064a\u0629: 5,040 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627<\/li>\r\n        <li>\u0645\u062f\u0631\u0633\u0629 \u0645\u062a\u0648\u0633\u0637\u0629: 3000 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n      <\/ul>\r\n      <ul>\r\n        <li>\u0631\u0648\u0636\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644: 1,650 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627<\/li>\r\n        <li>\u0645\u0631\u0643\u0632 \u0627\u0644\u0634\u0631\u0637\u0629: 725 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n        <li>\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0635\u062d\u064a: 500 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n        <li>\u0645\u0631\u0643\u0632 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a: 500 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n        <li>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a: 1,825 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n\r\n  \/* H1 styling *\/\r\n  .ss-title {\r\n    font-family: 'Poppins', sans-serif;\r\n    text-transform: capitalize;\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-right { flex: 0 0 420px; display: flex; align-items: flex-start; justify-content: center; }\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; }\r\n\r\n  \/* full width description under image *\/\r\n  .ss-desc { width: 100%; margin-top: 30px; }\r\n  .ss-desc p { margin: 0 0 12px 0; color: #222; line-height: 1.8; font-size: 16px; }\r\n\r\n  \/* Project Details *\/\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 20px 0 12px 0;\r\n    color: #9f0000;\r\n    text-transform: none;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column-reverse; }\r\n    .ss-right, .ss-left { width: 100%; }\r\n    .ss-widget { padding: 30px 20px; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* === Animations === *\/\r\n  @keyframes fadeSlideLeft {\r\n    0% { opacity: 0; transform: translateX(-40px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @keyframes fadeSlideRight {\r\n    0% { opacity: 0; transform: translateX(40px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    0% { opacity: 0; }\r\n    100% { opacity: 1; }\r\n  }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a25d15 e-flex e-con-boxed e-con e-parent\" data-id=\"3a25d15\" 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-1e0e09b elementor-widget elementor-widget-html\" data-id=\"1e0e09b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n     \r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">03<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u062c\u0633\u0631 \u0627\u0644\u0643\u0631\u062f\u064a\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0648\u0627\u0633\u0637\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u062a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0646\u0634\u0627\u0621 \u062c\u0633\u0631 \u0627\u0644\u0643\u0631\u062f\u064a\u0629 \u0645\u0639 \u0645\u062f\u0627\u062e\u0644\u0647 \u0648\u062a\u0642\u0627\u0637\u0639\u0627\u062a\u0647\u060c \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0637\u0631\u0642 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0625\u0633\u0641\u0644\u062a \u0627\u0644\u0628\u0648\u0644\u064a\u0645\u0631\u064a \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629. \u0648\u064a\u0647\u062f\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0646\u0642\u0644 \u0648\u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0648\u0627\u0633\u0637.\r\n      <\/p>\r\n      \r\n       <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\">\r\n        <ul>\r\n          <li>\u0625\u0646\u0634\u0627\u0621 \u062c\u0633\u0631 \u0627\u0644\u0643\u0627\u0631\u062f\u064a\u0627 \u0648\u0645\u062f\u0627\u062e\u0644\u0647<\/li>\r\n          <li>\u0625\u0646\u0634\u0627\u0621 \u062a\u0642\u0627\u0637\u0639\u0627\u062a \u0627\u0644\u062c\u0633\u0648\u0631<\/li>\r\n          <li>\u0631\u0635\u0641 \u0627\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u0633\u0637\u062d\u064a\u0629 \u0645\u0646 \u0627\u0644\u0637\u0631\u064a\u0642 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0633\u0641\u0644\u062a \u0627\u0644\u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0628\u0648\u0644\u064a\u0645\u0631<\/li>\r\n          <li>\u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0635\u0646\u0639 \u0627\u0633\u0641\u0644\u062a \u0645\u062c\u0647\u0632 \u0628\u0646\u0638\u0627\u0645 \u0628\u0648\u0644\u064a\u0645\u0631<\/li>\r\n          <li>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: 82,446,983,575 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a<\/li>\r\n          <li>\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0642\u064a\u062f \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u060c \u0648\u0646\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0641\u064a\u0647 83%<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/Banner-Image-3-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n     \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bc0b0e e-flex e-con-boxed e-con e-parent\" data-id=\"7bc0b0e\" 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-d1b205a elementor-widget elementor-widget-html\" data-id=\"d1b205a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">04<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u0645\u0635\u0646\u0639 \u0641\u0644\u0627\u062a\u0631 \u0627\u0644\u0647\u0648\u0627\u0621 - \u0645\u062d\u0627\u0641\u0638\u0629 \u0628\u063a\u062f\u0627\u062f\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u064f\u0639\u062f \u0645\u0634\u0631\u0648\u0639 \u0645\u0635\u0646\u0639 \u0641\u0644\u0627\u062a\u0631 \u0627\u0644\u0647\u0648\u0627\u0621 \u0623\u062d\u062f \u0623\u0647\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0627\u0644\u062a\u064a \u0623\u0646\u062c\u0632\u062a\u0647\u0627 \u0627\u0644\u0634\u0631\u0643\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0643\u0633 \u062f\u0642\u062a\u0647\u0627 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u062a\u0632\u0627\u0645\u0647\u0627 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629. \u0648\u0634\u0645\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u0634\u0623\u0629 \u0625\u0646\u062a\u0627\u062c \u062d\u062f\u064a\u062b\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0635\u0646\u064a\u0639 \u0641\u0644\u0627\u062a\u0631 \u0627\u0644\u0647\u0648\u0627\u0621.\r\n      <\/p>\r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\">\r\n        <ul>\r\n          <li>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0648\u0642\u0639: 1250 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627<\/li>\r\n          <li>\u0633\u0646\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632: 2020<\/li>\r\n          <li>\u0627\u0644\u0645\u0648\u0642\u0639: \u0628\u063a\u062f\u0627\u062f \u2013 \u062d\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629\u060c \u0645\u0642\u0627\u0628\u0644 \u0645\u0639\u0645\u0644 \u0628\u0633\u0643\u0648\u0644\u0627\u062a\u0627<\/li>\r\n          <li>\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644: \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/d507da9f-0f93-44e5-ba7f-5728c769592e.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n      \r\n    <\/div>\r\n    <p>\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0647\u0630\u0627 \u0627\u0644\u0645\u0631\u0641\u0642 \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0646\u0629\u060c \u0648\u062f\u0645\u062c \u0627\u0644\u0622\u0644\u0627\u062a \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0644\u0628\u064a \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87b3a26 e-flex e-con-boxed e-con e-parent\" data-id=\"87b3a26\" 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-8d46bd9 elementor-widget elementor-widget-html\" data-id=\"8d46bd9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">05<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u0635\u064a\u0627\u0646\u0629 \u0637\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0627\u0631\u0629 - \u0628\u063a\u062f\u0627\u062f - \u0645\u062d\u0627\u0641\u0638\u0629 \u0645\u064a\u0633\u0627\u0646\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u062a\u064f\u0646\u0641\u0651\u0630 \u0627\u0644\u0648\u0632\u0627\u0631\u0629 \u0645\u0634\u0631\u0648\u0639 \u0635\u064a\u0627\u0646\u0629 \u0637\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0627\u0631\u0629 - \u0628\u063a\u062f\u0627\u062f (\u0627\u062a\u062c\u0627\u0647 \u0648\u0627\u062d\u062f)\u060c \u0628\u0637\u0648\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u064a\u0628\u0644\u063a 30 \u0643\u064a\u0644\u0648\u0645\u062a\u0631\u064b\u0627 \u0636\u0645\u0646 \u0645\u062d\u0627\u0641\u0638\u0629 \u0645\u064a\u0633\u0627\u0646. \u064a\u0647\u062f\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0637\u0631\u0642\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0638\u0631\u0648\u0641 \u0627\u0644\u0642\u064a\u0627\u062f\u0629\u060c \u0648\u062f\u0639\u0645 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <div class=\"project-details-text fade-in delay-2\">\r\n  <p><strong class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/strong> \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: 4,098,200,000 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a<\/p>\r\n\r\n  <p><strong class=\"project-details-title fade-in delay-2\">Project Length:<\/strong> 30 \u0643\u0645<\/p>\r\n\r\n  <p><strong class=\"project-details-title fade-in delay-2\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644:<\/strong><br>\r\n  \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644<br>\r\n  \u0642\u0633\u0645 \u0637\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0627\u0631\u0629-\u0628\u063a\u062f\u0627\u062f (\u0627\u062a\u062c\u0627\u0647 \u0648\u0627\u062d\u062f)<br>\r\n  \u0636\u0645\u0646 \u0645\u062d\u0627\u0641\u0638\u0629 \u0645\u064a\u0633\u0627\u0646.<\/p>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/828f731e-68b1-4b4f-adf3-7d06e4cdeecb.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n      \r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-550557b e-flex e-con-boxed e-con e-parent\" data-id=\"550557b\" 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-e46fbf2 elementor-widget elementor-widget-html\" data-id=\"e46fbf2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n  \r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">06<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n           \u0645\u0634\u0631\u0648\u0639 \u0625\u0646\u0634\u0627\u0621 \u0645\u0631\u0627\u0643\u0632 \u0634\u0631\u0637\u0629 \u0646\u0645\u0648\u0630\u062c\u064a\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0646\u0634\u0627\u0621 \u062b\u0645\u0627\u0646\u064a\u0629 \u0645\u0631\u0627\u0643\u0632 \u0634\u0631\u0637\u0629 \u062d\u062f\u064a\u062b\u0629 \u0648\u0645\u062c\u0647\u0632\u0629 \u062a\u062c\u0647\u064a\u0632\u064b\u0627 \u0643\u0627\u0645\u0644\u064b\u0627 - \u062e\u0645\u0633\u0629 \u0645\u0646\u0647\u0627 \u062a\u0642\u0639 \u0636\u0645\u0646 \u0646\u0637\u0627\u0642 \u0642\u064a\u0627\u062f\u0629 \u0634\u0631\u0637\u0629 \u0645\u062d\u0627\u0641\u0638\u0629 \u0628\u063a\u062f\u0627\u062f \u0627\u0644\u0643\u0631\u062e\u060c \u0648\u062b\u0644\u0627\u062b\u0629 \u0636\u0645\u0646 \u0646\u0637\u0627\u0642 \u0642\u064a\u0627\u062f\u0629 \u0634\u0631\u0637\u0629 \u0645\u062d\u0627\u0641\u0638\u0629 \u0628\u063a\u062f\u0627\u062f \u0627\u0644\u0631\u0635\u0627\u0641\u0629.\n\n\u0635\u064f\u0645\u0645 \u0643\u0644 \u0645\u0631\u0643\u0632 \u0648\u0641\u0642\u064b\u0627 \u0644\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u0645\u062a\u0627\u0646\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block;\">\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">1- \u0625\u0646\u0634\u0627\u0621 (8) \u0645\u0631\u0627\u0643\u0632 \u0634\u0631\u0637\u0629 \u0646\u0645\u0648\u0630\u062c\u064a\u0629:<\/span>\r\n    <div class=\"pd-sub\">\u2022 (5) \u0641\u064a \u0627\u0644\u0643\u0631\u062e<\/div>\r\n    <div class=\"pd-sub\">\u2022 (3) \u0641\u064a \u0627\u0644\u0631\u0635\u0627\u0641\u0629<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">2- \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629:<\/span>\r\n    <div class=\"pd-value\">3,559,184,000 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a (\u062b\u0644\u0627\u062b\u0629 \u0645\u0644\u064a\u0627\u0631\u0627\u062a \u0648\u062e\u0645\u0633\u0645\u0627\u0626\u0629 \u0648\u062a\u0633\u0639\u0629 \u0648\u062e\u0645\u0633\u0648\u0646 \u0645\u0644\u064a\u0648\u0646 \u0648\u0645\u0627\u0626\u0629 \u0648\u0623\u0631\u0628\u0639\u0629 \u0648\u062b\u0645\u0627\u0646\u0648\u0646 \u0623\u0644\u0641 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a)<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">3- \u0645\u062f\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/span>\r\n    <div class=\"pd-value\">300 \u064a\u0648\u0645 \u062a\u0642\u0648\u064a\u0645\u064a \u0644\u0643\u0644 \u0645\u0648\u0642\u0639\u060c \u064a\u062a\u0645 \u062d\u0633\u0627\u0628\u0647\u0627 \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0639\u062f \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0645\u0646 \u0642\u0633\u0645 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0627\u0644\u0645\u0642\u064a\u0645\u064a\u0646<\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/25ea1d6b-5ce6-424c-b737-261bed6e8832.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .pd-row {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.pd-label {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  color: #111;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.pd-sub {\r\n  margin-left: 12px;\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n.pd-value {\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c6e528 e-flex e-con-boxed e-con e-parent\" data-id=\"0c6e528\" 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-bfddb08 elementor-widget elementor-widget-html\" data-id=\"bfddb08\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">07<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n           \u0645\u0631\u0643\u0632 \u0639\u0644\u0627\u062c \u0627\u0644\u0633\u0631\u0637\u0627\u0646 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0645\u064a\u0633\u0627\u0646\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u0623\u0646\u0634\u0623\u062a \u0627\u0644\u0648\u0632\u0627\u0631\u0629 \u0645\u0631\u0643\u0632\u064b\u0627 \u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0633\u0631\u0637\u0627\u0646 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0645\u064a\u0633\u0627\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062a\u0642\u0646\u064a\u0627\u062a \u0639\u0644\u0627\u062c \u0627\u0644\u0633\u0631\u0637\u0627\u0646 \u0627\u0644\u062d\u062f\u064a\u062b\u0629. \u0648\u064a\u0645\u062b\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0631\u0641\u0642\u064b\u0627 \u0637\u0628\u064a\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u064b\u0627 \u0645\u0635\u0645\u0645\u064b\u0627 \u0644\u062a\u0644\u0628\u064a\u0629 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block;\">\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629:<\/span>\r\n    <div class=\"pd-value\">18,000,000,000 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">Land Area:<\/span>\r\n    <div class=\"pd-value\">10,000 m\u00b2<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644:<\/span>\r\n    <div class=\"pd-value\">\r\n      \u062a\u0633\u0644\u064a\u0645 \u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u0634\u0645\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0623\u062b\u0627\u062b<br>\r\n      \u0625\u0639\u062f\u0627\u062f \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062e\u0637\u064a \u0648\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639\u064a \u0627\u0644\u0645\u062d\u0648\u0633\u0628 \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<br>\r\n      \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u062e\u0627\u0631\u062c\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0631\u0643\u0632-\u0645\u0639\u0627\u0644\u062c\u0629-\u0627\u0644\u0623\u0645\u0631\u0627\u0636-\u0627\u0644\u0633\u0631\u0637\u0627\u0646\u064a\u0629-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 380px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 600px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .pd-row {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.pd-label {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  color: #111;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.pd-sub {\r\n  margin-left: 12px;\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n.pd-value {\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a03fccb e-flex e-con-boxed e-con e-parent\" data-id=\"a03fccb\" 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-4e85460 elementor-widget elementor-widget-html\" data-id=\"4e85460\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">08<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n           \u0641\u0646\u062f\u0642 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 -  \u0643\u0631\u0628\u0644\u0627\u0621 \u0627\u0644\u0645\u0642\u062f\u0633\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u0634\u0627\u0621 \u0641\u0646\u062f\u0642 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0641\u064a \u0645\u062f\u064a\u0646\u0629 \u0643\u0631\u0628\u0644\u0627\u0621 \u0627\u0644\u0645\u0642\u062f\u0633\u0629. \u064a\u062a\u0643\u0648\u0646 \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0646 \u062b\u0645\u0627\u0646\u064a\u0629 \u0637\u0648\u0627\u0628\u0642\u060c \u0648\u0647\u0648 \u0645\u0635\u0645\u0645 \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u0644\u064a\u0643\u0648\u0646 \u0645\u0646\u0634\u0623\u0629 \u0636\u064a\u0627\u0641\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629.\r\n      <\/p>\r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block;\">\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0648\u0642\u0639:<\/span>\r\n    <div class=\"pd-value\">550 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">\u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642:<\/span>\r\n    <div class=\"pd-value\">8<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pd-row\">\r\n    <span class=\"pd-label\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644:<\/span>\r\n    <div class=\"pd-value\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0641\u0646\u062f\u0642-\u0627\u0644\u062a\u0623\u0645\u064a\u0646-\u2013-\u0643\u0631\u0628\u0644\u0627\u0621-\u0627\u0644\u0645\u0642\u062f\u0633\u0629-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n      \r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 380px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 600px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .pd-row {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.pd-label {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  color: #111;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.pd-sub {\r\n  margin-left: 12px;\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n.pd-value {\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddaab8d e-flex e-con-boxed e-con e-parent\" data-id=\"ddaab8d\" 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-de9f87a elementor-widget elementor-widget-html\" data-id=\"de9f87a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">09<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0641\u0631\u0648\u0639 \u0628\u0646\u0643 \u0625\u064a\u0644\u0627\u0641 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0634\u0645\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u0634\u0627\u0621 \u0641\u0631\u0648\u0639 \u0645\u0635\u0631\u0641 \u0625\u064a\u0644\u0627\u0641 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0645\u0628\u0646\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u0643\u0627\u0626\u0646 \u0641\u064a \u0633\u0627\u062d\u0629 \u0643\u0647\u0631\u0645\u0627\u0646\u0629 \u0628\u0628\u063a\u062f\u0627\u062f\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0641\u0631\u0639 \u0627\u0644\u0643\u0627\u0638\u0645\u064a\u0629. \u0635\u064f\u0645\u0645\u062a \u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0648\u0641\u0642\u064b\u0627 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0635\u0631\u0641 \u0648\u062a\u0648\u0641\u0631 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0645\u0631\u064a\u062d\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u0644\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\">\r\n  <div class=\"project-detail-item\"><strong>\u0645\u0648\u0642\u0639:<\/strong> Baghdad \u2013 Kahrmana Square<\/div>\r\n  <div class=\"project-detail-item\"><strong>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0648\u0642\u0639:<\/strong> 1000 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/div>\r\n  <div class=\"project-detail-item\"><strong>\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644:<\/strong> \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u0628\u0646\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0628\u0646\u0643 \u0625\u064a\u0644\u0627\u0641 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0648\u0641\u0631\u0639 \u0627\u0644\u0643\u0627\u0638\u0645\u064a\u0629<\/div>\r\n  <div class=\"project-detail-item\"><strong>1.<\/strong> \u0645\u0628\u0646\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a (\u0628\u063a\u062f\u0627\u062f - \u0633\u0627\u062d\u0629 \u0643\u0647\u0631\u0645\u0627\u0646\u0629)<\/div>\r\n  <div class=\"project-detail-item\"><strong>2.<\/strong> \u0628\u0646\u0643 \u0627\u064a\u0644\u0627\u0641 \u0627\u0644\u0627\u0633\u0644\u0627\u0645\u064a \u2013 \u0641\u0631\u0639 \u0627\u0644\u0643\u0627\u0638\u0645\u064a\u0629<\/div>\r\n  <div class=\"project-detail-item\"><strong>3.<\/strong> \u0628\u0646\u0643 \u0625\u064a\u0644\u0627\u0641 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a - \u0641\u0631\u0639 \u0645\u064a\u0633\u0627\u0646<\/div>\r\n  <div class=\"project-detail-item\"><strong>4.<\/strong> \u0645\u0635\u0631\u0641 \u0625\u064a\u0644\u0627\u0641 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a - \u0641\u0631\u0639 \u0630\u064a \u0642\u0627\u0631<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0635\u0631\u0641-\u0627\u064a\u0644\u0627\u0641-\u0627\u0644\u0627\u0633\u0644\u0627\u0645\u064a-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66c7fb2 e-flex e-con-boxed e-con e-parent\" data-id=\"66c7fb2\" 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-9c9bb3e elementor-widget elementor-widget-html\" data-id=\"9c9bb3e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">10<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n           \u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u0637\u0627\u062a \u062a\u0648\u0632\u064a\u0639 \u062b\u0627\u0646\u0648\u064a\u0629 \u0644\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 - \u0645\u062d\u0627\u0641\u0638\u0629 \u0648\u0627\u0633\u0637\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block;\">\r\n\r\n  <ul>\r\n          <li>\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631 \u0648\u062d\u0641\u0631 \u0627\u0644\u0643\u0627\u0628\u0644\u0627\u062a \u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0639\u0627\u0644\u064a \u0648\u0627\u0644\u0645\u0646\u062e\u0641\u0636<\/li>\r\n          <li>\u0625\u0646\u0634\u0627\u0621 \u062a\u0642\u0627\u0637\u0639\u0627\u062a \u0627\u0644\u062c\u0633\u0648\u0631<\/li>\r\n          <li>\u0625\u0646\u0634\u0627\u0621 \u063a\u0631\u0641 \u0627\u0644\u062a\u062d\u0643\u0645 \u0648\u0627\u0644\u062d\u0631\u0627\u0633\u0629<\/li>\r\n          <li>\u062a\u0631\u0643\u064a\u0628 \u0633\u064a\u0627\u062c \u0623\u0645\u0646\u064a \u062e\u0627\u0631\u062c\u064a<\/li>\r\n          <li>\u0625\u0646\u0634\u0627\u0621 \u062c\u062f\u0627\u0631 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 (\u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u062a\u0639\u0632\u064a\u0632\u0627\u062a \u0648\u0627\u0644\u0635\u0628)<\/li>\r\n          <li>\u062a\u0631\u0643\u064a\u0628 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u0645 \u0648\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629<\/li>\r\n          <li>\r\n              \u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0645\u062d\u0648\u0644\u0627\u062a \u0648\u062a\u0648\u0635\u064a\u0644\u0627\u062a \u0627\u0644\u0643\u0627\u0628\u0644\u0627\u062a\r\n          <\/li>\r\n          <li>\r\n              \u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u062d\u0637\u0629\r\n          <\/li>\r\n          <li>\r\n              \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0648\u0637\u0646\u064a\u0629\r\n          <\/li>\r\n        <\/ul>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0634\u0631\u0648\u0639-\u0628\u0646\u0627\u0621-\u0645\u062d\u0637\u0627\u062a-\u0627\u0644\u062a\u0648\u0632\u064a\u0639-\u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629-\u0644\u0644\u0637\u0627\u0642\u0629-\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629-\u2013-\u0645\u062d\u0627\u0641\u0638\u0629-\u0648\u0627\u0633\u0637-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n      \r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 380px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 600px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .pd-row {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.pd-label {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  color: #111;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.pd-sub {\r\n  margin-left: 12px;\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n.pd-value {\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbbeab4 e-flex e-con-boxed e-con e-parent\" data-id=\"cbbeab4\" 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-b976d68 elementor-widget elementor-widget-html\" data-id=\"b976d68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">11<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n           \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a - \u0634\u0627\u0631\u0639 \u0628\u063a\u062f\u0627\u062f\/\u0627\u0644\u0628\u0635\u0631\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u062a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062a\u0646\u0641\u064a\u0630 \u0646\u0638\u0627\u0645 \u0635\u0631\u0641 \u0635\u062d\u064a \u062d\u062f\u064a\u062b \u0639\u0644\u0649 \u0637\u0648\u0644 \u0634\u0627\u0631\u0639 \u0627\u0644\u0628\u0635\u0631\u0629 \u0641\u064a \u0628\u063a\u062f\u0627\u062f. \u0648\u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0645\u062f\u064a\u0646\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u0633\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0648\u0636\u0645\u0627\u0646 \u0645\u0639\u0627\u064a\u064a\u0631 \u0635\u062d\u064a\u0629 \u0648\u0628\u064a\u0626\u064a\u0629 \u0623\u0641\u0636\u0644.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block;\">\r\n\r\n  <ul>\r\n          <li>\u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f: \u0623\u0645\u0627\u0646\u0629 \u0628\u063a\u062f\u0627\u062f<\/li>\r\n          <li>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: 1,030,000,000 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a<\/li>\r\n        <\/ul>\r\n\r\n<\/div>\r\n\r\n<h2 class=\"project-details-title fade-in delay-2\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644:<\/h2>\r\n\r\n        <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0639\u0648\u0627\u0626\u0642 \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0627\u062a \u0639\u0644\u0649 \u0637\u0648\u0644 \u0627\u0644\u0634\u0627\u0631\u0639<\/div>\r\n  <div class=\"pd-row\">2. \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0644\u0623\u0646\u0627\u0628\u064a\u0628 PVC<\/div>\r\n  <div class=\"pd-row\">3. \u0645\u062f \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0639\u0644\u0649 \u0637\u0648\u0644 \u0645\u0633\u0627\u0631 \u0627\u0644\u0634\u0627\u0631\u0639 \u0639\u0644\u0649 \u0623\u0639\u0645\u0627\u0642 \u062a\u062a\u0631\u0627\u0648\u062d \u0645\u0646 1 \u0625\u0644\u0649 7 \u0623\u0645\u062a\u0627\u0631<\/div>\r\n  <div class=\"pd-row\">4. \u0625\u0646\u0634\u0627\u0621 \u0641\u062a\u062d\u0627\u062a \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a (\u063a\u0631\u0641 \u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u064a\u0627\u0647)<\/div>\r\n  <div class=\"pd-row\">5. \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0644\u0637\u0631\u064a\u0642 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0629 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">6. \u0631\u0628\u0637 \u0627\u0644\u0634\u0628\u0643\u0629 \u0628\u0645\u062d\u0637\u0629 \u0636\u062e \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0628\u0627\u0644\u063a\u0632\u0627\u0644\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">7. \u0631\u0635\u0641 \u0648\u062a\u0634\u0637\u064a\u0628 \u0645\u0633\u0627\u0631\u0627\u062a \u062e\u0637\u0648\u0637 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/e2a0702f-45a8-4ced-94d7-074ea688557f.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 380px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 600px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .pd-row {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.pd-label {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  color: #111;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.pd-sub {\r\n  margin-left: 12px;\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n.pd-value {\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-461aa9f e-flex e-con-boxed e-con e-parent\" data-id=\"461aa9f\" 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-7364385 elementor-widget elementor-widget-html\" data-id=\"7364385\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n  \r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">12<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n           \u0645\u0634\u0631\u0648\u0639 \u0625\u0639\u0627\u062f\u0629 \u0625\u0639\u0645\u0627\u0631 \u0645\u062d\u0637\u0629 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u062b\u0642\u064a\u0644\u0629 - \u0643\u0631\u0628\u0644\u0627\u0621 \u0627\u0644\u0645\u0642\u062f\u0633\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0631\u0643\u0632 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0648\u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0645\u062d\u0637\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u062b\u0642\u064a\u0644\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u064a \u0643\u0631\u0628\u0644\u0627\u0621 \u0627\u0644\u0645\u0642\u062f\u0633\u0629. \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0635\u064a\u0627\u0646\u0629 \u0634\u0627\u0645\u0644\u0629\u060c \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0644\u0644\u0646\u0638\u0627\u0645\u060c \u0648\u062a\u0648\u0633\u0639\u0629\u060c \u0628\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0628\u0643\u062a\u0644 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0646\u0634\u0623\u0629 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u062a\u0647\u0627.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block;\">\r\n\r\n  <ul>\r\n          <li>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: 270,000 \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a<\/li>\r\n          <li>\u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639: \u0634\u0631\u0643\u0629 \u0628\u064a\u0643\u062a\u0644 (\u0634\u0631\u0643\u0629 \u0623\u0645\u0631\u064a\u0643\u064a\u0629)<\/li>\r\n        <\/ul>\r\n\r\n<\/div>\r\n <h2 class=\"project-details-title fade-in delay-2\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644:<\/h2>\r\n\r\n        <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0648\u0635\u064a\u0627\u0646\u0629 \u0645\u062d\u0637\u0629 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">\u0662. \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0644\u062a\u0648\u0633\u0639\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n  <div class=\"pd-row\">3. \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0623\u062d\u0648\u0627\u0636 \u0627\u0644\u062a\u062c\u0645\u064a\u0639<\/div>\r\n  <div class=\"pd-row\">4. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u0631\u0627\u0641\u0639\u0629 5 \u0637\u0646<\/div>\r\n  <div class=\"pd-row\">5. \u0635\u064a\u0627\u0646\u0629 \u0645\u0636\u062e\u0627\u062a \u0627\u0644\u0631\u0641\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">6. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u062e\u0632\u0627\u0646\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0645\u0639 \u062a\u0648\u0633\u064a\u0639 \u0645\u0633\u0627\u0631\u0627\u062a \u062e\u0637\u0648\u0637 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628<\/div>\r\n  <div class=\"pd-row\">7. \u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0634\u063a\u064a\u0644 \u062c\u0647\u0627\u0632\u064a\u0646 \u0644\u0644\u062a\u0643\u0633\u064a\u0631<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/1c3e4237-24d0-42a6-8f70-83b7b370ec91.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 380px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 600px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .pd-row {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.pd-label {\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  color: #111;\r\n  display: block;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.pd-sub {\r\n  margin-left: 12px;\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n.pd-value {\r\n  font-size: 15px;\r\n  color: #222;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af96c5c e-flex e-con-boxed e-con e-parent\" data-id=\"af96c5c\" 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-da35d72 elementor-widget elementor-widget-html\" data-id=\"da35d72\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n \r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">13<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u0625\u0639\u0627\u062f\u0629 \u0625\u0639\u0645\u0627\u0631 \u0645\u062d\u0637\u062a\u064a \u0645\u064a\u0627\u0647 \u0627\u0644\u0643\u0631\u0627\u0645\u0629 \u06489 \u0646\u064a\u0633\u0627\u0646 - \u0628\u063a\u062f\u0627\u062f\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0631\u0643\u0632 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u062d\u0637\u062a\u064a \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0643\u0631\u0627\u0645\u0629 \u06489 \u0623\u0628\u0631\u064a\u0644 \u0641\u064a \u0628\u063a\u062f\u0627\u062f. \u0648\u064a\u0634\u0645\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\u060c \u0648\u062a\u0648\u0633\u064a\u0639 \u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0645\u064a\u0627\u0647 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0633\u0639\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0648\u0635\u064a\u0627\u0646\u0629 \u0645\u062d\u0637\u062a\u064a \u0627\u0644\u0645\u064a\u0627\u0647<\/div>\r\n  <div class=\"pd-row\">\u0662. \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0644\u062a\u0648\u0633\u0639\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n  <div class=\"pd-row\">3. \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0623\u062d\u0648\u0627\u0636 \u0627\u0644\u062a\u062c\u0645\u064a\u0639<\/div>\r\n  <div class=\"pd-row\">4. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u0631\u0627\u0641\u0639\u0629 5 \u0637\u0646<\/div>\r\n  <div class=\"pd-row\">5. \u0635\u064a\u0627\u0646\u0629 \u0645\u0636\u062e\u0627\u062a \u0627\u0644\u0631\u0641\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">6. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u062e\u0632\u0627\u0646\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0645\u0639 \u062a\u0648\u0633\u0639\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0631\u0641\u0639\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0634\u063a\u064a\u0644 \u062c\u0647\u0627\u0632\u064a \u0633\u0643\u064a\u0645\u0631.<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0634\u0631\u0648\u0639-\u0625\u0639\u0627\u062f\u0629-\u0625\u0639\u0645\u0627\u0631-\u0645\u062d\u0637\u062a\u064a-\u0645\u0627\u0621-\u0627\u0644\u0643\u0631\u0627\u0645\u0629-\u0648-9-\u0646\u064a\u0633\u0627\u0646-\u2013-\u0628\u063a\u062f\u0627\u062f-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aec35c9 e-flex e-con-boxed e-con e-parent\" data-id=\"aec35c9\" 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-4f4ee76 elementor-widget elementor-widget-html\" data-id=\"4f4ee76\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">14<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0625\u0639\u0627\u062f\u0629 \u0625\u0639\u0645\u0627\u0631 \u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a - \u0628\u0644\u062f\u064a\u0629 \u0627\u0644\u063a\u062f\u064a\u0631\u060c \u0628\u063a\u062f\u0627\u062f.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u062a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u062d\u0637\u0629 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\u060c \u0628\u0625\u0634\u0631\u0627\u0641 \u0628\u0644\u062f\u064a\u0629 \u0627\u0644\u063a\u062f\u064a\u0631 \u0641\u064a \u0628\u063a\u062f\u0627\u062f. \u0648\u064a\u0634\u0645\u0644 \u0627\u0644\u0639\u0645\u0644 \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0623\u0646\u0638\u0645\u0629 \u062c\u062f\u064a\u062f\u0629\u060c \u0648\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0648\u0635\u064a\u0627\u0646\u0629 \u0645\u062d\u0637\u0629 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">\u0662. \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0644\u062a\u0648\u0633\u0639\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n  <div class=\"pd-row\">3. \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0623\u062d\u0648\u0627\u0636 \u0627\u0644\u062a\u062c\u0645\u064a\u0639<\/div>\r\n  <div class=\"pd-row\">4. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u0631\u0627\u0641\u0639\u0629 5 \u0637\u0646<\/div>\r\n  <div class=\"pd-row\">5. \u0635\u064a\u0627\u0646\u0629 \u0645\u0636\u062e\u0627\u062a \u0627\u0644\u0631\u0641\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">6. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u062e\u0632\u0627\u0646\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 (2) \u0645\u0639 \u062a\u0648\u0633\u0639\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0631\u0641\u0639\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0634\u063a\u064a\u0644 \u062c\u0647\u0627\u0632\u064a \u0633\u0643\u064a\u0645\u0631.<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0634\u0631\u0648\u0639-\u0625\u0639\u0627\u062f\u0629-\u0625\u0639\u0645\u0627\u0631-\u0645\u062d\u0637\u0627\u062a-\u0627\u0644\u0635\u0631\u0641-\u0627\u0644\u0635\u062d\u064a-\u2013-\u0628\u0644\u062f\u064a\u0629-\u0627\u0644\u063a\u062f\u064a\u0631\u060c-\u0628\u063a\u062f\u0627\u062f-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n    background-color: white;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42af05f e-flex e-con-boxed e-con e-parent\" data-id=\"42af05f\" 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-437ded0 elementor-widget elementor-widget-html\" data-id=\"437ded0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">15<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u0645\u0627\u0631 \u2013 \u0643\u0631\u0628\u0644\u0627\u0621\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u062a\u0634\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u0645\u0627\u0631 \u0641\u064a \u0643\u0631\u0628\u0644\u0627\u0621 \u0627\u0644\u0645\u0642\u062f\u0633\u0629 \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0648\u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0628\u0644\u062f\u064a\u0629\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0628\u0646\u0649 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0648\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0639\u064a\u0634\u0629. \u0648\u0642\u062f \u0646\u064f\u0641\u0650\u0651\u0630\u062a \u0647\u0630\u0647 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0628\u0643\u062a\u0644 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0625\u0639\u0627\u062f\u0629 \u0625\u0639\u0645\u0627\u0631 \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0641\u064a \u0643\u0631\u0628\u0644\u0627\u0621<\/div>\r\n  <div class=\"pd-row\">2. \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0645\u062f\u064a\u0631\u064a\u0629 \u0635\u062d\u0629 \u0643\u0631\u0628\u0644\u0627\u0621<\/div>\r\n  <div class=\"pd-row\">3. \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0644\u062f\u064a\u0629 \u0641\u064a \u0643\u0631\u0628\u0644\u0627\u0621<\/div>\r\n  <div class=\"pd-row\">4. \u062a\u0648\u0633\u064a\u0639 \u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641 \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0641\u064a \u0648\u0633\u0637 \u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/div>\r\n  <div class=\"pd-row\">\u0665. \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0663\u0660 \u0645\u062f\u0631\u0633\u0629 \u0641\u064a \u0623\u0646\u062d\u0627\u0621 \u0643\u0631\u0628\u0644\u0627\u0621\u060c \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0628\u0643\u062a\u0644\u060c \u0628\u062a\u0643\u0644\u0641\u0629 \u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0642\u062f\u0631\u0647\u0627 \u0661,\u0662\u0663\u0668,\u0660\u0660\u0660 \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a<\/div>\r\n  <div class=\"pd-row\">6. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u062e\u0632\u0627\u0646\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0645\u0639 \u062a\u0648\u0633\u0639\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0631\u0641\u0639\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0634\u063a\u064a\u0644 \u062c\u0647\u0627\u0632\u064a \u0633\u0643\u064a\u0645\u0631.<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0634\u0627\u0631\u064a\u0639-\u0627\u0644\u0625\u0639\u0645\u0627\u0631-\u2013-\u0643\u0631\u0628\u0644\u0627\u0621-\u0627\u0644\u0645\u0642\u062f\u0633\u0629-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb94101 e-flex e-con-boxed e-con e-parent\" data-id=\"fb94101\" 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-bb109be elementor-widget elementor-widget-html\" data-id=\"bb109be\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">16<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u0628\u0633\u0645\u0627\u064a\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0634\u0645\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u0633\u0645\u0627\u064a\u0629 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062f\u0639\u0645 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629. \u0648\u064a\u063a\u0637\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0643\u0627\u0645\u0644\u0629.\r\n      <\/p>\r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">\u0661. \u064a\u0634\u0645\u0644 \u0645\u062a\u062c\u0631\u064b\u0627\u060c \u0648\u0645\u0631\u0643\u0632\u064b\u0627 \u0637\u0628\u064a\u064b\u0627\u060c \u0648\u0645\u0644\u0639\u0628\u064b\u0627 \u0644\u0644\u0631\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0631\u0645\u064a\u060c \u0648\u0645\u0648\u0642\u0639\u064b\u0627 \u0644\u0644\u0642\u0648\u0627\u0641\u0644.\n(\u0661 \u0648\u0662)<\/div>\r\n  <div class=\"pd-row\">2. \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: 2,728 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627<\/div>\r\n  <div class=\"pd-row\">3. \u0625\u0639\u062f\u0627\u062f \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n  <div class=\"pd-row\">4. \u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0641\u062d\u0635 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0648\u0627\u0644\u0645\u0633\u062d\u060c \u0648\u0627\u0644\u062d\u0641\u0631\u060c \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u062d\u060c \u0648\u0627\u0644\u0635\u0628\u060c \u0648\u0627\u0644\u0628\u0646\u0627\u0621<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/Banner-Image-3-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6778f6 e-flex e-con-boxed e-con e-parent\" data-id=\"e6778f6\" 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-64b4b72 elementor-widget elementor-widget-html\" data-id=\"64b4b72\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">17<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u0645\u0631\u0643\u0632 \u0628\u0633\u0645\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0647\u062f\u0641 \u0645\u0634\u0631\u0648\u0639 \u0645\u0631\u0643\u0632 \u0628\u0633\u0645\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a \u0625\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0639\u064a\u0627\u062f\u0629 \u0637\u0628\u064a\u0629 \u0645\u062c\u0647\u0632\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0636\u0645\u0646 \u0645\u062c\u0645\u0639 \u0628\u0633\u0645\u0627\u064a\u0629\u060c \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0633\u0643\u0627\u0646 \u0627\u0644\u0645\u0646\u0637\u0642\u0629. \u064a\u0634\u0645\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0639\u0645\u0627\u0644\u064b\u0627 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0648\u0642\u0639.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0627\u0644\u0646\u0648\u0639: \u0639\u064a\u0627\u062f\u0629 \u0637\u0628\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">2. \u0627\u0644\u0645\u0633\u0627\u062d\u0629: 266.5 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/div>\r\n  <div class=\"pd-row\">3. \u0625\u0639\u062f\u0627\u062f \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n  <div class=\"pd-row\">4. \u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0641\u062d\u0635 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0648\u0627\u0644\u0645\u0633\u062d\u060c \u0648\u0627\u0644\u062d\u0641\u0631\u060c \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u062d\u060c \u0648\u0627\u0644\u0635\u0628\u060c \u0648\u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629.<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0627\u0644\u0645\u0631\u0643\u0632-\u0627\u0644\u0635\u062d\u064a-\u2013-\u0628\u0633\u0645\u0627\u064a\u0629-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb60c9f e-flex e-con-boxed e-con e-parent\" data-id=\"bb60c9f\" 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-6537d41 elementor-widget elementor-widget-html\" data-id=\"6537d41\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">18<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u064a\u062f\u0627\u0646 \u0627\u0644\u0631\u0645\u0627\u064a\u0629 \u0648\u0645\u0648\u0642\u0639 \u0627\u0644\u0643\u0631\u0641\u0627\u0646\u0627\u062a - \u0628\u0633\u0645\u0627\u064a\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0634\u0645\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u0633\u0645\u0627\u064a\u0629 \u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u064a\u062f\u0627\u0646 \u0631\u0645\u0627\u064a\u0629 \u0648\u0645\u0648\u0642\u0639 \u0643\u0631\u0641\u0627\u0646\u0627\u062a \u0645\u0635\u0645\u0645 \u0644\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0633\u0643\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629. \u0643\u0645\u0627 \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0631\u0643\u064a\u0628 \u0643\u0631\u0641\u0627\u0646\u0627\u062a \u0648\u0642\u0627\u0639\u0627\u062a \u0648\u0645\u0637\u0627\u0639\u0645 \u0648\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0645\u0648\u0642\u0639 \u0644\u0636\u0645\u0627\u0646 \u062c\u0627\u0647\u0632\u064a\u062a\u0647 \u0648\u0643\u0641\u0627\u0621\u062a\u0647 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0625\u0646\u0634\u0627\u0621 \u0645\u064a\u062f\u0627\u0646 \u0631\u0645\u0627\u064a\u0629\u060c \u0648\u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0643\u0631\u0627\u0641\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0645\u0637\u0627\u0639\u0645 \u0648\u0627\u0644\u0642\u0627\u0639\u0627\u062a<\/div>\r\n  <div class=\"pd-row\">2. \u062a\u0635\u0646\u064a\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 215 \u0643\u0631\u0641\u0627\u0646\u064b\u0627<\/div>\r\n  <div class=\"pd-row\">3. \u062a\u0635\u0646\u064a\u0639 \u0643\u0631\u0641\u0627\u0646\u062a\u064a\u0646 (3\u00d78\u0645)<\/div>\r\n  <div class=\"pd-row\">4. \u0625\u0646\u0634\u0627\u0621 \u0642\u0627\u0639\u062a\u064a\u0646 \u0648\u0645\u0637\u0639\u0645\u064a\u0646 (12\u00d736\u0645)<\/div>\r\n  <div class=\"pd-row\">5. \u0625\u0646\u0634\u0627\u0621 \u0648\u062d\u062f\u062a\u064a\u0646 \u0635\u062d\u064a\u062a\u064a\u0646 (3.6 \u00d7 12 \u0645)<\/div>\r\n  <div class=\"pd-row\">6. \u0623\u0639\u0645\u0627\u0644 \u062a\u0633\u0648\u064a\u0629 \u0648\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 10000 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/div>\r\n  <div class=\"pd-row\">7. \u0625\u0639\u062f\u0627\u062f \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062d\u0635\u0649 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/ccff534f-bf83-4075-821b-e9b7f26aadd8.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba5a104 e-flex e-con-boxed e-con e-parent\" data-id=\"ba5a104\" 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-fedb264 elementor-widget elementor-widget-html\" data-id=\"fedb264\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">19<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0648\u0632\u0627\u0631\u064a - \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u062a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u0634\u0627\u0621 \u0645\u0631\u0643\u0632 \u062a\u062f\u0631\u064a\u0628 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0646\u064a \u062d\u062f\u064a\u062b \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639. \u0648\u0642\u062f \u0623\u064f\u0646\u062c\u0632 \u0641\u064a \u0648\u0642\u062a \u0642\u064a\u0627\u0633\u064a\u060c \u0648\u064a\u064f\u0639\u062a\u0628\u0631 \u0627\u0644\u0623\u0648\u0644 \u0645\u0646 \u0646\u0648\u0639\u0647 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642. \u064a\u062a\u0645\u064a\u0632 \u0627\u0644\u0645\u0631\u0643\u0632 \u0628\u0647\u064a\u0627\u0643\u0644 \u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u062d\u062f\u064a\u062b\u0629\u060c \u0648\u0645\u0633\u0627\u062d\u0627\u062a \u0648\u0638\u064a\u0641\u064a\u0629\u060c \u0648\u0646\u0638\u0627\u0645 \u0637\u0627\u0642\u0629 \u0645\u062c\u0647\u0632 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u062f\u0639\u0645 \u062c\u0645\u064a\u0639 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.\r\n      <\/p>\r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">2. \u0641\u062a\u0631\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629: 3 \u0623\u0634\u0647\u0631 \u0641\u0642\u0637<\/div>\r\n  <div class=\"pd-row\">3. \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0647\u0648 \u0627\u0644\u0623\u0648\u0644 \u0645\u0646 \u0646\u0648\u0639\u0647 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642<\/div>\r\n  <div class=\"pd-row\">4. \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: 595 \u0645\u062a\u0631\u064b\u0627 \u0645\u0631\u0628\u0639\u064b\u0627 \u0645\u0639 \u0633\u0642\u0641 \u062d\u062f\u064a\u062f\u064a \u0645\u0646 \u0637\u0627\u0628\u0642\u064a\u0646<\/div>\r\n  <div class=\"pd-row\">5. \u064a\u062d\u062a\u0648\u064a \u0643\u0644 \u0637\u0627\u0628\u0642 \u0639\u0644\u0649 \u0642\u0627\u0639\u0627\u062a \u0648\u063a\u0631\u0641 \u0648\u0645\u0631\u0627\u0641\u0642 \u0635\u062d\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">6. \u0627\u0644\u0628\u0646\u0627\u0621 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0643\u0633\u0648\u0629<\/div>\r\n  <div class=\"pd-row\">7. \u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u062d\u0648\u0644 630 \u0643\u064a\u0644\u0648 \u0641\u0648\u0644\u062a \u0623\u0645\u0628\u064a\u0631<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/3339d2d7-b9ca-45c6-acc4-abc74d1be5e4.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d96e17f e-flex e-con-boxed e-con e-parent\" data-id=\"d96e17f\" 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-b2dc229 elementor-widget elementor-widget-html\" data-id=\"b2dc229\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">20<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0648\u0632\u0627\u0631\u064a - \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0634\u0645\u0644 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u062a\u0627\u0628\u0639 \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639. \u0648\u064a\u0634\u0645\u0644 \u0630\u0644\u0643 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u060c \u0648\u0623\u0633\u0627\u0633\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629\u060c \u0648\u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0648\u062c\u0645\u064a\u0639\u0647\u0627 \u062a\u064f\u0646\u0641\u0630 \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u064a\u0629 \u0644\u0644\u062d\u0645\u0644 \u0627\u0644\u0647\u064a\u0643\u0644\u064a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/div>\r\n  <div class=\"pd-row\">2. \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0631\u062f\u0645 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631 \u0648\u0627\u0644\u062a\u0646\u0642\u064a\u0628<\/div>\r\n  <div class=\"pd-row\">3. \u0635\u0628 \u0623\u0633\u0627\u0633\u0627\u062a \u062e\u0631\u0633\u0627\u0646\u064a\u0629 \u0645\u0633\u0644\u062d\u0629 \u0645\u0643\u0648\u0646\u0629 \u0645\u0646 28 \u0639\u0645\u0648\u062f\u064b\u0627<\/div>\r\n  <div class=\"pd-row\">\u0664. \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0642\u0627\u0637\u0639 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u0641\u064a \u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u0646\u0642\u0644\u0647\u0627 \u0625\u0644\u0649 \u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.<\/div>\r\n  <div class=\"pd-row\">5. \u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0648\u0631\u0628\u0637 \u0627\u0644\u062c\u0633\u0648\u0631 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">6. \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0648\u0627\u0644\u0643\u0633\u0648\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0631\u0643\u0632-\u0627\u0644\u062a\u062f\u0631\u064a\u0628-\u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631-\u0627\u0644\u0645\u0647\u0646\u064a-\u0627\u0644\u0648\u0632\u0627\u0631\u064a-\u2013-\u0648\u0632\u0627\u0631\u0629-\u0627\u0644\u062f\u0641\u0627\u0639-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f275a69 e-flex e-con-boxed e-con e-parent\" data-id=\"f275a69\" 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-42bbf2b elementor-widget elementor-widget-html\" data-id=\"42bbf2b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">21<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0648\u0632\u0627\u0631\u064a - \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u063a\u0637\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u062a\u0627\u0628\u0639 \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639. \u0648\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0642\u0648\u0627\u0637\u0639\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0633\u0642\u0641\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u060c \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: flex; flex-direction: column;\">\r\n\r\n  <!-- Title -->\r\n  <div class=\"project-detail-item\" style=\"font-weight: 600; margin-bottom: 8px;\">\r\n    1. \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062f\u064a\u0643\u0648\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0644\u0644\u063a\u0631\u0641 \u0648\u0627\u0644\u0642\u0627\u0639\u0627\u062a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643\r\n  <\/div>\r\n\r\n  <!-- LI Items -->\r\n  <ul style=\"padding-left: 20px; margin: 0;\">\r\n    <li class=\"project-detail-item\">\u063a\u0631\u0641 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a<\/li>\r\n    <li class=\"project-detail-item\">\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a<\/li>\r\n    <li class=\"project-detail-item\">\u0627\u0644\u0625\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629<\/li>\r\n    <li class=\"project-detail-item\">\u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/li>\r\n    <li class=\"project-detail-item\">\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0633\u0642\u0641 \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/li>\r\n  <\/ul>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0631\u0643\u0632-\u0627\u0644\u062a\u062f\u0631\u064a\u0628-\u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631-\u0627\u0644\u0645\u0647\u0646\u064a-\u0627\u0644\u0648\u0632\u0627\u0631\u064a-\u2013-\u0648\u0632\u0627\u0631\u0629-\u0627\u0644\u062f\u0641\u0627\u0639-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f58d606 e-flex e-con-boxed e-con e-parent\" data-id=\"f58d606\" 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-d4309c1 elementor-widget elementor-widget-html\" data-id=\"d4309c1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">21<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0648\u0632\u0627\u0631\u064a - \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u063a\u0637\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u062a\u0627\u0628\u0639 \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639. \u0648\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0642\u0648\u0627\u0637\u0639\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0633\u0642\u0641\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u060c \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: flex; flex-direction: column;\">\r\n\r\n  <!-- Title -->\r\n  <div class=\"project-detail-item\" style=\"font-weight: 600; margin-bottom: 8px;\">\r\n    2. \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643\r\n  <\/div>\r\n\r\n  <!-- LI Items -->\r\n  <ul style=\"padding-left: 20px; margin: 0;\">\r\n    <li class=\"project-detail-item\">\u0627\u0644\u0623\u0633\u0644\u0627\u0643 \u0648\u0627\u0644\u0643\u0627\u0628\u0644\u0627\u062a<\/li>\r\n    <li class=\"project-detail-item\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0625\u0636\u0627\u0621\u0629<\/li>\r\n    <li class=\"project-detail-item\">\u0627\u0644\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/li>\r\n    <li class=\"project-detail-item\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/li>\r\n  <\/ul>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0631\u0643\u0632-\u0627\u0644\u062a\u062f\u0631\u064a\u0628-\u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631-\u0627\u0644\u0645\u0647\u0646\u064a-\u0627\u0644\u0648\u0632\u0627\u0631\u064a-\u2013-\u0648\u0632\u0627\u0631\u0629-\u0627\u0644\u062f\u0641\u0627\u0639-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a252ce3 e-flex e-con-boxed e-con e-parent\" data-id=\"a252ce3\" 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-019dd4a elementor-widget elementor-widget-html\" data-id=\"019dd4a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">21<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0648\u0632\u0627\u0631\u064a - \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u063a\u0637\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u062a\u0627\u0628\u0639 \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062f\u0641\u0627\u0639. \u0648\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0642\u0648\u0627\u0637\u0639\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0633\u0642\u0641\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u060c \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: flex; flex-direction: column;\">\r\n\r\n  <!-- Title -->\r\n  <div class=\"project-detail-item\" style=\"font-weight: 600; margin-bottom: 8px;\">\r\n    3. \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643\r\n  <\/div>\r\n\r\n  <!-- LI Items -->\r\n  <ul style=\"padding-left: 20px; margin: 0;\">\r\n    <li class=\"project-detail-item\">\u062a\u0637\u0628\u064a\u0642 \u0623\u0631\u0636\u064a\u0627\u062a \u0627\u0644\u0628\u0648\u0631\u0633\u0644\u064a\u0646 \u0644\u0644\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0631\u0636\u064a<\/li>\r\n    <li class=\"project-detail-item\">\u062a\u0631\u0643\u064a\u0628 \u0623\u0631\u0636\u064a\u0627\u062a \u0627\u0644\u0643\u0631\u0628\u064a\u062f \u0644\u0644\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0648\u0644<\/li>\r\n    <li class=\"project-detail-item\">\u062a\u0631\u0643\u064a\u0628 \u0623\u0628\u0648\u0627\u0628 \u062f\u0627\u062e\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0644\u0648\u0645\u0646\u064a\u0648\u0645<\/li>\r\n    <li class=\"project-detail-item\">\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629<\/li>\r\n  <\/ul>\r\n\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0631\u0643\u0632-\u0627\u0644\u062a\u062f\u0631\u064a\u0628-\u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631-\u0627\u0644\u0645\u0647\u0646\u064a-\u0627\u0644\u0648\u0632\u0627\u0631\u064a-\u2013-\u0648\u0632\u0627\u0631\u0629-\u0627\u0644\u062f\u0641\u0627\u0639-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n      \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-757944b e-flex e-con-boxed e-con e-parent\" data-id=\"757944b\" 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-22c1b9a elementor-widget elementor-widget-html\" data-id=\"22c1b9a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">22<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0642\u0627\u0639\u0629 \u0648\u0645\u0637\u0639\u0645 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0646\u062c\u0641\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0634\u0645\u0644 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u062c\u0647\u064a\u0632 \u0642\u0627\u0639\u0629 \u0648\u0645\u0637\u0639\u0645 \u0645\u062c\u0647\u0632\u064a\u0646 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u060c \u0645\u0635\u0645\u0645\u064a\u0646 \u0644\u0627\u0633\u062a\u064a\u0639\u0627\u0628 \u0623\u0639\u062f\u0627\u062f \u0643\u0628\u064a\u0631\u0629 \u0645\u0646 \u0627\u0644\u0632\u0648\u0627\u0631. \u0634\u064f\u064a\u0651\u062f \u0627\u0644\u0645\u0628\u0646\u0649 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0648\u0627\u062f \u062d\u062f\u064a\u062b\u0629 \u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0648\u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0648\u0638\u064a\u0641\u064a.\r\n      <\/p>\r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0643\u0644\u064a\u0629: (24\u00d712) \u0645\u062a\u0631<\/div>\r\n  <div class=\"pd-row\">2. \u064a\u062a\u0636\u0645\u0646: \u0645\u0637\u0639\u0645\u064b\u0627 \u0648\u0642\u0627\u0639\u0629 \u0631\u0626\u064a\u0633\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">3. \u0645\u0631\u0627\u0641\u0642 \u0625\u0636\u0627\u0641\u064a\u0629:<\/div>\r\n  <div class=\"pd-row\">4. (6 \u00d7 6) \u0645\u062a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639<\/div>\r\n  <div class=\"pd-row\">5. (12 \u00d7 4) \u0645\u062a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639<\/div>\r\n  <div class=\"pd-row\">6. (6 \u00d7 2.4) \u0645\u062a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/0c8ffc39-34bf-4eed-9dd9-821957bf8667.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5fbd0c e-flex e-con-boxed e-con e-parent\" data-id=\"f5fbd0c\" 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-3eb715e elementor-widget elementor-widget-html\" data-id=\"3eb715e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">23<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0648\u0633\u064a\u0639 \u0648\u062a\u062c\u062f\u064a\u062f \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0646\u0642\u064a\u0629 - \u0627\u0644\u0645\u062d\u0644\u0629 (\u0665\u0660\u0665)\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u062a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u062c\u062f\u064a\u062f \u0634\u0628\u0643\u0629 \u0645\u064a\u0627\u0647 \u0627\u0644\u0634\u0631\u0628 \u0641\u064a \u0627\u0644\u0645\u062d\u0644\u0629 505. \u0648\u064a\u0634\u0645\u0644 \u0627\u0644\u0639\u0645\u0644 \u062a\u0631\u0643\u064a\u0628 \u0623\u0646\u0627\u0628\u064a\u0628 \u0645\u0646 \u0627\u0644\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0637\u0627\u0648\u0639\u060c \u0648\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629\u060c \u0648\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0628\u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0641\u064a\u0631 \u0625\u0645\u062f\u0627\u062f\u0627\u062a \u0645\u064a\u0627\u0647 \u0622\u0645\u0646\u0629 \u0648\u0645\u062a\u0648\u0627\u0635\u0644\u0629.\r\n      <\/p>\r\n      \r\n       <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0627\u0644\u0643\u0634\u0641 \u0648\u0627\u0644\u062a\u0641\u062a\u064a\u0634 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639<\/div>\r\n  <div class=\"pd-row\">2. \u0625\u0632\u0627\u0644\u0629 \u0627\u0646\u062a\u0647\u0627\u0643\u0627\u062a \u0627\u0644\u0634\u0628\u0643\u0629 \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u0635\u0631\u062d \u0628\u0647\u0627<\/div>\r\n  <div class=\"pd-row\">3. \u062d\u0641\u0631 \u0645\u0633\u0627\u0631\u0627\u062a \u062e\u0637\u0648\u0637 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628<\/div>\r\n  <div class=\"pd-row\">4. \u062a\u0631\u0643\u064a\u0628 \u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0637\u0627\u0648\u0639<\/div>\r\n  <div class=\"pd-row\">5. \u0627\u0644\u0631\u062f\u0645 \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0633\u0637\u062d<\/div>\r\n  <div class=\"pd-row\">\u0666. \u062a\u062c\u0647\u064a\u0632 \u0648\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0628\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0646\u0638\u064a\u0641\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u060c \u0645\u0639 \u0625\u064a\u0642\u0627\u0641 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0642\u062f\u064a\u0645.<\/div>\r\n  <div class=\"pd-row\">7. \u0631\u0635\u0641 \u0648\u062a\u0631\u0645\u064a\u0645 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u062a\u062c\u0647\u064a\u0632-\u0648\u062a\u0645\u062f\u064a\u062f-\u0648\u062a\u062c\u062f\u064a\u062f-\u0634\u0628\u0643\u0629-\u0627\u0644\u0645\u064a\u0627\u0647-\u0627\u0644\u0635\u0627\u0641\u064a\u0629-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ce3e30 e-flex e-con-boxed e-con e-parent\" data-id=\"2ce3e30\" 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-c41d97f elementor-widget elementor-widget-html\" data-id=\"c41d97f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">24<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u0645\u0627\u0631 \u0627\u0644\u0623\u062e\u0631\u0649\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u062a\u0633\u0644\u0637 \u0647\u0630\u0647 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0644\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0648\u062f\u0639\u0645 \u062a\u0637\u0648\u064a\u0631 \u0642\u0637\u0627\u0639\u064a \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642.\r\n      <\/p>\r\n      \r\n      <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u062a\u062c\u0647\u064a\u0632 \u0648\u062a\u0631\u0643\u064a\u0628 30 \u0648\u062d\u062f\u0629 \u0623\u0633\u0646\u0627\u0646 \u0641\u064a \u0643\u0644\u064a\u0629 \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 - \u062c\u0627\u0645\u0639\u0629 \u0628\u0627\u0628\u0644.<\/div>\r\n  <div class=\"pd-row\">\u0662. \u062a\u062c\u0647\u064a\u0632 \u0645\u062c\u0645\u0639 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0628\u063a\u062f\u0627\u062f \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629.<\/div>\r\n<\/div>\r\n\r\n<div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">\u0663. \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0631\u0643\u064a\u0628 \u0623\u062c\u0647\u0632\u0629 \u0637\u0628\u064a\u0629 \u0648\u0645\u062e\u0628\u0631\u064a\u0629 \u0644\u0639\u062f\u0629 \u0645\u0624\u0633\u0633\u0627\u062a\u060c \u0645\u0646\u0647\u0627:<\/div>\r\n\r\n<ul style=\"padding-left: 20px; margin-top: 8px;\">\r\n    <li class=\"project-detail-item\">\u062f\u0627\u0626\u0631\u0629 \u0635\u062d\u0629 \u0628\u063a\u062f\u0627\u062f \u0627\u0644\u0631\u0635\u0627\u0641\u0629<\/li>\r\n    <li class=\"project-detail-item\">\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0635\u062f\u0631<\/li>\r\n    <li class=\"project-detail-item\">\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0643\u0646\u062f\u064a<\/li>\r\n    <li class=\"project-detail-item\">\u0645\u0631\u0643\u0632 \u0635\u062d\u064a \u0633\u0628\u0639 \u0627\u0644\u0628\u0648\u0631<\/li>\r\n    <li class=\"project-detail-item\">\u0645\u0639\u0645\u0644 \u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0637\u0627\u0642\u0629<\/li>\r\n    <li class=\"project-detail-item\">Scientific offices and private companies<\/li>\r\n  <\/ul>\r\n  \r\n  <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u062a\u064f\u0638\u0647\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u062f\u0639\u0645 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u0628\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n      <\/p>\r\n<\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0634\u0627\u0631\u064a\u0639-\u0627\u0644\u0625\u0639\u0645\u0627\u0631-\u0627\u0644\u0623\u062e\u0631\u0649-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bc1a2a e-flex e-con-boxed e-con e-parent\" data-id=\"8bc1a2a\" 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-f2f361d elementor-widget elementor-widget-html\" data-id=\"f2f361d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">25<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0623\u0646\u062f\u0644\u0633 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0628\u0635\u0631\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u0645\u0634\u0631\u0648\u0639 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0623\u0646\u062f\u0644\u0633 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 \u0647\u0648 \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u062d\u0636\u0631\u064a \u062d\u062f\u064a\u062b \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0645\u0633\u0627\u0643\u0646 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0633\u0643\u0627\u0646. \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u064a\u0646 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0627\u0644\u0623\u0641\u0642\u064a\u0629 (\u0627\u0644\u0641\u0631\u062f\u064a\u0629) \u0648\u0627\u0644\u0639\u0645\u0648\u062f\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u062e\u0644\u0642 \u0628\u064a\u0626\u0629 \u0633\u0643\u0646\u064a\u0629 \u0645\u062a\u0648\u0627\u0632\u0646\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629.\r\n      <\/p>\r\n      \r\n       <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0623\u0631\u0636: 98 \u0641\u062f\u0627\u0646\u064b\u0627<\/div>\r\n  <div class=\"pd-row\">\u0627\u0644\u0643\u062b\u0627\u0641\u0629 \u0627\u0644\u0633\u0643\u0627\u0646\u064a\u0629: \u062a\u0639\u0627\u062f\u0644 35,224 \u0648\u062d\u062f\u0629 \u0633\u0643\u0646\u064a\u0629 \u0644\u0643\u0644 \u0647\u0643\u062a\u0627\u0631<\/div>\r\n  <div class=\"pd-row\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644:<\/div>\r\n  <div class=\"pd-row\">\u0664. \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0642\u0627\u0637\u0639 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629 \u0641\u064a \u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u0646\u0642\u0644\u0647\u0627 \u0625\u0644\u0649 \u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.<\/div>\r\n  <div class=\"pd-row\">5. \u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0648\u0631\u0628\u0637 \u0627\u0644\u062c\u0633\u0648\u0631 \u0627\u0644\u0641\u0648\u0644\u0627\u0630\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">6. \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0648\u0627\u0644\u0643\u0633\u0648\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0634\u0631\u0648\u0639-\u0645\u062f\u064a\u0646\u0629-\u0627\u0644\u0623\u0646\u062f\u0644\u0633-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cdf557 e-flex e-con-boxed e-con e-parent\" data-id=\"6cdf557\" 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-53b1c3c elementor-widget elementor-widget-html\" data-id=\"53b1c3c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">26<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u062a\u0648\u0633\u064a\u0639 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0646\u0648\u0627\u0644 \u0627\u0644\u062e\u0627\u0635 \u0641\u064a \u0628\u063a\u062f\u0627\u062f\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0631\u0643\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u0623\u0647\u064a\u0644 \u0648\u062a\u0648\u0633\u064a\u0639 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0646\u0648\u0627\u0644 \u0627\u0644\u062e\u0627\u0635 \u0641\u064a \u0628\u063a\u062f\u0627\u062f. \u0648\u064a\u0634\u0645\u0644 \u0627\u0644\u0639\u0645\u0644 \u0625\u0646\u0634\u0627\u0621 \u0623\u0642\u0633\u0627\u0645 \u0637\u0628\u064a\u0629 \u062c\u062f\u064a\u062f\u0629\u060c \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u062d\u062f\u064a\u062b\u0629\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0631\u0641\u0642 \u0628\u0645\u0627 \u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629.\r\n      <\/p>\r\n      \r\n       <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0648\u0642\u0639: 3000 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639<\/div>\r\n  <div class=\"pd-row\">2. \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644: \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0633\u0639<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u062a\u0623\u0647\u064a\u0644-\u0648\u062a\u0648\u0633\u064a\u0639-\u0645\u0633\u062a\u0634\u0641\u0649-\u0627\u0644\u0646\u0648\u0627\u0644-\u0627\u0644\u0623\u0647\u0644\u064a-\u2013-\u0628\u063a\u062f\u0627\u062f-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image { width: 100%; max-width: 420px; border-radius: 6px; object-fit: cover; margin-bottom: 16px; }\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1835839 e-flex e-con-boxed e-con e-parent\" data-id=\"1835839\" 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-72cd63e elementor-widget elementor-widget-html\" data-id=\"72cd63e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Animated Successful Stories Widget -->\r\n<div class=\"ss-widget\">\r\n  <div class=\"ss-inner\">\r\n    <!-- Left Column -->\r\n    <div class=\"ss-left\">\r\n\r\n      <div class=\"ss-row fade-slide-left delay-1\">\r\n        <span class=\"ss-number\">27<\/span>\r\n        <div class=\"ss-project\">\r\n          <div class=\"ss-project-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u0635\u0631\u0641 \u0635\u062d\u064a \u0627\u0644\u064a\u0648\u0633\u0641\u064a\u0629 - \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0645\u064a\u062a\u0648 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <p class=\"ss-description fade-slide-left delay-1\">\r\n        \u064a\u0631\u0643\u0632 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0637\u0648\u064a\u0631 \u0634\u0628\u0643\u0629 \u0635\u0631\u0641 \u0635\u062d\u064a \u0634\u0627\u0645\u0644\u0629 \u0641\u064a \u0642\u0636\u0627\u0621 \u0627\u0644\u064a\u0648\u0633\u0641\u064a\u0629\u060c \u0628\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0645\u064a\u062a\u0648 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629. \u064a\u0634\u0645\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u062d\u0637\u0627\u062a \u0631\u0641\u0639 \u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0648\u0645\u062d\u0637\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0631\u0626\u064a\u0633\u064a\u0629\u060c \u0648\u062a\u0631\u0643\u064a\u0628 \u0634\u0628\u0643\u0629 \u0635\u0631\u0641 \u0635\u062d\u064a \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642\u060c \u0628\u0647\u062f\u0641 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629.\r\n      <\/p>\r\n      \r\n       <h2 class=\"project-details-title fade-in delay-2\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/h2>\r\n\r\n      <div class=\"project-details fade-in delay-2\" style=\"display: block; flex-direction: column;\">\r\n  <div class=\"pd-row\">1. \u0625\u0646\u0634\u0627\u0621 \u062e\u0645\u0633 \u0645\u062d\u0637\u0627\u062a \u0631\u0641\u0639<\/div>\r\n  <div class=\"pd-row\">2. \u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u0637\u0629 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/div>\r\n  <div class=\"pd-row\">3. \u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0628\u0637\u0648\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u064a\u0628\u0644\u063a 110 \u0643\u0645<\/div>\r\n  <div class=\"pd-row\">4. \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: 73,000,000,000 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a (\u062b\u0644\u0627\u062b\u0629 \u0648\u0633\u0628\u0639\u0648\u0646 \u0645\u0644\u064a\u0627\u0631 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a)<\/div>\r\n<\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column -->\r\n    <div class=\"ss-right fade-slide-right\">\r\n      <img decoding=\"async\" class=\"ss-image\" src=\"https:\/\/nabaa-alsalman.com\/wp-content\/uploads\/2025\/11\/\u0645\u0634\u0631\u0648\u0639-\u0645\u062c\u0627\u0631\u064a-\u0627\u0644\u064a\u0648\u0633\u0641\u064a\u0629-scaled.jpg\" alt=\"Al-Furqan Residential Complex banner\">\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .ss-widget {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    padding: 40px 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ss-inner {\r\n    display: flex;\r\n    gap: 28px;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ss-left { flex: 1 1 520px; min-width: 300px; }\r\n  .ss-right { flex: 0 0 420px; display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n  .ss-title {\r\n    font-size: 34px;\r\n    margin: 0 0 14px 0;\r\n    font-weight: 700;\r\n    color: #111;\r\n  }\r\n\r\n  .ss-description {\r\n    font-size: 16px;\r\n    color: #222;\r\n    line-height: 1.8;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ss-underline { display: inline-flex; align-items: flex-end; margin-bottom: 18px; }\r\n  .ss-underline .u-left { width: 120px; height: 4px; background: #9f0000; border-radius: 2px 0 0 2px; }\r\n  .ss-underline .u-right { width: 120px; height: 1px; background: #0b0b0b; border-radius: 0 2px 2px 0; }\r\n\r\n  .ss-row { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\r\n  .ss-number { font-weight: 800; font-size: 28px; color: #9f0000; line-height: 1; }\r\n  .ss-project-title { font-size: 18px; color: #0b0b0b; font-weight: 600; }\r\n\r\n  .ss-image {\r\n  height: auto !important;\r\n  max-height: none !important;\r\n  width: 100% !important;\r\n  object-fit: contain !important;\r\n  display: block;\r\n}\r\n\r\n\r\n  .project-details-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n    color: #9f0000;\r\n  }\r\n\r\n  .project-details {\r\n    display: flex;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .project-details ul {\r\n    list-style-type: disc;\r\n    padding-left: 20px;\r\n    margin: 0;\r\n    flex: 1 1 150px;\r\n  }\r\n\r\n  .project-details ul li {\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    color: #222;\r\n  }\r\n  \r\n  .project-detail-item {\r\n  font-size: 16px;\r\n  color: #222;\r\n}\r\n\r\n\r\n  @media (max-width: 900px) {\r\n    .ss-inner { flex-direction: column; }\r\n    .ss-left, .ss-right { width: 100%; }\r\n    .project-details { flex-direction: column; }\r\n    .project-details ul { flex: 1 1 100%; }\r\n  }\r\n  \r\n  @media (max-width: 600px) {\r\n  .ss-image {\r\n    height: auto !important;\r\n    object-fit: contain !important;\r\n  }\r\n}\r\n\r\n\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeSlideLeft { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeSlideRight { 0% { opacity: 0; transform: translateX(40px); } 100% { opacity: 1; transform: translateX(0); } }\r\n  @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }\r\n\r\n  .fade-slide-left, .fade-slide-right, .fade-in {\r\n    opacity: 0;\r\n    animation-duration: 1.2s;\r\n    animation-fill-mode: forwards;\r\n    animation-timing-function: ease-out;\r\n  }\r\n  .fade-slide-left { animation-name: fadeSlideLeft; }\r\n  .fade-slide-right { animation-name: fadeSlideRight; }\r\n  .fade-in { animation-name: fadeIn; }\r\n\r\n  .delay-1 { animation-delay: 0.3s; }\r\n  .delay-2 { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const elements = document.querySelectorAll(\".fade-slide-left, .fade-slide-right, .fade-in\");\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.style.opacity = 1;\r\n          entry.target.style.animationPlayState = \"running\";\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n\r\n    elements.forEach(el => {\r\n      el.style.animationPlayState = \"paused\";\r\n      observer.observe(el);\r\n    });\r\n  });\r\n<\/script>\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>01 Al-Rehab Residential Complex Development &amp; Implementation Project Baghdad \u2013 Al-Saydiya \u2013 Near Darwish Intersection The Al-Rehab Residential Complex extends over an area of 54,000 m\u00b2, featuring a distinctive modern design with 40% of the total area dedicated to green spaces that promote a sustainable and renewed lifestyle. The project consists of 7 residential buildings, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":4621,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":173,"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":4637,"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/pages\/48\/revisions\/4637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/media\/4621"}],"wp:attachment":[{"href":"https:\/\/nabaa-alsalman.com\/ar\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}