{"id":449,"date":"2026-03-24T23:17:41","date_gmt":"2026-03-24T23:17:41","guid":{"rendered":"https:\/\/lime-wolverine-745236.hostingersite.com\/?page_id=449"},"modified":"2026-04-28T10:28:16","modified_gmt":"2026-04-28T10:28:16","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/mddoec.com\/ar\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"449\" class=\"elementor elementor-449\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b995289 e-con-full e-flex e-con e-parent\" data-id=\"b995289\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-672b71b elementor-widget elementor-widget-html\" data-id=\"672b71b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        \/* Reset *\/\r\n        .madad-cinematic-hero * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Cairo', sans-serif;\r\n            text-decoration: none;\r\n            list-style: none;\r\n        }\r\n\r\n        .madad-cinematic-hero {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 55vh; \r\n            min-height: 480px;\r\n            max-height: 600px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: rgba(10, 5, 20, 0.45) !important;\r\n            direction: rtl;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u062a\u0648\u0647\u062c \u0644\u0648\u0646\u064a \u0647\u0627\u062f\u0626 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0641\u0627\u0641 *\/\r\n        .mch-glow-1 {\r\n            position: absolute;\r\n            top: 10%;\r\n            right: 15%;\r\n            width: 350px;\r\n            height: 350px;\r\n            background: rgba(160, 144, 207, 0.25);\r\n            filter: blur(120px);\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n            animation: floatGlow 10s ease-in-out infinite alternate;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .mch-glow-2 {\r\n            position: absolute;\r\n            bottom: 5%;\r\n            left: 10%;\r\n            width: 450px;\r\n            height: 450px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            filter: blur(140px);\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n            animation: floatGlow 12s ease-in-out infinite alternate-reverse;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n        .mch-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n            width: 100%;\r\n            max-width: 900px;\r\n            padding: 0 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* \u062e\u0637 \u0627\u0644\u0644\u064a\u0632\u0631 \u0627\u0644\u0631\u0623\u0633\u064a (\u0623\u0628\u064a\u0636 \u0632\u062c\u0627\u062c\u064a) *\/\r\n        .mch-drop-line {\r\n            width: 2px;\r\n            height: 80px;\r\n            background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), #ffffff);\r\n            margin-bottom: 25px;\r\n            opacity: 0;\r\n            animation: dropLine 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u0633\u0627\u0631 (Breadcrumbs) *\/\r\n        .mch-breadcrumbs {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n            background: rgba(0, 0, 0, 0.2);\r\n            padding: 8px 24px;\r\n            border-radius: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeUp 0.8s ease 0.4s forwards;\r\n        }\r\n\r\n        .mch-breadcrumbs a {\r\n            color: rgba(255, 255, 255, 0.75); \r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .mch-breadcrumbs a:hover {\r\n            color: #ffffff; \r\n        }\r\n\r\n        .mch-breadcrumbs .separator {\r\n            color: rgba(255, 255, 255, 0.4); \r\n            font-size: 12px;\r\n        }\r\n\r\n        .mch-breadcrumbs .current {\r\n            color: #ffffff; \r\n            font-size: 14px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n        .mch-title {\r\n            color: #ffffff;\r\n            font-size: 56px;\r\n            font-weight: 900;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 20px;\r\n            text-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0648\u0635\u0641 *\/\r\n        .mch-desc {\r\n            color: rgba(255, 255, 255, 0.85); \r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 1.8;\r\n            max-width: 700px;\r\n            text-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.8s forwards;\r\n        }\r\n\r\n        \/* ==================================================== *\/\r\n        \/* English version for TranslatePress only *\/\r\n        \/* ==================================================== *\/\r\n        html:lang(en) .madad-cinematic-hero,\r\n        html[lang=\"en-US\"] .madad-cinematic-hero,\r\n        html[lang=\"en-GB\"] .madad-cinematic-hero,\r\n        body:lang(en) .madad-cinematic-hero {\r\n            direction: ltr;\r\n        }\r\n\r\n        html:lang(en) .madad-cinematic-hero *,\r\n        html[lang=\"en-US\"] .madad-cinematic-hero *,\r\n        html[lang=\"en-GB\"] .madad-cinematic-hero *,\r\n        body:lang(en) .madad-cinematic-hero * {\r\n            font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif;\r\n        }\r\n\r\n        html:lang(en) .mch-glow-1,\r\n        html[lang=\"en-US\"] .mch-glow-1,\r\n        html[lang=\"en-GB\"] .mch-glow-1,\r\n        body:lang(en) .mch-glow-1 {\r\n            right: auto;\r\n            left: 15%;\r\n        }\r\n\r\n        html:lang(en) .mch-glow-2,\r\n        html[lang=\"en-US\"] .mch-glow-2,\r\n        html[lang=\"en-GB\"] .mch-glow-2,\r\n        body:lang(en) .mch-glow-2 {\r\n            left: auto;\r\n            right: 10%;\r\n        }\r\n\r\n        html:lang(en) .mch-breadcrumbs,\r\n        html[lang=\"en-US\"] .mch-breadcrumbs,\r\n        html[lang=\"en-GB\"] .mch-breadcrumbs,\r\n        body:lang(en) .mch-breadcrumbs {\r\n            direction: ltr;\r\n            flex-direction: row;\r\n            padding: 8px 22px;\r\n        }\r\n\r\n        html:lang(en) .mch-breadcrumbs .separator i,\r\n        html[lang=\"en-US\"] .mch-breadcrumbs .separator i,\r\n        html[lang=\"en-GB\"] .mch-breadcrumbs .separator i,\r\n        body:lang(en) .mch-breadcrumbs .separator i {\r\n            transform: scaleX(-1);\r\n        }\r\n\r\n        html:lang(en) .mch-breadcrumbs a,\r\n        html:lang(en) .mch-breadcrumbs .current,\r\n        html[lang=\"en-US\"] .mch-breadcrumbs a,\r\n        html[lang=\"en-US\"] .mch-breadcrumbs .current,\r\n        html[lang=\"en-GB\"] .mch-breadcrumbs a,\r\n        html[lang=\"en-GB\"] .mch-breadcrumbs .current,\r\n        body:lang(en) .mch-breadcrumbs a,\r\n        body:lang(en) .mch-breadcrumbs .current {\r\n            letter-spacing: 0.2px;\r\n        }\r\n\r\n        html:lang(en) .mch-title,\r\n        html[lang=\"en-US\"] .mch-title,\r\n        html[lang=\"en-GB\"] .mch-title,\r\n        body:lang(en) .mch-title {\r\n            letter-spacing: 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        html:lang(en) .mch-desc,\r\n        html[lang=\"en-US\"] .mch-desc,\r\n        html[lang=\"en-GB\"] .mch-desc,\r\n        body:lang(en) .mch-desc {\r\n            line-height: 1.7;\r\n            max-width: 760px;\r\n        }\r\n\r\n        \/* --- Animations --- *\/\r\n        @keyframes floatGlow {\r\n            0% { transform: translate(0, 0) scale(1); }\r\n            100% { transform: translate(40px, -40px) scale(1.15); }\r\n        }\r\n\r\n        @keyframes dropLine {\r\n            0% { height: 0; opacity: 0; transform: translateY(-50px); }\r\n            100% { height: 80px; opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @keyframes fadeUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* --- Responsive Design --- *\/\r\n        @media (max-width: 992px) {\r\n            .mch-title { font-size: 46px; }\r\n            .mch-drop-line { height: 60px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .madad-cinematic-hero {\r\n                height: auto;\r\n                min-height: 450px;\r\n                padding: 60px 15px;\r\n            }\r\n\r\n            .mch-drop-line { height: 50px; margin-bottom: 20px; }\r\n            .mch-breadcrumbs { padding: 6px 18px; margin-bottom: 15px; }\r\n            .mch-breadcrumbs a, .mch-breadcrumbs .current { font-size: 13px; }\r\n            .mch-title { font-size: 36px; margin-bottom: 15px; }\r\n            .mch-desc { font-size: 15px; line-height: 1.7; padding: 0 10px; }\r\n\r\n            html:lang(en) .mch-breadcrumbs,\r\n            html[lang=\"en-US\"] .mch-breadcrumbs,\r\n            html[lang=\"en-GB\"] .mch-breadcrumbs,\r\n            body:lang(en) .mch-breadcrumbs {\r\n                padding: 6px 16px;\r\n                gap: 10px;\r\n            }\r\n\r\n            html:lang(en) .mch-title,\r\n            html[lang=\"en-US\"] .mch-title,\r\n            html[lang=\"en-GB\"] .mch-title,\r\n            body:lang(en) .mch-title {\r\n                font-size: 34px;\r\n                line-height: 1.2;\r\n            }\r\n\r\n            html:lang(en) .mch-desc,\r\n            html[lang=\"en-US\"] .mch-desc,\r\n            html[lang=\"en-GB\"] .mch-desc,\r\n            body:lang(en) .mch-desc {\r\n                font-size: 15px;\r\n                line-height: 1.75;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header class=\"madad-cinematic-hero\">\r\n    \r\n    <div class=\"mch-glow-1\"><\/div>\r\n    <div class=\"mch-glow-2\"><\/div>\r\n\r\n    <div class=\"mch-content\">\r\n        \r\n        <div class=\"mch-drop-line\"><\/div>\r\n\r\n        <nav class=\"mch-breadcrumbs\">\r\n            <a href=\"#\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n            <span class=\"separator\"><i class=\"fas fa-chevron-left\"><\/i><\/span>\r\n            <span class=\"current\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n        <\/nav>\r\n\r\n        <h1 class=\"mch-title\">\u0645\u0646 \u0646\u062d\u0646<\/h1>\r\n        \r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c420aa elementor-widget elementor-widget-html\" data-id=\"4c420aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\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>About Section - Minimal<\/title>\r\n    \r\n    <!-- \u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"xev-about-isolated-root\" dir=\"rtl\">\r\n    \r\n    <style>\r\n        \/* 1) \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\r\n        #xev-about-isolated-root,\r\n        #xev-about-isolated-root * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #xev-about-isolated-root {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 60vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            background-color: transparent !important;\r\n            font-family: 'Tajawal', sans-serif !important;\r\n            color: #ffffff !important;\r\n            padding: clamp(60px, 10vw, 100px) 20px;\r\n            isolation: isolate;\r\n        }\r\n\r\n        \/* 2) \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\r\n        #xev-about-isolated-root .xev-about-shell {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 100%;\r\n            max-width: 900px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* 3) \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n        #xev-about-isolated-root .xev-about-copy {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 25px;\r\n            width: 100%;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-section-marker {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-marker-line {\r\n            height: 2px;\r\n            width: 0;\r\n            background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n            transition: width 1.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n            transition-delay: 0.3s;\r\n            will-change: width;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-is-visible .xev-marker-line {\r\n            width: 80px;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-marker-text {\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-about-heading {\r\n            font-size: clamp(32px, 5vw, 55px) !important;\r\n            font-weight: 900 !important;\r\n            line-height: 1.2 !important;\r\n            margin: 0 !important;\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-about-accent {\r\n            color: #ffffff;\r\n            position: relative;\r\n            text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-about-text {\r\n            font-size: clamp(16px, 1.8vw, 24px) !important;\r\n            font-weight: 400 !important;\r\n            line-height: 1.9 !important;\r\n            color: rgba(255, 255, 255, 0.9) !important;\r\n            margin: 0 !important;\r\n            max-width: 800px;\r\n        }\r\n\r\n        \/* 4) reveal animation *\/\r\n        #xev-about-isolated-root .xev-reveal-item {\r\n            display: block;\r\n            transform: translate3d(0, 40px, 0);\r\n            opacity: 0;\r\n            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-is-visible .xev-reveal-item {\r\n            transform: translate3d(0, 0, 0);\r\n            opacity: 1;\r\n        }\r\n\r\n        #xev-about-isolated-root .xev-delay-1 { transition-delay: 0.1s; }\r\n        #xev-about-isolated-root .xev-delay-2 { transition-delay: 0.3s; }\r\n        #xev-about-isolated-root .xev-delay-3 { transition-delay: 0.5s; }\r\n\r\n        \/* ==================================================== *\/\r\n        \/* English CSS for TranslatePress only *\/\r\n        \/* ==================================================== *\/\r\n\r\n        html:lang(en) #xev-about-isolated-root,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root,\r\n        body:lang(en) #xev-about-isolated-root {\r\n            direction: ltr !important;\r\n            font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-about-shell,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-shell,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-shell,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-shell {\r\n            text-align: center !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-about-copy,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-copy,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-copy,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-copy {\r\n            gap: 22px !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-section-marker,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-section-marker,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-section-marker,\r\n        body:lang(en) #xev-about-isolated-root .xev-section-marker {\r\n            direction: ltr !important;\r\n            gap: 12px !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-marker-text,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-marker-text,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-marker-text,\r\n        body:lang(en) #xev-about-isolated-root .xev-marker-text {\r\n            letter-spacing: 4px !important;\r\n            font-size: 14px !important;\r\n            font-weight: 700 !important;\r\n            font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-marker-line,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-marker-line,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-marker-line,\r\n        body:lang(en) #xev-about-isolated-root .xev-marker-line {\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent) !important;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-about-heading,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-heading,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-heading,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-heading {\r\n            line-height: 1.15 !important;\r\n            letter-spacing: -0.5px !important;\r\n            max-width: 760px !important;\r\n            text-wrap: balance;\r\n        }\r\n\r\n        html:lang(en) #xev-about-isolated-root .xev-about-text,\r\n        html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-text,\r\n        html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-text,\r\n        body:lang(en) #xev-about-isolated-root .xev-about-text {\r\n            font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif !important;\r\n            font-size: clamp(16px, 1.45vw, 21px) !important;\r\n            line-height: 1.85 !important;\r\n            max-width: 760px !important;\r\n            text-align: center !important;\r\n            letter-spacing: 0 !important;\r\n        }\r\n\r\n        \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0641\u0642\u0637 *\/\r\n        @media (max-width: 768px) {\r\n            html:lang(en) #xev-about-isolated-root,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root,\r\n            body:lang(en) #xev-about-isolated-root {\r\n                padding: clamp(50px, 9vw, 80px) 18px !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-about-copy,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-copy,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-copy,\r\n            body:lang(en) #xev-about-isolated-root .xev-about-copy {\r\n                gap: 18px !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-marker-text,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-marker-text,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-marker-text,\r\n            body:lang(en) #xev-about-isolated-root .xev-marker-text {\r\n                font-size: 12px !important;\r\n                letter-spacing: 3px !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-is-visible .xev-marker-line,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-is-visible .xev-marker-line,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-is-visible .xev-marker-line,\r\n            body:lang(en) #xev-about-isolated-root .xev-is-visible .xev-marker-line {\r\n                width: 55px !important;\r\n            }\r\n\r\n            html:lang(en) #xev-about-isolated-root .xev-about-text,\r\n            html[lang=\"en-US\"] #xev-about-isolated-root .xev-about-text,\r\n            html[lang=\"en-GB\"] #xev-about-isolated-root .xev-about-text,\r\n            body:lang(en) #xev-about-isolated-root .xev-about-text {\r\n                font-size: 15px !important;\r\n                line-height: 1.8 !important;\r\n                max-width: 100% !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"xev-about-shell\" id=\"xev-about-shell\">\r\n        <div class=\"xev-about-copy\">\r\n            \r\n            <div class=\"xev-section-marker\">\r\n                <span class=\"xev-marker-line\"><\/span>\r\n                <span class=\"xev-marker-text\"> \u0645\u062f\u062f <\/span>\r\n                <span class=\"xev-marker-line\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"xev-reveal-wrap\">\r\n                <p class=\"xev-about-text xev-reveal-item xev-delay-2\">\r\n                    \u0646\u062d\u0646 \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0646\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0645 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"xev-reveal-wrap\">\r\n                <p class=\"xev-about-text xev-reveal-item xev-delay-3\">\r\n                    \u0646\u0624\u0645\u0646 \u0623\u0646 \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629 \u0647\u064a \u0631\u0633\u0627\u0644\u0629\u060c \u0648\u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u062a\u064f\u062d\u062f\u062b \u0623\u062b\u0631\u064b\u0627. \u0644\u0630\u0644\u0643 \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635 \u0648\u062e\u0637\u0637 \u062a\u0634\u063a\u064a\u0644 \u062f\u0642\u064a\u0642\u0629 \u062a\u0636\u0645\u0646 \u0646\u062c\u0627\u062d \u0641\u0639\u0627\u0644\u064a\u062a\u0643.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const root = document.getElementById(\"xev-about-isolated-root\");\r\n            if (!root) return;\r\n\r\n            const shell = root.querySelector(\"#xev-about-shell\");\r\n            if (!shell) return;\r\n\r\n            const observer = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        shell.classList.add(\"xev-is-visible\");\r\n                        observerInstance.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.15 });\r\n\r\n            observer.observe(shell);\r\n        });\r\n    <\/script>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea3be89 elementor-widget elementor-widget-html\" data-id=\"ea3be89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\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>Vision & Mission Section<\/title>\r\n    \r\n    <!-- \u062a\u0633\u0631\u064a\u0639 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u062a\u0648\u062d\u064a\u062f\u0647\u0627 \u0625\u0644\u0649 Tajawal \u0644\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0645\u0648\u0642\u0639 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0628\u062f\u0648\u0646 \u062d\u0638\u0631 \u0639\u0631\u0636 \u0627\u0644\u0635\u0641\u062d\u0629 (Non-blocking) -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n    \r\n    <style>\r\n        :root {\r\n            --glass-white: rgba(255, 255, 255, 0.2);\r\n            --text-light: rgba(255, 255, 255, 0.9);\r\n            --soft-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .unique-vm-section {\r\n            background-color: transparent !important;\r\n            padding: 140px 20px;\r\n            font-family: 'Tajawal', sans-serif;\r\n            overflow: hidden;\r\n            direction: rtl;\r\n            position: relative;\r\n        }\r\n\r\n        .unique-vm-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062c\u0627\u0646\u0628\u064a (\u062f\u064a\u0643\u0648\u0631) *\/\r\n        .vm-side-title {\r\n            position: absolute;\r\n            top: 50%;\r\n            right: -80px;\r\n            transform: translateY(-50%);\r\n            writing-mode: vertical-rl;\r\n            text-orientation: mixed;\r\n            font-size: 100px;\r\n            font-weight: 900;\r\n            color: rgba(255, 255, 255, 0.05);\r\n            text-transform: uppercase;\r\n            letter-spacing: 15px;\r\n            user-select: none;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .vm-flex-layout {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 140px; \r\n        }\r\n\r\n        \/* \u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0644\u0648\u062d\u0629 \u0627\u0644\u0648\u0627\u062d\u062f\u0629 *\/\r\n        .vm-panel {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 100px;\r\n            position: relative;\r\n        }\r\n\r\n        .vm-panel:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0636\u062e\u0645\u0629 *\/\r\n        .vm-number {\r\n            position: absolute;\r\n            font-size: 240px;\r\n            font-weight: 900;\r\n            color: rgba(255, 255, 255, 0.08);\r\n            line-height: 1;\r\n            z-index: 1;\r\n            top: -80px;\r\n            right: -50px;\r\n            transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n            will-change: transform, color;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .vm-panel:nth-child(even) .vm-number {\r\n            right: auto;\r\n            left: -50px;\r\n        }\r\n\r\n        .vm-panel:hover .vm-number {\r\n            transform: translate3d(0, -20px, 0) scale(1.05);\r\n            color: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        \/* \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0637\u0648\u0644\u064a\u0629 *\/\r\n        .vm-visual-frame {\r\n            position: relative;\r\n            width: 360px;\r\n            height: 520px; \r\n            flex-shrink: 0;\r\n            z-index: 2;\r\n            animation: floatImage 6s ease-in-out infinite;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .vm-panel:nth-child(even) .vm-visual-frame {\r\n            animation-delay: -3s; \r\n        }\r\n\r\n        \/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062e\u0644\u0641\u064a \u0627\u0644\u0645\u0646\u0632\u0627\u062d (\u0632\u062c\u0627\u062c\u064a) *\/\r\n        .vm-shape-outline {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: -20px;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 2px dashed rgba(255, 255, 255, 0.4);\r\n            border-radius: 24px;\r\n            z-index: 1;\r\n            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n            will-change: top, right, left, background-color, border-color;\r\n        }\r\n\r\n        .vm-panel:nth-child(even) .vm-shape-outline {\r\n            right: auto;\r\n            left: -20px;\r\n        }\r\n\r\n        .vm-panel:hover .vm-shape-outline {\r\n            top: 30px;\r\n            right: -30px;\r\n            border-color: #ffffff;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .vm-panel:nth-child(even):hover .vm-shape-outline {\r\n            right: auto;\r\n            left: -30px;\r\n        }\r\n\r\n        \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0646\u0641\u0633\u0647\u0627 *\/\r\n        .vm-image-wrapper {\r\n            position: relative;\r\n            z-index: 3;\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 24px; \r\n            overflow: hidden;\r\n            box-shadow: var(--soft-shadow);\r\n            background-color: transparent;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .vm-image-wrapper img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.8s ease;\r\n            opacity: 0.9;\r\n            will-change: transform, opacity;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .vm-panel:hover .vm-image-wrapper img {\r\n            transform: scale3d(1.08, 1.08, 1);\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a *\/\r\n        .vm-content {\r\n            max-width: 550px;\r\n            z-index: 2;\r\n            position: relative;\r\n        }\r\n\r\n        .vm-content h3 {\r\n            font-size: 48px;\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            margin-bottom: 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 25px;\r\n            text-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .vm-content h3::after {\r\n            content: '';\r\n            height: 4px;\r\n            width: 50px;\r\n            background: linear-gradient(to left, #ffffff, transparent);\r\n            display: block;\r\n            border-radius: 10px;\r\n            transition: width 0.5s ease;\r\n            will-change: width;\r\n        }\r\n\r\n        .vm-panel:hover .vm-content h3::after {\r\n            width: 100px;\r\n        }\r\n\r\n        .vm-description {\r\n            font-size: 21px;\r\n            color: var(--text-light);\r\n            line-height: 1.9;\r\n            font-weight: 400;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* ==================================================== *\/\r\n        \/* English version for TranslatePress only *\/\r\n        \/* ==================================================== *\/\r\n\r\n        html:lang(en) .unique-vm-section,\r\n        html[lang=\"en-US\"] .unique-vm-section,\r\n        html[lang=\"en-GB\"] .unique-vm-section,\r\n        body:lang(en) .unique-vm-section {\r\n            direction: ltr !important;\r\n            font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif !important;\r\n        }\r\n\r\n        html:lang(en) .vm-side-title,\r\n        html[lang=\"en-US\"] .vm-side-title,\r\n        html[lang=\"en-GB\"] .vm-side-title,\r\n        body:lang(en) .vm-side-title {\r\n            right: auto !important;\r\n            left: -80px !important;\r\n            writing-mode: vertical-lr !important;\r\n            letter-spacing: 12px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-panel,\r\n        html[lang=\"en-US\"] .vm-panel,\r\n        html[lang=\"en-GB\"] .vm-panel,\r\n        body:lang(en) .vm-panel {\r\n            flex-direction: row !important;\r\n        }\r\n\r\n        html:lang(en) .vm-panel:nth-child(even),\r\n        html[lang=\"en-US\"] .vm-panel:nth-child(even),\r\n        html[lang=\"en-GB\"] .vm-panel:nth-child(even),\r\n        body:lang(en) .vm-panel:nth-child(even) {\r\n            flex-direction: row-reverse !important;\r\n        }\r\n\r\n        html:lang(en) .vm-number,\r\n        html[lang=\"en-US\"] .vm-number,\r\n        html[lang=\"en-GB\"] .vm-number,\r\n        body:lang(en) .vm-number {\r\n            right: auto !important;\r\n            left: -50px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-panel:nth-child(even) .vm-number,\r\n        html[lang=\"en-US\"] .vm-panel:nth-child(even) .vm-number,\r\n        html[lang=\"en-GB\"] .vm-panel:nth-child(even) .vm-number,\r\n        body:lang(en) .vm-panel:nth-child(even) .vm-number {\r\n            left: auto !important;\r\n            right: -50px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-shape-outline,\r\n        html[lang=\"en-US\"] .vm-shape-outline,\r\n        html[lang=\"en-GB\"] .vm-shape-outline,\r\n        body:lang(en) .vm-shape-outline {\r\n            right: auto !important;\r\n            left: -20px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-panel:nth-child(even) .vm-shape-outline,\r\n        html[lang=\"en-US\"] .vm-panel:nth-child(even) .vm-shape-outline,\r\n        html[lang=\"en-GB\"] .vm-panel:nth-child(even) .vm-shape-outline,\r\n        body:lang(en) .vm-panel:nth-child(even) .vm-shape-outline {\r\n            left: auto !important;\r\n            right: -20px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-panel:hover .vm-shape-outline,\r\n        html[lang=\"en-US\"] .vm-panel:hover .vm-shape-outline,\r\n        html[lang=\"en-GB\"] .vm-panel:hover .vm-shape-outline,\r\n        body:lang(en) .vm-panel:hover .vm-shape-outline {\r\n            right: auto !important;\r\n            left: -30px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-panel:nth-child(even):hover .vm-shape-outline,\r\n        html[lang=\"en-US\"] .vm-panel:nth-child(even):hover .vm-shape-outline,\r\n        html[lang=\"en-GB\"] .vm-panel:nth-child(even):hover .vm-shape-outline,\r\n        body:lang(en) .vm-panel:nth-child(even):hover .vm-shape-outline {\r\n            left: auto !important;\r\n            right: -30px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-content,\r\n        html[lang=\"en-US\"] .vm-content,\r\n        html[lang=\"en-GB\"] .vm-content,\r\n        body:lang(en) .vm-content {\r\n            text-align: left !important;\r\n        }\r\n\r\n        html:lang(en) .vm-content h3,\r\n        html[lang=\"en-US\"] .vm-content h3,\r\n        html[lang=\"en-GB\"] .vm-content h3,\r\n        body:lang(en) .vm-content h3 {\r\n            gap: 18px !important;\r\n            line-height: 1.2 !important;\r\n            letter-spacing: -0.4px !important;\r\n        }\r\n\r\n        html:lang(en) .vm-content h3::after,\r\n        html[lang=\"en-US\"] .vm-content h3::after,\r\n        html[lang=\"en-GB\"] .vm-content h3::after,\r\n        body:lang(en) .vm-content h3::after {\r\n            background: linear-gradient(to right, #ffffff, transparent) !important;\r\n        }\r\n\r\n        html:lang(en) .vm-description,\r\n        html[lang=\"en-US\"] .vm-description,\r\n        html[lang=\"en-GB\"] .vm-description,\r\n        body:lang(en) .vm-description {\r\n            text-align: left !important;\r\n            line-height: 1.8 !important;\r\n            font-size: 20px !important;\r\n            max-width: 540px !important;\r\n        }\r\n\r\n        html:lang(en) .reveal-right,\r\n        html[lang=\"en-US\"] .reveal-right,\r\n        html[lang=\"en-GB\"] .reveal-right,\r\n        body:lang(en) .reveal-right {\r\n            transform: translate3d(-80px, 0, 0) !important;\r\n        }\r\n\r\n        html:lang(en) .reveal-left,\r\n        html[lang=\"en-US\"] .reveal-left,\r\n        html[lang=\"en-GB\"] .reveal-left,\r\n        body:lang(en) .reveal-left {\r\n            transform: translate3d(80px, 0, 0) !important;\r\n        }\r\n\r\n        html:lang(en) .reveal-right.active,\r\n        html:lang(en) .reveal-left.active,\r\n        html[lang=\"en-US\"] .reveal-right.active,\r\n        html[lang=\"en-US\"] .reveal-left.active,\r\n        html[lang=\"en-GB\"] .reveal-right.active,\r\n        html[lang=\"en-GB\"] .reveal-left.active,\r\n        body:lang(en) .reveal-right.active,\r\n        body:lang(en) .reveal-left.active {\r\n            transform: translate3d(0, 0, 0) !important;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0637\u0641\u0648 *\/\r\n        @keyframes floatImage {\r\n            0%, 100% { transform: translate3d(0, 0, 0); }\r\n            50% { transform: translate3d(0, -15px, 0); }\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n        @media (max-width: 992px) {\r\n            .unique-vm-section { padding: 100px 20px; }\r\n\r\n            .vm-panel, .vm-panel:nth-child(even) {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 60px;\r\n            }\r\n\r\n            .vm-content h3 {\r\n                justify-content: center;\r\n                font-size: 36px;\r\n            }\r\n\r\n            .vm-content h3::after {\r\n                display: none;\r\n            }\r\n\r\n            .vm-number {\r\n                font-size: 160px;\r\n                top: -60px;\r\n                right: 50%;\r\n                transform: translateX(50%);\r\n            }\r\n\r\n            .vm-panel:hover .vm-number {\r\n                transform: translate3d(50%, -20px, 0) scale(1.05); \r\n            }\r\n\r\n            .vm-panel:nth-child(even) .vm-number {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n            }\r\n\r\n            .vm-panel:nth-child(even):hover .vm-number {\r\n                transform: translate3d(-50%, -20px, 0) scale(1.05);\r\n            }\r\n\r\n            .vm-visual-frame {\r\n                width: 300px;\r\n                height: 440px; \r\n            }\r\n\r\n            .vm-description {\r\n                font-size: 18px;\r\n                text-align: center;\r\n            }\r\n\r\n            html:lang(en) .vm-side-title,\r\n            html[lang=\"en-US\"] .vm-side-title,\r\n            html[lang=\"en-GB\"] .vm-side-title,\r\n            body:lang(en) .vm-side-title {\r\n                left: auto !important;\r\n                right: auto !important;\r\n                writing-mode: horizontal-tb !important;\r\n                position: static !important;\r\n                transform: none !important;\r\n                text-align: center !important;\r\n                font-size: 56px !important;\r\n                letter-spacing: 8px !important;\r\n                margin-bottom: 40px !important;\r\n                display: block !important;\r\n            }\r\n\r\n            html:lang(en) .vm-panel,\r\n            html:lang(en) .vm-panel:nth-child(even),\r\n            html[lang=\"en-US\"] .vm-panel,\r\n            html[lang=\"en-US\"] .vm-panel:nth-child(even),\r\n            html[lang=\"en-GB\"] .vm-panel,\r\n            html[lang=\"en-GB\"] .vm-panel:nth-child(even),\r\n            body:lang(en) .vm-panel,\r\n            body:lang(en) .vm-panel:nth-child(even) {\r\n                flex-direction: column !important;\r\n                text-align: center !important;\r\n            }\r\n\r\n            html:lang(en) .vm-content,\r\n            html[lang=\"en-US\"] .vm-content,\r\n            html[lang=\"en-GB\"] .vm-content,\r\n            body:lang(en) .vm-content {\r\n                text-align: center !important;\r\n            }\r\n\r\n            html:lang(en) .vm-content h3,\r\n            html[lang=\"en-US\"] .vm-content h3,\r\n            html[lang=\"en-GB\"] .vm-content h3,\r\n            body:lang(en) .vm-content h3 {\r\n                justify-content: center !important;\r\n            }\r\n\r\n            html:lang(en) .vm-description,\r\n            html[lang=\"en-US\"] .vm-description,\r\n            html[lang=\"en-GB\"] .vm-description,\r\n            body:lang(en) .vm-description {\r\n                text-align: center !important;\r\n                font-size: 18px !important;\r\n                max-width: 100% !important;\r\n            }\r\n\r\n            html:lang(en) .vm-number,\r\n            html[lang=\"en-US\"] .vm-number,\r\n            html[lang=\"en-GB\"] .vm-number,\r\n            body:lang(en) .vm-number {\r\n                left: 50% !important;\r\n                right: auto !important;\r\n                transform: translateX(-50%) !important;\r\n            }\r\n\r\n            html:lang(en) .vm-panel:hover .vm-number,\r\n            html[lang=\"en-US\"] .vm-panel:hover .vm-number,\r\n            html[lang=\"en-GB\"] .vm-panel:hover .vm-number,\r\n            body:lang(en) .vm-panel:hover .vm-number {\r\n                transform: translate3d(-50%, -20px, 0) scale(1.05) !important;\r\n            }\r\n\r\n            html:lang(en) .vm-panel:nth-child(even) .vm-number,\r\n            html[lang=\"en-US\"] .vm-panel:nth-child(even) .vm-number,\r\n            html[lang=\"en-GB\"] .vm-panel:nth-child(even) .vm-number,\r\n            body:lang(en) .vm-panel:nth-child(even) .vm-number {\r\n                left: 50% !important;\r\n                right: auto !important;\r\n                transform: translateX(-50%) !important;\r\n            }\r\n\r\n            html:lang(en) .vm-panel:nth-child(even):hover .vm-number,\r\n            html[lang=\"en-US\"] .vm-panel:nth-child(even):hover .vm-number,\r\n            html[lang=\"en-GB\"] .vm-panel:nth-child(even):hover .vm-number,\r\n            body:lang(en) .vm-panel:nth-child(even):hover .vm-number {\r\n                transform: translate3d(-50%, -20px, 0) scale(1.05) !important;\r\n            }\r\n        }\r\n\r\n        \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0648\u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n        .reveal-right {\r\n            opacity: 0;\r\n            transform: translate3d(80px, 0, 0);\r\n            transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .reveal-left {\r\n            opacity: 0;\r\n            transform: translate3d(-80px, 0, 0);\r\n            transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .reveal-right.active,\r\n        .reveal-left.active {\r\n            opacity: 1;\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"unique-vm-section\">\r\n    <div class=\"vm-side-title\">STRATEGY<\/div>\r\n    \r\n    <div class=\"unique-vm-container\">\r\n        <div class=\"vm-flex-layout\">\r\n            \r\n            <div class=\"vm-panel reveal-right\">\r\n                <div class=\"vm-number\">01<\/div>\r\n                <div class=\"vm-visual-frame\">\r\n                    <div class=\"vm-shape-outline\"><\/div>\r\n                    <div class=\"vm-image-wrapper\">\r\n                        <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/04\/%D9%85%D9%86-%D9%86%D8%AD%D9%86-%D9%85%D8%AF%D8%AF-1.webp\" alt=\"\u0631\u0624\u064a\u062a\u0646\u0627\" loading=\"lazy\" decoding=\"async\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vm-content\">\r\n                    <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n                    <p class=\"vm-description\">\r\n                        \u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u0645\u0644\u0647\u0645 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\u060c \u0639\u0628\u0631 \u0627\u0628\u062a\u0643\u0627\u0631 \u062a\u062c\u0627\u0631\u0628 \u0646\u0648\u0639\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0633\u0642\u0641 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a\u060c \u0644\u0646\u0635\u064a\u063a \u0628\u0630\u0643\u0627\u0621 \u0645\u0633\u062a\u0642\u0628\u0644 \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0648\u0646\u0636\u0639 \u0628\u0635\u0645\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vm-panel reveal-left\">\r\n                <div class=\"vm-number\">02<\/div>\r\n                <div class=\"vm-visual-frame\">\r\n                    <div class=\"vm-shape-outline\" style=\"border-color: rgba(255,255,255,0.7);\"><\/div>\r\n                    <div class=\"vm-image-wrapper\">\r\n                        <img src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/04\/%D9%85%D9%86-%D9%86%D8%AD%D9%86-%D9%85%D8%AF%D8%AF-2.webp\" alt=\"\u0631\u0633\u0627\u0644\u062a\u0646\u0627\" loading=\"lazy\" decoding=\"async\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vm-content\">\r\n                    <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n                    <p class=\"vm-description\">\r\n                        \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629\u060c \u062a\u0636\u0645\u0646 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u062f\u0642\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630. \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0646\u062f\u064a\u0631 \u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u0628\u0634\u063a\u0641\u060c \u0645\u062d\u0642\u0642\u064a\u0646 \u0623\u0647\u062f\u0627\u0641 \u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0628\u0643\u0641\u0627\u0621\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u0625\u0628\u062f\u0627\u0639 \u0645\u0633\u062a\u0645\u0631.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const observerOptions = {\r\n                threshold: 0.1,\r\n                rootMargin: '0px 0px -50px 0px'\r\n            };\r\n\r\n            const observer = new IntersectionObserver((entries, observerInstance) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('active');\r\n                        observerInstance.unobserve(entry.target); \r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            const revealElements = document.querySelectorAll('.reveal-right, .reveal-left');\r\n            revealElements.forEach(el => observer.observe(el));\r\n\r\n            setTimeout(() => {\r\n                revealElements.forEach(el => {\r\n                    const rect = el.getBoundingClientRect();\r\n                    if (rect.top < window.innerHeight && !el.classList.contains('active')) {\r\n                        el.classList.add('active');\r\n                        observer.unobserve(el);\r\n                    }\r\n                });\r\n            }, 500);\r\n        });\r\n    <\/script>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64a2187 elementor-widget elementor-widget-html\" data-id=\"64a2187\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\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>Values Section<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n    \r\n    <style>\r\n        :root {\r\n            --glass-bg: rgba(255, 255, 255, 0.05);\r\n            --glass-border: rgba(255, 255, 255, 0.2);\r\n            --text-main: #ffffff;\r\n            --text-muted: rgba(255, 255, 255, 0.85);\r\n            --transition-smooth: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        html, body {\r\n            max-width: 100%;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .values-section,\r\n        .values-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .values-section {\r\n            background-color: transparent !important;\r\n            padding: 140px clamp(16px, 5vw, 80px) !important;\r\n            font-family: 'Tajawal', sans-serif !important;\r\n            direction: rtl;\r\n            overflow: hidden;\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 100%;\r\n            isolation: isolate;\r\n        }\r\n\r\n        .values-side-title {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: -80px;\r\n            transform: translateY(-50%);\r\n            writing-mode: vertical-rl;\r\n            text-orientation: mixed;\r\n            font-size: 100px;\r\n            font-weight: 900;\r\n            color: rgba(255, 255, 255, 0.05);\r\n            text-transform: uppercase;\r\n            letter-spacing: 15px;\r\n            user-select: none;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .bg-particle {\r\n            position: absolute;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n            opacity: 0.15;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n            animation: floatParticle 20s infinite linear;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        @keyframes floatParticle {\r\n            0% { transform: translate3d(0, 0, 0) rotate(0deg); }\r\n            100% { transform: translate3d(100px, 100px, 0) rotate(360deg); }\r\n        }\r\n\r\n        .bg-glow {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(120px);\r\n            z-index: 0;\r\n            opacity: 0.5;\r\n            pointer-events: none;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n            max-width: 100%;\r\n        }\r\n\r\n        .bg-1 { width: 500px; height: 500px; background: rgba(255, 255, 255, 0.03); top: -15%; right: -10%; }\r\n        .bg-2 { width: 400px; height: 400px; background: rgba(255, 255, 255, 0.03); bottom: -10%; left: -5%; }\r\n\r\n        .container {\r\n            width: 100%;\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            min-width: 0;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 100px;\r\n            width: 100%;\r\n            max-width: 100%;\r\n            min-width: 0;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 52px;\r\n            font-weight: 900;\r\n            color: var(--text-main);\r\n            margin-bottom: 15px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 25px;\r\n            position: relative;\r\n            text-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n            max-width: 100%;\r\n            flex-wrap: wrap;\r\n            text-align: center;\r\n            overflow-wrap: anywhere;\r\n        }\r\n\r\n        .section-header h2::after {\r\n            content: '';\r\n            height: 4px;\r\n            width: 80px;\r\n            background: linear-gradient(to left, #ffffff, transparent);\r\n            display: block;\r\n            border-radius: 10px;\r\n            transition: 0.5s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .section-header .sub-text {\r\n            display: block;\r\n            font-size: 18px;\r\n            color: var(--text-muted);\r\n            font-weight: 400;\r\n            max-width: 600px;\r\n            margin: 10px auto 0;\r\n            opacity: 0.9;\r\n            width: 100%;\r\n            overflow-wrap: anywhere;\r\n        }\r\n\r\n        .values-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 30px;\r\n            width: 100%;\r\n            max-width: 100%;\r\n            min-width: 0;\r\n        }\r\n\r\n        .value-card {\r\n            background: var(--glass-bg);\r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            flex: 1 1 calc(20% - 30px);\r\n            min-width: 220px;\r\n            max-width: 260px;\r\n            padding: 65px 25px;\r\n            border-radius: 40px;\r\n            text-align: center;\r\n            border: 1px solid var(--glass-border);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.1);\r\n            transition: var(--transition-smooth);\r\n            position: relative;\r\n            cursor: pointer;\r\n            overflow: hidden;\r\n            will-change: transform, border-color, background, box-shadow;\r\n            transform: translateZ(0);\r\n            width: 100%;\r\n        }\r\n\r\n        .value-card:hover {\r\n            transform: translate3d(0, -20px, 0);\r\n            border-color: #ffffff;\r\n            background: rgba(255, 255, 255, 0.12);\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .icon-container {\r\n            position: relative;\r\n            width: 115px;\r\n            height: 115px;\r\n            margin: 0 auto 35px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .rotating-border {\r\n            position: absolute;\r\n            inset: 0;\r\n            border: 2px dashed rgba(255, 255, 255, 0.4);\r\n            border-radius: 50%;\r\n            animation: rotateFull 20s linear infinite;\r\n            transition: var(--transition-smooth);\r\n            will-change: transform, border-color, border-width;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .value-card:hover .rotating-border {\r\n            border-style: solid;\r\n            border-width: 3px;\r\n            transform: scale3d(1.15, 1.15, 1);\r\n            border-color: #ffffff;\r\n            animation-duration: 8s;\r\n        }\r\n\r\n        .icon-pulse {\r\n            position: absolute;\r\n            width: 85%;\r\n            height: 85%;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            transform: scale3d(0.8, 0.8, 1);\r\n            transition: var(--transition-smooth);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .value-card:hover .icon-pulse {\r\n            opacity: 0.8;\r\n            animation: pulseRing 2s infinite ease-out;\r\n        }\r\n\r\n        @keyframes pulseRing {\r\n            0% { transform: scale3d(0.9, 0.9, 1); opacity: 0.8; }\r\n            100% { transform: scale3d(1.4, 1.4, 1); opacity: 0; }\r\n        }\r\n\r\n        .icon-container i {\r\n            font-size: 42px;\r\n            color: #ffffff;\r\n            transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            z-index: 2;\r\n            text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);\r\n            will-change: transform, text-shadow;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .value-card:hover i {\r\n            transform: scale3d(1.1, 1.1, 1) rotate(5deg);\r\n            text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .value-title {\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin: 0;\r\n            position: relative;\r\n            display: inline-block;\r\n            max-width: 100%;\r\n            overflow-wrap: anywhere;\r\n        }\r\n\r\n        .value-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -6px;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 3px;\r\n            background: #ffffff;\r\n            transition: var(--transition-smooth);\r\n            transform: translate3d(-50%, 0, 0);\r\n            border-radius: 5px;\r\n            will-change: width;\r\n        }\r\n\r\n        .value-card:hover .value-title::after {\r\n            width: 70%;\r\n        }\r\n\r\n        @keyframes rotateFull {\r\n            from { transform: rotate(0deg) translateZ(0); }\r\n            to { transform: rotate(360deg) translateZ(0); }\r\n        }\r\n\r\n        .reveal-right {\r\n            opacity: 0;\r\n            transform: translate3d(80px, 0, 0);\r\n            transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .reveal-left {\r\n            opacity: 0;\r\n            transform: translate3d(-80px, 0, 0);\r\n            transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        .reveal-right.active,\r\n        .reveal-left.active {\r\n            opacity: 1;\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .value-card {\r\n                flex: 1 1 calc(33.33% - 30px);\r\n                max-width: none;\r\n            }\r\n\r\n            .values-side-title {\r\n                display: none;\r\n            }\r\n\r\n            .values-section {\r\n                padding: 120px clamp(16px, 4vw, 40px) !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .section-header h2 {\r\n                font-size: 42px;\r\n            }\r\n\r\n            .section-header h2::after {\r\n                width: 60px;\r\n            }\r\n\r\n            .values-section {\r\n                padding: 100px clamp(16px, 3.5vw, 28px) !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .values-section {\r\n                padding: 100px 15px !important;\r\n            }\r\n\r\n            .section-header {\r\n                margin-bottom: 70px;\r\n            }\r\n\r\n            .section-header h2 {\r\n                font-size: 34px;\r\n                gap: 15px;\r\n            }\r\n\r\n            .value-card {\r\n                flex: 1 1 calc(50% - 20px);\r\n                max-width: none;\r\n                min-width: 0;\r\n                padding: 50px 20px;\r\n                border-radius: 30px;\r\n            }\r\n\r\n            .icon-container {\r\n                width: 100px;\r\n                height: 100px;\r\n                margin-bottom: 25px;\r\n            }\r\n\r\n            .icon-container i {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .value-title {\r\n                font-size: 21px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .values-section {\r\n                padding: 80px 14px !important;\r\n            }\r\n\r\n            .container {\r\n                width: 100%;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .values-grid {\r\n                gap: 18px;\r\n            }\r\n\r\n            .value-card {\r\n                flex: 1 1 100%;\r\n                max-width: 100%;\r\n                min-width: 0;\r\n                width: 100%;\r\n                padding: 42px 16px;\r\n            }\r\n\r\n            .section-header h2 {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .section-header .sub-text {\r\n                font-size: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"values-section\">\r\n\r\n    <div class=\"values-side-title\">EXCELLENCE<\/div>\r\n\r\n    <div class=\"bg-particle\" style=\"width: 15px; height: 15px; top: 10%; right: 15%;\"><\/div>\r\n    <div class=\"bg-particle\" style=\"width: 10px; height: 10px; top: 40%; left: 10%;\"><\/div>\r\n    <div class=\"bg-particle\" style=\"width: 20px; height: 20px; bottom: 15%; right: 20%;\"><\/div>\r\n\r\n    <div class=\"bg-glow bg-1\"><\/div>\r\n    <div class=\"bg-glow bg-2\"><\/div>\r\n\r\n    <div class=\"container\">\r\n        \r\n        <div class=\"section-header reveal-right\">\r\n            <h2>\u0642\u064a\u0645\u0646\u0627<\/h2>\r\n            <p class=\"sub-text\">\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062c\u0648\u0647\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u062f \u0645\u0633\u064a\u0631\u062a\u0646\u0627 \u0646\u062d\u0648 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0643\u0644 \u062d\u062f\u062b \u0646\u0646\u0638\u0645\u0647.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"values-grid\">\r\n            \r\n            <div class=\"value-card reveal-left\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"icon-container\">\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                    <div class=\"rotating-border\"><\/div>\r\n                    <i class=\"fa-solid fa-user-shield\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"value-title\">\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"value-card reveal-left\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"icon-container\">\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                    <div class=\"rotating-border\" style=\"animation-delay: -4s;\"><\/div>\r\n                    <i class=\"fa-solid fa-handshake-simple\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"value-title\">\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"value-card reveal-left\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"icon-container\">\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                    <div class=\"rotating-border\" style=\"animation-delay: -8s;\"><\/div>\r\n                    <i class=\"fa-solid fa-lightbulb\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"value-title\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"value-card reveal-left\" style=\"transition-delay: 0.4s;\">\r\n                <div class=\"icon-container\">\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                    <div class=\"rotating-border\" style=\"animation-delay: -12s;\"><\/div>\r\n                    <i class=\"fa-solid fa-bullseye\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"value-title\">\u0627\u0644\u062f\u0642\u0629<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"value-card reveal-left\" style=\"transition-delay: 0.5s;\">\r\n                <div class=\"icon-container\">\r\n                    <div class=\"icon-pulse\"><\/div>\r\n                    <div class=\"rotating-border\" style=\"animation-delay: -16s;\"><\/div>\r\n                    <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"value-title\">\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/h3>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const revealElements = document.querySelectorAll('.reveal-right, .reveal-left');\r\n        \r\n        const observerOptions = { \r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries, observerInstance) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('active');\r\n                    observerInstance.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        revealElements.forEach(el => observer.observe(el));\r\n\r\n        setTimeout(() => {\r\n            revealElements.forEach(el => {\r\n                const rect = el.getBoundingClientRect();\r\n                if (rect.top < window.innerHeight && !el.classList.contains('active')) {\r\n                    el.classList.add('active');\r\n                    observer.unobserve(el);\r\n                }\r\n            });\r\n        }, 300);\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b326f0b elementor-widget elementor-widget-html\" data-id=\"b326f0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Optional: remove these if already loaded globally -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"mdp-stats-isolated-root\" dir=\"rtl\">\r\n  <style>\r\n    #mdp-stats-isolated-root,\r\n    #mdp-stats-isolated-root * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #mdp-stats-isolated-root {\r\n      --mdp-accent: #8E82D9;\r\n      --mdp-accent-2: #6E5FC7;\r\n      --mouse-x: 50%;\r\n      --mouse-y: 50%;\r\n      position: relative;\r\n      width: 100%;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 100px 0;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      font-family: 'Tajawal', sans-serif !important;\r\n      color: #fff;\r\n      background: rgba(212, 212, 246, .36) !important;\r\n      backdrop-filter: blur(6px);\r\n      -webkit-backdrop-filter: blur(6px);\r\n    }\r\n\r\n    #mdp-stats-isolated-root::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(212, 212, 246, .12);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #mdp-stats-isolated-root.mdp-stats-ltr {\r\n      direction: ltr !important;\r\n      font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-background-fx {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-corner-light {\r\n      position: absolute;\r\n      width: 60vw;\r\n      height: 60vw;\r\n      border-radius: 50%;\r\n      filter: blur(140px);\r\n      opacity: .22;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-light-top-right {\r\n      top: -20%;\r\n      right: -10%;\r\n      background: radial-gradient(circle at center, rgba(110, 95, 199, .55) 0%, transparent 70%);\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-light-bottom-left {\r\n      left: -10%;\r\n      bottom: -20%;\r\n      background: radial-gradient(circle at center, rgba(110, 95, 199, .55) 0%, transparent 70%);\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-mesh-glow {\r\n      position: absolute;\r\n      width: 40vw;\r\n      height: 40vh;\r\n      left: 30%;\r\n      top: 25%;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(110, 95, 199, .12) 0%, transparent 70%);\r\n      filter: blur(80px);\r\n      animation: mdpGlowFloat 18s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes mdpGlowFloat {\r\n      from {\r\n        transform: translate3d(-10%, -10%, 0) scale(1);\r\n      }\r\n\r\n      to {\r\n        transform: translate3d(10%, 10%, 0) scale(1.18);\r\n      }\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-cursor-spotlight {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: radial-gradient(circle 500px at var(--mouse-x) var(--mouse-y), rgba(110, 95, 199, .15), transparent 80%);\r\n      opacity: 0;\r\n      transition: opacity .25s ease;\r\n    }\r\n\r\n    #mdp-stats-isolated-root.mdp-pointer-active .mdp-cursor-spotlight {\r\n      opacity: 1;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-container {\r\n      position: relative;\r\n      z-index: 2;\r\n      text-align: center;\r\n      width: min(92%, 1300px);\r\n      margin-inline: auto;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stats-header {\r\n      margin-bottom: clamp(55px, 10vh, 95px);\r\n      opacity: 0;\r\n      transform: none;\r\n      transition: opacity 1.1s cubic-bezier(.19, 1, .22, 1);\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stats-header.mdp-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-header-small {\r\n      display: block;\r\n      margin-bottom: 20px;\r\n      color: var(--mdp-accent-2);\r\n      font-size: 13px;\r\n      letter-spacing: 8px;\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-header-large {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-size: clamp(30px, 4.5vw, 50px);\r\n      font-weight: 900;\r\n      text-shadow: 0 5px 15px rgba(0, 0, 0, .18);\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-accent {\r\n      color: var(--mdp-accent-2);\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stats-grid {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: flex-start;\r\n      flex-wrap: wrap;\r\n      gap: clamp(28px, 4vw, 70px);\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stat-item {\r\n      min-width: 160px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n      opacity: 0;\r\n      transform: none;\r\n      transition: opacity 1s cubic-bezier(.19, 1, .22, 1);\r\n      transition-delay: var(--delay);\r\n      will-change: opacity;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stats-grid.mdp-visible .mdp-stat-item {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    \/* Normal state = filled *\/\r\n    #mdp-stats-isolated-root .mdp-stat-number {\r\n      font-size: clamp(52px, 7vw, 82px);\r\n      line-height: .9;\r\n      font-weight: 900;\r\n      letter-spacing: -2px;\r\n      color: var(--mdp-accent-2);\r\n      -webkit-text-stroke: 2px var(--mdp-accent-2);\r\n      filter: drop-shadow(0 0 10px rgba(142, 130, 217, .2));\r\n      text-shadow: 0 0 45px rgba(142, 130, 217, .45);\r\n      margin-bottom: 14px;\r\n      transition: .45s ease;\r\n    }\r\n\r\n    \/* Hover state = outline *\/\r\n    #mdp-stats-isolated-root .mdp-stat-item:hover .mdp-stat-number {\r\n      color: transparent;\r\n      -webkit-text-stroke: 2px var(--mdp-accent-2);\r\n      text-shadow: none;\r\n      transform: scale(1.08) translateY(-8px);\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stat-label {\r\n      font-size: clamp(16px, 1.2vw, 22px);\r\n      font-weight: 700;\r\n      color: #fff;\r\n      opacity: .92;\r\n      transition: .3s ease;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stat-item:hover .mdp-stat-label {\r\n      transform: translateY(-4px);\r\n      opacity: 1;\r\n    }\r\n\r\n    #mdp-stats-isolated-root .mdp-stat-divider {\r\n      width: 2px;\r\n      height: 80px;\r\n      margin-top: 14px;\r\n      background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, .24), transparent);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      #mdp-stats-isolated-root .mdp-stat-divider {\r\n        display: none;\r\n      }\r\n\r\n      #mdp-stats-isolated-root .mdp-corner-light {\r\n        width: 80vw;\r\n        opacity: .18;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #mdp-stats-isolated-root {\r\n        min-height: auto;\r\n        padding: 90px 0;\r\n      }\r\n\r\n      #mdp-stats-isolated-root .mdp-stat-number {\r\n        -webkit-text-stroke: 1.5px var(--mdp-accent-2);\r\n      }\r\n\r\n      #mdp-stats-isolated-root .mdp-stat-item:hover .mdp-stat-number {\r\n        -webkit-text-stroke: 1.5px var(--mdp-accent-2);\r\n      }\r\n\r\n      #mdp-stats-isolated-root .mdp-stats-header {\r\n        margin-bottom: 50px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #mdp-stats-isolated-root .mdp-header-large {\r\n        font-size: 28px;\r\n      }\r\n\r\n      #mdp-stats-isolated-root .mdp-stats-grid {\r\n        gap: 38px;\r\n      }\r\n\r\n      #mdp-stats-isolated-root .mdp-stat-number {\r\n        font-size: 60px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #mdp-stats-isolated-root *,\r\n      #mdp-stats-isolated-root *::before,\r\n      #mdp-stats-isolated-root *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mdp-background-fx\">\r\n    <div class=\"mdp-corner-light mdp-light-top-right\"><\/div>\r\n    <div class=\"mdp-corner-light mdp-light-bottom-left\"><\/div>\r\n    <div class=\"mdp-mesh-glow\"><\/div>\r\n    <div class=\"mdp-cursor-spotlight\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mdp-container\">\r\n    <div class=\"mdp-stats-header\">\r\n      <span class=\"mdp-header-small\">OUR SUCCESS IN NUMBERS<\/span>\r\n      <h2 class=\"mdp-header-large\">\u0646\u0633\u0637\u0631 \u0627\u0644\u0646\u062c\u0627\u062d <span class=\"mdp-accent\">\u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mdp-stats-grid\">\r\n\r\n      <div class=\"mdp-stat-item\" style=\"--delay:.2s\">\r\n        <div class=\"mdp-stat-number\" data-target=\"450\" data-suffix=\"+\">0<\/div>\r\n        <div class=\"mdp-stat-label\">\u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mdp-stat-divider\"><\/div>\r\n\r\n      <div class=\"mdp-stat-item\" style=\"--delay:.4s\">\r\n        <div class=\"mdp-stat-number\" data-target=\"500\" data-suffix=\"+\">0<\/div>\r\n        <div class=\"mdp-stat-label\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mdp-stat-divider\"><\/div>\r\n\r\n      <div class=\"mdp-stat-item\" style=\"--delay:.6s\">\r\n        <div class=\"mdp-stat-number\" data-target=\"10\" data-suffix=\"\">0<\/div>\r\n        <div class=\"mdp-stat-label\">\u0627\u0644\u0645\u0646\u0627\u0637\u0642<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      function initMdpStatsStandalone() {\r\n        const root = document.getElementById(\"mdp-stats-isolated-root\");\r\n        if (!root || root.dataset.mdpStatsInit === \"true\") return;\r\n        root.dataset.mdpStatsInit = \"true\";\r\n\r\n        const header = root.querySelector(\".mdp-stats-header\");\r\n        const grid = root.querySelector(\".mdp-stats-grid\");\r\n        const statsNumbers = root.querySelectorAll(\".mdp-stat-number\");\r\n        const statItems = root.querySelectorAll(\".mdp-stat-item\");\r\n\r\n        const isLTR = ((document.documentElement.getAttribute(\"dir\") || \"\").toLowerCase() === \"ltr\") ||\r\n                      ((document.documentElement.getAttribute(\"lang\") || \"\").toLowerCase().indexOf(\"en\") === 0) ||\r\n                      ((document.body && (document.body.getAttribute(\"dir\") || \"\").toLowerCase()) === \"ltr\") ||\r\n                      ((document.body && (document.body.getAttribute(\"lang\") || \"\").toLowerCase().indexOf(\"en\") === 0));\r\n\r\n        if (isLTR) {\r\n          root.classList.add(\"mdp-stats-ltr\");\r\n          root.setAttribute(\"dir\", \"ltr\");\r\n        }\r\n\r\n        const supportsPointer = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\r\n        const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n        let sectionInView = false;\r\n\r\n        if (\"IntersectionObserver\" in window) {\r\n          const revealObserver = new IntersectionObserver(function(entries, obs) {\r\n            entries.forEach(function(entry) {\r\n              if (entry.isIntersecting) {\r\n                entry.target.classList.add(\"mdp-visible\");\r\n                obs.unobserve(entry.target);\r\n              }\r\n            });\r\n          }, { threshold: 0.12 });\r\n\r\n          if (header) revealObserver.observe(header);\r\n          if (grid) revealObserver.observe(grid);\r\n\r\n          const sectionObserver = new IntersectionObserver(function(entries) {\r\n            entries.forEach(function(entry) {\r\n              if (entry.target !== root) return;\r\n              sectionInView = entry.isIntersecting || entry.intersectionRatio > 0;\r\n            });\r\n          }, { threshold: [0, 0.1, 0.2] });\r\n\r\n          sectionObserver.observe(root);\r\n        } else {\r\n          if (header) header.classList.add(\"mdp-visible\");\r\n          if (grid) grid.classList.add(\"mdp-visible\");\r\n          sectionInView = true;\r\n        }\r\n\r\n        if (supportsPointer && !prefersReducedMotion && window.innerWidth > 991) {\r\n          root.classList.add(\"mdp-pointer-active\");\r\n          let statsTicking = false;\r\n\r\n          root.addEventListener(\"mousemove\", function (e) {\r\n            if (!sectionInView || statsTicking) return;\r\n            statsTicking = true;\r\n\r\n            window.requestAnimationFrame(function () {\r\n              const rect = root.getBoundingClientRect();\r\n              const x = e.clientX - rect.left;\r\n              const y = e.clientY - rect.top;\r\n              root.style.setProperty(\"--mouse-x\", x + \"px\");\r\n              root.style.setProperty(\"--mouse-y\", y + \"px\");\r\n\r\n              const centerX = rect.width \/ 2;\r\n              const centerY = rect.height \/ 2;\r\n              const moveX = (x - centerX) \/ 120;\r\n              const moveY = (y - centerY) \/ 120;\r\n\r\n              statItems.forEach(function (item, index) {\r\n                const factor = (index + 1) * 0.22;\r\n                item.style.transform = \"translate3d(\" + (moveX * factor) + \"px,\" + (moveY * factor) + \"px,0)\";\r\n              });\r\n\r\n              statsTicking = false;\r\n            });\r\n          }, { passive: true });\r\n\r\n          root.addEventListener(\"mouseleave\", function () {\r\n            statItems.forEach(function (item) {\r\n              item.style.transform = \"\";\r\n            });\r\n            root.style.setProperty(\"--mouse-x\", \"50%\");\r\n            root.style.setProperty(\"--mouse-y\", \"50%\");\r\n          }, { passive: true });\r\n        }\r\n\r\n        function countUp(element) {\r\n          const target = parseInt(element.getAttribute(\"data-target\") || \"0\", 10);\r\n          const suffix = element.getAttribute(\"data-suffix\") || \"\";\r\n          const duration = 2000;\r\n          let startTime = null;\r\n\r\n          function step(timestamp) {\r\n            if (!startTime) startTime = timestamp;\r\n            const progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n            const easeProgress = 1 - Math.pow(2, -10 * progress);\r\n            const current = Math.floor(easeProgress * target);\r\n            element.textContent = current + suffix;\r\n\r\n            if (progress < 1) {\r\n              requestAnimationFrame(step);\r\n            } else {\r\n              element.textContent = target + suffix;\r\n            }\r\n          }\r\n\r\n          requestAnimationFrame(step);\r\n        }\r\n\r\n        if (statsNumbers.length && \"IntersectionObserver\" in window) {\r\n          const statsObserver = new IntersectionObserver(function(entries, obs) {\r\n            entries.forEach(function(entry) {\r\n              if (entry.isIntersecting && !entry.target.classList.contains(\"counted\")) {\r\n                countUp(entry.target);\r\n                entry.target.classList.add(\"counted\");\r\n                obs.unobserve(entry.target);\r\n              }\r\n            });\r\n          }, { threshold: 0.5 });\r\n\r\n          statsNumbers.forEach(function(num) {\r\n            statsObserver.observe(num);\r\n          });\r\n        } else {\r\n          statsNumbers.forEach(function(num) {\r\n            if (!num.classList.contains(\"counted\")) {\r\n              countUp(num);\r\n              num.classList.add(\"counted\");\r\n            }\r\n          });\r\n        }\r\n      }\r\n\r\n      if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initMdpStatsStandalone);\r\n      } else {\r\n        initMdpStatsStandalone();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0646 \u0646\u062d\u0646 \u0645\u0646 \u0646\u062d\u0646 About Section &#8211; Minimal \u0645\u062f\u062f \u0646\u062d\u0646 \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0646\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0645 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631. \u0646\u0624\u0645\u0646 \u0623\u0646 \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629 \u0647\u064a \u0631\u0633\u0627\u0644\u0629\u060c \u0648\u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629 \u062a\u064f\u062d\u062f\u062b \u0623\u062b\u0631\u064b\u0627. \u0644\u0630\u0644\u0643 \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635 \u0648\u062e\u0637\u0637 \u062a\u0634\u063a\u064a\u0644 \u062f\u0642\u064a\u0642\u0629 \u062a\u0636\u0645\u0646 \u0646\u062c\u0627\u062d \u0641\u0639\u0627\u0644\u064a\u062a\u0643. Vision [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-449","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/pages\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":115,"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/pages\/449\/revisions"}],"predecessor-version":[{"id":1173,"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/pages\/449\/revisions\/1173"}],"wp:attachment":[{"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/media?parent=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}