{"id":4819,"date":"2025-05-26T07:22:20","date_gmt":"2025-05-26T07:22:20","guid":{"rendered":"https:\/\/ruare.sa\/?page_id=4819"},"modified":"2025-08-07T15:46:40","modified_gmt":"2025-08-07T15:46:40","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/ruare.sa\/ar\/portfolio\/","title":{"rendered":"\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4819\" class=\"elementor elementor-4819\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-138b2b82 elementor-section-content-middle elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"138b2b82\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-581ba5cf\" data-id=\"581ba5cf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1ed41145 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ed41145\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3dec8d08\" data-id=\"3dec8d08\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aada7b1 elementor-widget elementor-widget-heading\" data-id=\"aada7b1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0628\u0645\u062d\u0627\u0641\u0638\u0629 \u0631\u0646\u064a\u0629<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef52ae8 elementor-widget elementor-widget-text-editor\" data-id=\"5ef52ae8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-5850290 e-flex e-con-boxed e-con e-parent\" data-id=\"5850290\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3b8b744 e-con-full e-flex e-con e-child\" data-id=\"3b8b744\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2b9d2f8 e-con-full e-flex e-con e-child\" data-id=\"2b9d2f8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad3ad4e elementor-widget elementor-widget-image\" data-id=\"ad3ad4e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"751\" height=\"531\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-1024x724.png\" class=\"attachment-large size-large wp-image-5547\" alt=\"\" srcset=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-1024x724.png 1024w, https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-300x212.png 300w, https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-768x543.png 768w, https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-1536x1086.png 1536w, https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-2048x1448.png 2048w, https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-18x12.png 18w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b73f3a e-con-full about-wrap1 e-flex e-con e-child\" data-id=\"5b73f3a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9adfa elementor-widget elementor-widget-konsalsectiontitle\" data-id=\"2b9adfa\" data-element_type=\"widget\" data-widget_type=\"konsalsectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"title-area mb-30\" ><span class=\"sub-title\">\u0639\u0646 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0628\u0645\u062d\u0627\u0641\u0638\u0629 \u0631\u0646\u064a\u0629<\/span><h2 class=\"sec-title\">\u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/h2><p class=\"desc sec-text\">\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0628\u0645\u062d\u0627\u0641\u0638\u0629 \u0631\u0646\u064a\u0629 \u0647\u0648 \u0623\u062d\u062f \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0645\u0648\u064a\u0629 \u0627\u0644\u0648\u0627\u0639\u062f\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u062d\u064a\u062b \u064a\u0642\u0639 \u0639\u0644\u0649 \u0627\u0645\u062a\u062f\u0627\u062f \u0627\u0644\u062f\u0631\u0639 \u0627\u0644\u0639\u0631\u0628\u064a \u0627\u0644\u063a\u0646\u064a \u0628\u0627\u0644\u062b\u0631\u0648\u0627\u062a \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0627\u0644\u0636\u062e\u0645\u0629\u060c \u0648\u064a\u0642\u062f\u0651\u0645 \u0628\u064a\u0626\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0635\u0646\u0627\u0639\u064a\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0648\u062a\u0646\u0648\u0639 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4844187 elementor-widget elementor-widget-text-editor\" data-id=\"4844187\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"about-checklist-wrap\"><h3 style=\"font-size: 1.5rem; margin-bottom: 16px;\">\u2699\ufe0f \u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3><p>\u00a0<\/p><div class=\"checklist\"><ul><li><i class=\"fas fa-square-check\"><\/i> \u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u064a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0639\u0633\u064a\u0631\u060c \u0627\u0644\u0628\u0627\u062d\u0629\u060c \u0648\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/li><li><i class=\"fas fa-square-check\"><\/i>\u0642\u0631\u0628 \u0645\u0628\u0627\u0634\u0631 \u0645\u0646 \u0627\u0644\u0645\u0646\u0627\u062c\u0645 \u0648\u0627\u0644\u0645\u062d\u0627\u062c\u0631 (\u0627\u0644\u062c\u0631\u0627\u0646\u064a\u062a\u060c \u0643\u0631\u0628\u0648\u0646\u0627\u062a \u0627\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645 \u0648\u063a\u064a\u0631\u0647\u0627)<\/li><li><i class=\"fas fa-square-check\"><\/i>\u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u062f\u0645\u0629 \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u062f\u064a\u0646 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629<\/li><\/ul><\/div><div class=\"checklist\"><ul><li><i class=\"fas fa-square-check\"><\/i>\u062a\u0646\u0648\u0639 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646\u064a\u0629<\/li><li><i class=\"fas fa-square-check\"><\/i>\u062a\u0643\u0627\u0644\u064a\u0641 \u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u062e\u0641\u0636\u0629 \u0648\u0628\u064a\u0626\u0629 \u0623\u0639\u0645\u0627\u0644 \u062c\u0627\u0630\u0628\u0629<\/li><\/ul><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f482bb2 phase-one-visualization e-flex e-con-boxed e-con e-parent\" data-id=\"f482bb2\" data-element_type=\"container\" id=\"phase-one-visualization\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f62012 elementor-widget elementor-widget-html\" data-id=\"3f62012\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Phase One Development Plan<\/title>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js\"><\/script>\r\n    <style>\r\n        \r\n       \r\n\r\n        .phase-one-visualization  .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 24px;\r\n            background-color: white;\r\n            min-height: 100vh;\r\n        }\r\n\r\n       .phase-one-visualization  .header {\r\n            text-align: center;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n       .phase-one-visualization  .header-title {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n       .phase-one-visualization  .header-title svg {\r\n            width: 32px;\r\n            height: 32px;\r\n            color: #ea580c;\r\n            margin-right: 12px;\r\n        }\r\n\r\n      .phase-one-visualization   .header-title h1 {\r\n            font-size: 1.875rem;\r\n            font-weight: bold;\r\n            color: #1f2937;\r\n        }\r\n\r\n     .phase-one-visualization    .total-area-card {\r\n            background: white;\r\n            border-radius: 8px;\r\n            padding: 16px;\r\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n            border: 1px solid #e5e7eb;\r\n            display: inline-block;\r\n        }\r\n\r\n      .phase-one-visualization   .total-area-text {\r\n            font-size: 1.125rem;\r\n            font-weight: 600;\r\n            color: #ea580c;\r\n        }\r\n\r\n       .phase-one-visualization  .total-area-number {\r\n            font-size: 1.5rem;\r\n            color: #1f2937;\r\n        }\r\n\r\n       .phase-one-visualization  .view-selector {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n       .phase-one-visualization  .selector-container {\r\n            background: white;\r\n            border-radius: 8px;\r\n            padding: 4px;\r\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n            border: 1px solid #e5e7eb;\r\n        }\r\n\r\n       .phase-one-visualization  .selector-btn {\r\n            padding: 8px 16px;\r\n            border-radius: 6px;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n            background: transparent;\r\n            color: #6b7280;\r\n        }\r\n\r\n       .phase-one-visualization  .selector-btn:hover {\r\n            background-color: #f3f4f6;\r\n        }\r\n\r\n       .phase-one-visualization  .selector-btn.active {\r\n            background-color: #ea580c;\r\n            color: white;\r\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n       .phase-one-visualization  .chart-container {\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n            border: 1px solid #e5e7eb;\r\n            padding: 24px;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n      .phase-one-visualization   .chart-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            margin-bottom: 24px;\r\n            color: #1f2937;\r\n        }\r\n\r\n        .chart-wrapper {\r\n            position: relative;\r\n            height: 400px;\r\n        }\r\n\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 24px;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .detail-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n            padding: 24px;\r\n            transition: box-shadow 0.2s;\r\n            border-left: 4px solid;\r\n        }\r\n\r\n        .detail-card:hover {\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .card-icon {\r\n            padding: 12px;\r\n            border-radius: 8px;\r\n            margin-right: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .card-icon svg {\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n\r\n        .card-title {\r\n            flex: 1;\r\n        }\r\n\r\n        .card-title h3 {\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n            font-size: 0.875rem;\r\n            line-height: 1.25;\r\n        }\r\n\r\n        .card-details {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n        }\r\n\r\n        .detail-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .detail-label {\r\n            color: #6b7280;\r\n        }\r\n\r\n        .detail-value {\r\n            font-weight: bold;\r\n            font-size: 1.125rem;\r\n        }\r\n\r\n        .percentage-value {\r\n            font-weight: 600;\r\n            color: #1f2937;\r\n        }\r\n\r\n        .progress-bar {\r\n            width: 100%;\r\n            background-color: #e5e7eb;\r\n            border-radius: 9999px;\r\n            height: 8px;\r\n            margin-top: 12px;\r\n        }\r\n\r\n        .progress-fill {\r\n            height: 8px;\r\n            border-radius: 9999px;\r\n            transition: width 0.3s;\r\n        }\r\n\r\n        .summary-section {\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n            padding: 24px;\r\n        }\r\n\r\n        .summary-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 24px;\r\n        }\r\n\r\n        .summary-card {\r\n            text-align: center;\r\n            padding: 16px;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .summary-card.blue {\r\n            background-color: #dbeafe;\r\n        }\r\n\r\n        .summary-card.green {\r\n            background-color: #dcfce7;\r\n        }\r\n\r\n        .summary-card.gray {\r\n            background-color: #f9fafb;\r\n        }\r\n\r\n        .summary-number {\r\n            font-size: 1.5rem;\r\n            font-weight: bold;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .summary-number.blue {\r\n            color: #2563eb;\r\n        }\r\n\r\n        .summary-number.green {\r\n            color: #16a34a;\r\n        }\r\n\r\n        .summary-number.gray {\r\n            color: #6b7280;\r\n        }\r\n\r\n        .summary-label {\r\n            font-size: 0.875rem;\r\n            color: #6b7280;\r\n        }\r\n\r\n        .summary-arabic {\r\n            font-size: 0.75rem;\r\n            color: #9ca3af;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .hidden {\r\n            display: none;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cards-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .summary-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div id=\"phase-one-visualization\" class=\"container\">\r\n        <!-- Header -->\r\n        <div class=\"header\">\r\n            <div class=\"header-title\">\r\n                <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 01.553-.894L9 2l6 3 6-3 .553.894a1 1 0 01.447.894v10.764a1 1 0 01-.553.894L15 18l-6-3z\"><\/path>\r\n                <\/svg>\r\n                <h1>\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h1>\r\n            <\/div>\r\n            <div class=\"total-area-card\">\r\n                <p class=\"total-area-text\">\r\n                    \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0627\u062c\u0645\u0627\u0644\u064a\u0629 <span class=\"total-area-number\">3.85<\/span> \u0645\u0644\u064a\u0648\u0646 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- View Selector -->\r\n        <div class=\"view-selector\">\r\n            <div class=\"selector-container\">\r\n                <button class=\"selector-btn active\" onclick=\"setActiveView('pie')\">\u0645\u062e\u0637\u0637 \u062f\u0627\u0626\u0631\u064a<\/button>\r\n                <button class=\"selector-btn\" onclick=\"setActiveView('bar')\">\u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0634\u0631\u064a\u0637\u064a<\/button>\r\n                <button class=\"selector-btn\" onclick=\"setActiveView('cards')\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Pie Chart View -->\r\n        <div id=\"pie-view\" class=\"chart-container\">\r\n            <h3 class=\"chart-title\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/h3>\r\n            <div class=\"chart-wrapper\">\r\n                <canvas id=\"pieChart\"><\/canvas>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bar Chart View -->\r\n        <div id=\"bar-view\" class=\"chart-container hidden\">\r\n            <h3 class=\"chart-title\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/h3>\r\n            <div class=\"chart-wrapper\">\r\n                <canvas id=\"barChart\"><\/canvas>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Cards View -->\r\n        <div id=\"cards-view\" class=\"cards-grid hidden\">\r\n            <!-- Cards will be generated by JavaScript -->\r\n        <\/div>\r\n\r\n        <!-- Summary Statistics -->\r\n        <div class=\"summary-section\">\r\n            <h3 class=\"chart-title\">\u0645\u0644\u062e\u0635 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h3>\r\n            <div class=\"summary-grid\">\r\n                <div class=\"summary-card blue\">\r\n                    <div class=\"summary-number blue\">3.85M<\/div>\r\n                    <div class=\"summary-label\">Total Area (m\u00b2)<\/div>\r\n                    <div class=\"summary-arabic\">\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/div>\r\n                <\/div>\r\n                <div class=\"summary-card green\">\r\n                    <div class=\"summary-number green\">3.55M<\/div>\r\n                    <div class=\"summary-label\">Allocated Area (m\u00b2)<\/div>\r\n                    <div class=\"summary-arabic\">\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/div>\r\n                <\/div>\r\n                <div class=\"summary-card gray\">\r\n                    <div class=\"summary-number gray\">0.30M<\/div>\r\n                    <div class=\"summary-label\">Available Area (m\u00b2)<\/div>\r\n                    <div class=\"summary-arabic\">\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const data = [\r\n            {\r\n                name: 'Mining Zone',\r\n                area: 1.85,\r\n                percentage: 48.1,\r\n                color: '#EF4601',\r\n                icon: 'building'\r\n            },\r\n            {\r\n                name: 'Exhibitions & Light Industries',\r\n                area: 0.6,\r\n                percentage: 15.6,\r\n                color: '#504F54',\r\n                icon: 'factory'\r\n            },\r\n            {\r\n                name: 'Dry Port for Mining Logistics',\r\n                area: 0.5,\r\n                percentage: 13.0,\r\n                color: '#959595',\r\n                icon: 'truck'\r\n            },\r\n            {\r\n                name: 'Warehousing & Storage',\r\n                area: 0.3,\r\n                percentage: 7.8,\r\n                color: '#504F54',\r\n                icon: 'warehouse'\r\n            },\r\n            {\r\n                name: 'Concrete, Block & Tile Manufacturing',\r\n                area: 0.3,\r\n                percentage: 7.8,\r\n                color: '#959595',\r\n                icon: 'layers'\r\n            }\r\n        ];\r\n\r\n        const totalArea = 3.85;\r\n        let currentView = 'pie';\r\n        let pieChart, barChart;\r\n\r\n        function getIconSVG(iconType) {\r\n            const icons = {\r\n                building: '<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>',\r\n                factory: '<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>',\r\n                truck: '<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>',\r\n                warehouse: '<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z\"><\/path><\/svg>',\r\n                layers: '<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10\"><\/path><\/svg>'\r\n            };\r\n            return icons[iconType] || icons.building;\r\n        }\r\n\r\n        function initializeCharts() {\r\n            \/\/ Pie Chart\r\n            const pieCtx = document.getElementById('pieChart').getContext('2d');\r\n            pieChart = new Chart(pieCtx, {\r\n                type: 'pie',\r\n                data: {\r\n                    labels: data.map(item => item.name),\r\n                    datasets: [{\r\n                        data: data.map(item => item.area),\r\n                        backgroundColor: data.map(item => item.color),\r\n                        borderWidth: 2,\r\n                        borderColor: '#fff'\r\n                    }]\r\n                },\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: false,\r\n                    plugins: {\r\n                        legend: {\r\n                            position: 'bottom',\r\n                            labels: {\r\n                                padding: 20,\r\n                                usePointStyle: true\r\n                            }\r\n                        },\r\n                        tooltip: {\r\n                            callbacks: {\r\n                                label: function(context) {\r\n                                    const item = data[context.dataIndex];\r\n                                    return [\r\n                                        item.name,\r\n                                        `Area: ${item.area} million m\u00b2`,\r\n                                        `Percentage: ${item.percentage}%`\r\n                                    ];\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n\r\n            \/\/ Bar Chart\r\n            const barCtx = document.getElementById('barChart').getContext('2d');\r\n            barChart = new Chart(barCtx, {\r\n                type: 'bar',\r\n                data: {\r\n                    labels: data.map(item => item.name),\r\n                    datasets: [{\r\n                        label: 'Area (million m\u00b2)',\r\n                        data: data.map(item => item.area),\r\n                        backgroundColor: '#EF4601',\r\n                        borderRadius: 4\r\n                    }]\r\n                },\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: false,\r\n                    plugins: {\r\n                        legend: {\r\n                            display: false\r\n                        },\r\n                        tooltip: {\r\n                            callbacks: {\r\n                                label: function(context) {\r\n                                    const item = data[context.dataIndex];\r\n                                    return [\r\n                                        `Area: ${item.area} million m\u00b2`,\r\n                                        `Percentage: ${item.percentage}%`\r\n                                    ];\r\n                                }\r\n                            }\r\n                        }\r\n                    },\r\n                    scales: {\r\n                        y: {\r\n                            beginAtZero: true,\r\n                            title: {\r\n                                display: true,\r\n                                text: 'Area (million m\u00b2)'\r\n                            }\r\n                        },\r\n                        x: {\r\n                            ticks: {\r\n                                maxRotation: 45,\r\n                                minRotation: 45\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        function generateCards() {\r\n            const cardsContainer = document.getElementById('cards-view');\r\n            cardsContainer.innerHTML = '';\r\n\r\n            data.forEach(item => {\r\n                const card = document.createElement('div');\r\n                card.className = 'detail-card';\r\n                card.style.borderLeftColor = item.color;\r\n\r\n                card.innerHTML = `\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\" style=\"background-color: ${item.color}20; color: ${item.color}\">\r\n                            ${getIconSVG(item.icon)}\r\n                        <\/div>\r\n                        <div class=\"card-title\">\r\n                            <h3>${item.name}<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"card-details\">\r\n                        <div class=\"detail-row\">\r\n                            <span class=\"detail-label\">Area:<\/span>\r\n                            <span class=\"detail-value\" style=\"color: ${item.color}\">${item.area}M m\u00b2<\/span>\r\n                        <\/div>\r\n                        <div class=\"detail-row\">\r\n                            <span class=\"detail-label\">Percentage:<\/span>\r\n                            <span class=\"percentage-value\">${item.percentage}%<\/span>\r\n                        <\/div>\r\n                        <div class=\"progress-bar\">\r\n                            <div class=\"progress-fill\" style=\"width: ${item.percentage}%; background-color: ${item.color}\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n\r\n                cardsContainer.appendChild(card);\r\n            });\r\n        }\r\n\r\n        function setActiveView(view) {\r\n            \/\/ Update button states\r\n            document.querySelectorAll('.selector-btn').forEach(btn => {\r\n                btn.classList.remove('active');\r\n            });\r\n            event.target.classList.add('active');\r\n\r\n            \/\/ Hide all views\r\n            document.getElementById('pie-view').classList.add('hidden');\r\n            document.getElementById('bar-view').classList.add('hidden');\r\n            document.getElementById('cards-view').classList.add('hidden');\r\n\r\n            \/\/ Show selected view\r\n            if (view === 'pie') {\r\n                document.getElementById('pie-view').classList.remove('hidden');\r\n            } else if (view === 'bar') {\r\n                document.getElementById('bar-view').classList.remove('hidden');\r\n            } else if (view === 'cards') {\r\n                document.getElementById('cards-view').classList.remove('hidden');\r\n            }\r\n\r\n            currentView = view;\r\n        }\r\n\r\n        \/\/ Initialize everything when page loads\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            initializeCharts();\r\n            generateCards();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7addd7 e-con-full e-flex e-con e-parent\" data-id=\"b7addd7\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9b99b3f e-con-full e-flex e-con e-child\" data-id=\"9b99b3f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b4ac0bf e-con-full about-wrap1 e-flex e-con e-child\" data-id=\"b4ac0bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3073023 elementor-widget elementor-widget-konsalsectiontitle\" data-id=\"3073023\" data-element_type=\"widget\" data-widget_type=\"konsalsectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"title-area mb-30\" ><span class=\"sub-title style2\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0634\u0631\u0648\u0639\u0646\u0627<\/span><h2 class=\"sec-title\">\u0645\u0634\u0631\u0648\u0639 \u064a\u062d\u0638\u0649 \u0628\u062f\u0639\u0645 \u0627\u0644\u0642\u064a\u0627\u062f\u0629<\/h2><p class=\"desc\">\u062a\u0645 \u0648\u0636\u0639 \u062d\u062c\u0631 \u0627\u0644\u0623\u0633\u0627\u0633 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u062d\u0636\u0648\u0631 \u0648\u062a\u0634\u0631\u064a\u0641 \u0635\u0627\u062d\u0628 \u0627\u0644\u0633\u0645\u0648 \u0627\u0644\u0645\u0644\u0643\u064a \u0627\u0644\u0623\u0645\u064a\u0631 \u0628\u062f\u0631 \u0628\u0646 \u0633\u0644\u0637\u0627\u0646 \u0628\u0646 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632\u060c \u0646\u0627\u0626\u0628 \u0623\u0645\u064a\u0631 \u0645\u0646\u0637\u0642\u0629 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0641\u064a \u062e\u0637\u0648\u0629 \u062a\u0624\u0643\u062f \u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062f\u0648\u0631\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0641\u064a \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0645\u0633\u062a\u0647\u062f\u0641\u0627\u062a \u0631\u0624\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 2030.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a31253 elementor-widget elementor-widget-konsalfeatures\" data-id=\"1a31253\" data-element_type=\"widget\" data-widget_type=\"konsalfeatures.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"why-feature-list\"><li class=\"why-feature-list-wrap style3\"><div class=\"why-feature-list-details\"><h4 class=\"feature-title title-selector\">\u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0645\u062d\u0627\u062c\u0631 \u063a\u0646\u064a\u0629 \u0645\u062b\u0644:<\/h4><p class=\"feature-text desc-selector\"> \u0645\u062d\u0627\u062c\u0631 \u0627\u0644\u062c\u0631\u0627\u0646\u064a\u062a \u0648\n \u0645\u062d\u0627\u062c\u0631 \u0643\u0631\u0628\u0648\u0646\u0627\u062a \u0627\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645 (\u0628\u0646\u0633\u0628\u0629 \u0646\u0642\u0627\u0621 \u062a\u0641\u0648\u0642 98%)\n<\/p><\/div><\/li><li class=\"why-feature-list-wrap style3\"><div class=\"why-feature-list-details\"><h4 class=\"feature-title title-selector\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0642\u0631\u064a\u0628 \u0645\u0646 \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0645<\/h4><\/div><\/li><li class=\"why-feature-list-wrap style3\"><div class=\"why-feature-list-details\"><h4 class=\"feature-title title-selector\">\t\u062f\u0639\u0645 \u0645\u0628\u0627\u0634\u0631 \u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u062f\u064a\u0646 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u064a\u0629<\/h4><\/div><\/li><li class=\"why-feature-list-wrap style3\"><div class=\"why-feature-list-details\"><h4 class=\"feature-title title-selector\">\u0628\u064a\u0626\u0629 \u062a\u0634\u063a\u064a\u0644 \u0645\u062d\u0641\u0632\u0629 \u0648\u062a\u0643\u0644\u0641\u0629 \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u062e\u0641\u0636\u0629<\/h4><\/div><\/li><\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bf45ca e-con-full e-flex e-con e-child\" data-id=\"7bf45ca\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b4cda5 elementor-widget elementor-widget-konsalgroupimage2\" data-id=\"4b4cda5\" data-element_type=\"widget\" data-widget_type=\"konsalgroupimage2.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"why-img-box5 text-lg-end\"><img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/2-scaled.png\" alt=\"2 scaled\"  \/><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7654f616 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7654f616\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c399de2\" data-id=\"c399de2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7224deef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7224deef\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a8d3c0d\" data-id=\"a8d3c0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a0b494f animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a0b494f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84e29e0 elementor-widget elementor-widget-html\" data-id=\"84e29e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Project Gallery<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n      \r\n        .gallery-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 20px;\r\n        }\r\n\r\n        .gallery-item {\r\n            background: white;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .gallery-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .gallery-image {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .gallery-item:hover .gallery-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Lightbox styles *\/\r\n        .lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 1000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.9);\r\n        }\r\n\r\n        .lightbox-content {\r\n            display: block;\r\n            margin: auto;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .close {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 35px;\r\n            color: #f1f1f1;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .close:hover {\r\n            color: #bbb;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .gallery-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n                gap: 15px;\r\n            }\r\n            \r\n            body {\r\n                padding: 10px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"gallery-container\">\r\n        <div class=\"gallery-grid\">\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/1-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/1-scaled.png\" alt=\"Project Image 1\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/2-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/2-scaled.png\" alt=\"Project Image 2\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/3-scaled.png\" alt=\"Project Image 3\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/4-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/4-scaled.png\" alt=\"Project Image 4\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/5-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/5-scaled.png\" alt=\"Project Image 5\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/6-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/6-scaled.png\" alt=\"Project Image 6\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/7-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/7-scaled.png\" alt=\"Project Image 7\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/8-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/8-scaled.png\" alt=\"Project Image 8\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/11.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/11.png\" alt=\"Project Image 11\" class=\"gallery-image\">\r\n                \r\n            <\/div>\r\n            \r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/12-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/12-scaled.png\" alt=\"Project Image 12\" class=\"gallery-image\">\r\n                \r\n            <\/div>\r\n            <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/13-scaled.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/13-scaled.png\" alt=\"Project Image 13\" class=\"gallery-image\">\r\n                \r\n                \r\n                 \r\n            <\/div>\r\n             <div class=\"gallery-item\" onclick=\"openLightbox('https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/10.png')\">\r\n                <img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/08\/10.png\" alt=\"Project Image 10\" class=\"gallery-image\">\r\n                \r\n            <\/div>\r\n            \r\n            \r\n            \r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox -->\r\n    <div id=\"lightbox\" class=\"lightbox\" onclick=\"closeLightbox()\">\r\n        <span class=\"close\">&times;<\/span>\r\n        <img class=\"lightbox-content\" id=\"lightbox-img\">\r\n    <\/div>\r\n\r\n    <script>\r\n        function openLightbox(imageSrc) {\r\n            document.getElementById('lightbox').style.display = 'block';\r\n            document.getElementById('lightbox-img').src = imageSrc;\r\n        }\r\n\r\n        function closeLightbox() {\r\n            document.getElementById('lightbox').style.display = 'none';\r\n        }\r\n\r\n        \/\/ Close lightbox with Escape key\r\n        document.addEventListener('keydown', function(event) {\r\n            if (event.key === 'Escape') {\r\n                closeLightbox();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-ed21a56 e-flex e-con-boxed e-con e-parent\" data-id=\"ed21a56\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2d642cf e-con-full e-flex e-con e-child\" data-id=\"2d642cf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-67306c2 e-flex e-con-boxed e-con e-child\" data-id=\"67306c2\" 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-022e492 elementor-widget elementor-widget-konsalsectiontitle\" data-id=\"022e492\" data-element_type=\"widget\" data-widget_type=\"konsalsectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"title-area\" ><h2 class=\"sec-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/h2><\/div>\t\t\t\t<\/div>\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-10a7f0e e-con-full e-flex e-con e-child\" data-id=\"10a7f0e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d4e76 elementor-widget elementor-widget-konsalworkprocess\" data-id=\"a2d4e76\" data-element_type=\"widget\" data-widget_type=\"konsalworkprocess.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"row gy-4 justify-content-center\"><div class=\"col-xl-3 col-md-6\"><div class=\"process-card\"><p class=\"box-number\">01<\/p><div class=\"box-content\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/07\/map_9742842.svg\" alt=\"map_9742842\"  \/><\/div><h3 class=\"box-title title-selector\">\u0623\u0631\u0627\u0636\u064d \u0645\u0637\u0648\u0651\u0631\u0629 \u0648\u062c\u0627\u0647\u0632\u0629 \u0628\u0645\u0633\u0627\u062d\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629<\/h3><\/div><\/div><\/div><div class=\"col-xl-3 col-md-6\"><div class=\"process-card\"><p class=\"box-number\">02<\/p><div class=\"box-content\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/07\/mortgage-loan_8467558.svg\" alt=\"mortgage loan_8467558\"  \/><\/div><h3 class=\"box-title title-selector\">\t\u0645\u0635\u0627\u0646\u0639 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u0645\u0644\u064a\u0643 \u0623\u0648 \u0627\u0644\u062a\u0623\u062c\u064a\u0631<\/h3><\/div><\/div><\/div><div class=\"col-xl-3 col-md-6\"><div class=\"process-card\"><p class=\"box-number\">03<\/p><div class=\"box-content\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/07\/capacity_4514722.svg\" alt=\"capacity_4514722\"  \/><\/div><h3 class=\"box-title title-selector\">\u0645\u0646\u0637\u0642\u0629 \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h3><\/div><\/div><\/div><div class=\"col-xl-3 col-md-6\"><div class=\"process-card\"><p class=\"box-number\">04<\/p><div class=\"box-content\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/07\/infrastructure_18364049.svg\" alt=\"infrastructure_18364049\"  \/><\/div><h3 class=\"box-title title-selector\">\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0628\u0645\u0642\u0627\u064a\u064a\u0633 \u0639\u0627\u0644\u0645\u064a\u0629<\/h3><\/div><\/div><\/div><div class=\"col-xl-3 col-md-6\"><div class=\"process-card\"><p class=\"box-number\">05<\/p><div class=\"box-content\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/07\/disease_16488055.svg\" alt=\"disease_16488055\"  \/><\/div><h3 class=\"box-title title-selector\">\u0645\u0646\u0627\u0637\u0642 \u062f\u0639\u0645 \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u0633\u0627\u0646\u062f\u0629 \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646<\/h3><\/div><\/div><\/div><div class=\"col-xl-3 col-md-6\"><div class=\"process-card\"><p class=\"box-number\">06<\/p><div class=\"box-content\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/ruare.sa\/wp-content\/uploads\/2025\/07\/warehouse_2821850.svg\" alt=\"warehouse_2821850\"  \/><\/div><h3 class=\"box-title title-selector\">\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u062c\u0627\u0647\u0632\u0629<\/h3><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-228ea948 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"228ea948\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55b7198d\" data-id=\"55b7198d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4811caa0 elementor-widget elementor-widget-heading\" data-id=\"4811caa0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0623\u062b\u0631 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0645\u062a\u0648\u0642\u0639<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bae7385 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7bae7385\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc30f2 counter-area-3 elementor-widget elementor-widget-konsalcounterup\" data-id=\"fcc30f2\" data-element_type=\"widget\" data-widget_type=\"konsalcounterup.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"counter-card-wrap\"><div class=\"counter-card style2\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/themeholy.com\/wordpress\/konsal\/wp-content\/uploads\/2023\/11\/counter_card_1.svg\" alt=\"counter_card_1\"  \/><\/div><div class=\"media-body\"><h2 class=\"box-number number-selector\"><span class=\"counter-number\">10,000,000<\/span>+\u0631\u064a\u0627\u0644 \u0633\u0639\u0648\u062f\u064a<\/h2><p class=\"box-text title-selector\">\u062f\u062e\u0644 \u0633\u0646\u0648\u064a \u0645\u062a\u0648\u0642\u0639 \u0644\u0644\u0645\u062d\u0627\u0641\u0638\u0629<\/p><\/div><\/div><div class=\"counter-card style2\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/themeholy.com\/wordpress\/konsal\/wp-content\/uploads\/2023\/11\/counter_card_2.svg\" alt=\"counter_card_2\"  \/><\/div><div class=\"media-body\"><h2 class=\"box-number number-selector\"><span class=\"counter-number\">5,000<\/span>+<\/h2><p class=\"box-text title-selector\"> \u0648\u0631\u0634\u0629 \u0648\u0645\u0634\u0631\u0648\u0639 \u0635\u0646\u0627\u0639\u064a<\/p><\/div><\/div><div class=\"counter-card style2\"><div class=\"box-icon\"><img decoding=\"async\" src=\"https:\/\/themeholy.com\/wordpress\/konsal\/wp-content\/uploads\/2023\/11\/counter_card_3.svg\" alt=\"counter_card_3\"  \/><\/div><div class=\"media-body\"><h2 class=\"box-number number-selector\"><span class=\"counter-number\">1,200 <\/span>+<\/h2><p class=\"box-text title-selector\">\u0641\u0631\u0635\u0629 \u0639\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629<\/p><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1430b20f elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"1430b20f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-690af41\" data-id=\"690af41\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d29f594 elementor-widget elementor-widget-heading\" data-id=\"d29f594\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0637\u0648\u0631\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a8e124b elementor-widget elementor-widget-heading\" data-id=\"6a8e124b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0634\u0631\u0643\u0629 \u062b\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644  Future Trust Co. \n\u0645\u0637\u0648\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u062c\u0627\u062d\u060c \u062a\u0642\u062f\u0645 \u0628\u0646\u064a\u0629 \u062a\u0637\u0648\u064a\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u062e\u062f\u0645 \u062a\u0637\u0644\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4da1f642 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4da1f642\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1aec4c31\" data-id=\"1aec4c31\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5cb37791 elementor-view-stacked elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"5cb37791\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"http:\/\/www.ftl.sa\" class=\"elementor-icon elementor-animation-\" tabindex=\"-1\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:svg=\"http:\/\/www.w3.org\/2000\/svg\" id=\"svg5859\" xml:space=\"preserve\" width=\"682.66669\" height=\"682.66669\" viewbox=\"0 0 682.66669 682.66669\"><defs id=\"defs5863\"><\/defs><g id=\"g5865\" transform=\"matrix(1.3333333,0,0,-1.3333333,0,682.66667)\"><g id=\"g5867\"><g id=\"g5869\"><g id=\"g5875\" transform=\"translate(476.0928,317.417)\"><path d=\"m 0,0 h -440.186 c -15.689,0 -28.407,-12.718 -28.407,-28.406 v -66.021 c 0,-15.689 12.718,-28.407 28.407,-28.407 H 0 c 15.689,0 28.407,12.718 28.407,28.407 v 66.021 C 28.407,-12.718 15.689,0 0,0 Z\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5877\"><\/path><\/g><g id=\"g5879\" transform=\"translate(120.4458,435.8838)\"><path d=\"M 0,0 C -38.688,-29.201 -67.658,-70.595 -81.196,-118.467\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5881\"><\/path><\/g><g id=\"g5883\" transform=\"translate(472.75,317.417)\"><path d=\"m 0,0 c -26.735,94.539 -113.651,163.812 -216.75,163.812 -37.861,0 -73.54,-9.342 -104.857,-25.847\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5885\"><\/path><\/g><g id=\"g5887\" transform=\"translate(399.4111,82.3242)\"><path d=\"M 0,0 C 34.75,28.728 60.733,67.685 73.339,112.259\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5889\"><\/path><\/g><g id=\"g5891\" transform=\"translate(39.25,194.583)\"><path d=\"m 0,0 c 26.735,-94.539 113.652,-163.812 216.75,-163.812 41.527,0 80.429,11.24 113.83,30.841\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5893\"><\/path><\/g><g id=\"g5895\" transform=\"translate(297.3691,284.415)\"><path d=\"M 0,0 -20.685,-56.83 -41.369,0 -62.054,-56.83 -82.738,0\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5897\"><\/path><\/g><g id=\"g5899\" transform=\"translate(186.1187,284.415)\"><path d=\"M 0,0 -20.684,-56.83 -41.369,0 -62.053,-56.83 -82.737,0\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5901\"><\/path><\/g><g id=\"g5903\" transform=\"translate(325.8809,284.415)\"><path d=\"M 0,0 20.685,-56.83 41.369,0 62.054,-56.83 82.738,0\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5905\"><\/path><\/g><g id=\"g5907\" transform=\"translate(358.958,317.417)\"><path d=\"M 0,0 C -17.338,59.355 -56.094,123.596 -102.958,163.812 -149.822,123.596 -188.579,59.355 -205.917,0\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5909\"><\/path><\/g><g id=\"g5911\" transform=\"translate(153.042,194.583)\"><path d=\"M 0,0 C 17.337,-59.355 56.094,-123.596 102.958,-163.812 149.822,-123.596 188.578,-59.355 205.916,0\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5913\"><\/path><\/g><g id=\"g5915\" transform=\"translate(76.3608,120.127)\"><path d=\"M 0,0 H 359.266\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5917\"><\/path><\/g><g id=\"g5919\" transform=\"translate(76.3721,391.873)\"><path d=\"M 0,0 H 359.267\" style=\"fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1\" id=\"path5921\"><\/path><\/g><\/g><\/g><\/g><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"http:\/\/www.ftl.sa\" >\n\t\t\t\t\t\t\t\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.ftl.sa\" target=\"_blank\" rel=\"noopener noreferrer\">www.ftl.sa<\/a>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-495f6396\" data-id=\"495f6396\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-66e40b78 elementor-view-stacked elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"66e40b78\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"\" class=\"elementor-icon elementor-animation-\" tabindex=\"-1\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-envelope\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"\" >\n\t\t\t\t\t\t\t\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<a href=\"mailto:info@ftl.sa\">info@ftl.sa<\/a>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-304f619\" data-id=\"304f619\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2909196c elementor-view-stacked elementor-shape-square elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"2909196c\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon elementor-animation-\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-phone\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u0627\u0644\u0647\u0627\u062a\u0641:\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<a href=\"tel:+966554109018\"> +966554109018<\/a><\/br><a href=\"tel:+966552296661\">+966552296661<\/a>\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b897e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b897e8\" data-element_type=\"section\" id=\"cta-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14bb6dda\" data-id=\"14bb6dda\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3fc1bbc5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3fc1bbc5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-64d0d4a1\" data-id=\"64d0d4a1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5dabbaaa animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5dabbaaa\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0633\u062a\u0639\u062f \u0644\u062a\u062c\u0631\u0628\u0629 \u062e\u062f\u0645\u0627\u062a \u0645\u0645\u062a\u0627\u0632\u0629 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0631\u0624\u0649 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-430f13eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"430f13eb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1d71cec\" data-id=\"1d71cec\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6cccadc1 elementor-widget__width-auto animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"6cccadc1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-hang\" href=\"https:\/\/ruare.sa\/ar\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-776636d6 elementor-widget__width-auto animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"776636d6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-hang\" href=\"https:\/\/ruare.sa\/ar\/services\/#form\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u062d\u062c\u0632 \u062e\u062f\u0645\u062a\u0643 \u0627\u0644\u0627\u0646<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Ranyah Industrial Zone The Economic Gateway to Saudi Arabia\u2019s Industrial Future ABOUT Ranyah Industrial Zone The Economic Gateway to Saudi Arabia\u2019s Industrial Future The Economic Gateway Project in Ranyah Governorate is one of the most promising development initiatives in the Makkah Region. Strategically located along the Arabian Shield, rich in mineral resources, the project offers&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4819","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/pages\/4819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/comments?post=4819"}],"version-history":[{"count":78,"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/pages\/4819\/revisions"}],"predecessor-version":[{"id":5592,"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/pages\/4819\/revisions\/5592"}],"wp:attachment":[{"href":"https:\/\/ruare.sa\/ar\/wp-json\/wp\/v2\/media?parent=4819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}