{"id":196,"date":"2026-03-18T14:27:37","date_gmt":"2026-03-18T14:27:37","guid":{"rendered":"https:\/\/lime-wolverine-745236.hostingersite.com\/?page_id=196"},"modified":"2026-04-12T09:28:00","modified_gmt":"2026-04-12T09:28:00","slug":"%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/mddoec.com\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"196\" class=\"elementor elementor-196\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3afd3f9 e-con-full e-flex e-con e-parent\" data-id=\"3afd3f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27eab34 elementor-widget elementor-widget-html\" data-id=\"27eab34\" 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    <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            min-height: 420px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            \/* \u0627\u0644\u062a\u0639\u062f\u064a\u0644: \u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0644\u0644\u0633\u0645\u0627\u062d \u0644\u0638\u0647\u0648\u0631 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\n            background: transparent !important;\r\n            direction: rtl;\r\n            overflow: hidden;\r\n            padding: 70px 20px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u0648\u0641\u0631\u0644\u0627\u064a \u0627\u0644\u0632\u062c\u0627\u062c\u064a \u0627\u0644\u062f\u0627\u0643\u0646 \u0644\u062a\u0648\u0636\u064a\u062d \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n        .mch-dark-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: rgba(10, 5, 20, 0.45);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u062a\u0648\u0647\u062c\u0627\u062a \u0628\u064a\u0636\u0627\u0621 \u0646\u0627\u0639\u0645\u0629 \u0644\u0644\u0641\u062e\u0627\u0645\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a *\/\r\n        .mch-glow-1,\r\n        .mch-glow-2 {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(110px);\r\n            z-index: 2;\r\n            pointer-events: none;\r\n            animation: floatGlow 10s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .mch-glow-1 {\r\n            top: 10%;\r\n            right: 8%;\r\n            width: 260px;\r\n            height: 260px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        .mch-glow-2 {\r\n            bottom: 8%;\r\n            left: 10%;\r\n            width: 320px;\r\n            height: 320px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            animation-direction: alternate-reverse;\r\n        }\r\n\r\n        .mch-content {\r\n            position: relative;\r\n            z-index: 5;\r\n            text-align: center;\r\n            width: 100%;\r\n            max-width: 760px;\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 (\u0623\u0628\u064a\u0636 \u0645\u062a\u062f\u0631\u062c) *\/\r\n        .mch-drop-line {\r\n            width: 2px;\r\n            height: 74px;\r\n            background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), #ffffff);\r\n            margin-bottom: 24px;\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        .mch-title {\r\n            color: #ffffff;\r\n            font-size: clamp(34px, 5vw, 56px);\r\n            font-weight: 900;\r\n            line-height: 1.2;\r\n            margin-bottom: 18px;\r\n            text-shadow: 0 5px 20px rgba(0,0,0,0.4);\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;\r\n        }\r\n\r\n        .mch-desc {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            line-height: 2;\r\n            max-width: 620px;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.45);\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards;\r\n        }\r\n\r\n        \/* --- Animations --- *\/\r\n        @keyframes dropLine {\r\n            0% { height: 0; opacity: 0; transform: translateY(-30px); }\r\n            100% { height: 74px; opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @keyframes fadeUp {\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @keyframes floatGlow {\r\n            0% { transform: translate(0, 0) scale(1); }\r\n            100% { transform: translate(20px, -20px) scale(1.1); }\r\n        }\r\n\r\n        \/* =========================================\r\n           ENGLISH VERSION - TranslatePress Support\r\n           \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 lang selectors \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\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            text-align: left;\r\n        }\r\n\r\n   \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            line-height: 1.15;\r\n            letter-spacing: -0.02em;\r\n            margin-bottom: 16px;\r\n            text-align: left;\r\n        }\r\n \r\n    \r\n\r\n        \/* \u0639\u0643\u0633 \u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u062a\u0648\u0647\u062c\u0627\u062a \u0628\u0635\u0631\u064a\u0627\u064b \u0644\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\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: 8%;\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        \/* \u062f\u0639\u0645 \u0623\u064a \u0623\u0632\u0631\u0627\u0631 \u0623\u0648 \u0631\u0648\u0627\u0628\u0637 \u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0633\u0643\u0634\u0646 *\/\r\n        html:lang(en) .madad-cinematic-hero .mch-btn,\r\n        html[lang=\"en-US\"] .madad-cinematic-hero .mch-btn,\r\n        html[lang=\"en-GB\"] .madad-cinematic-hero .mch-btn,\r\n        body:lang(en) .madad-cinematic-hero .mch-btn,\r\n        html:lang(en) .madad-cinematic-hero .mch-buttons a,\r\n        html[lang=\"en-US\"] .madad-cinematic-hero .mch-buttons a,\r\n        html[lang=\"en-GB\"] .madad-cinematic-hero .mch-buttons a,\r\n        body:lang(en) .madad-cinematic-hero .mch-buttons a {\r\n            direction: ltr;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* \u062f\u0639\u0645 \u0623\u064a \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0623\u0648 \u0627\u0644\u0646\u0635 *\/\r\n        html:lang(en) .madad-cinematic-hero i,\r\n        html:lang(en) .madad-cinematic-hero svg,\r\n        html[lang=\"en-US\"] .madad-cinematic-hero i,\r\n        html[lang=\"en-US\"] .madad-cinematic-hero svg,\r\n        html[lang=\"en-GB\"] .madad-cinematic-hero i,\r\n        html[lang=\"en-GB\"] .madad-cinematic-hero svg,\r\n        body:lang(en) .madad-cinematic-hero i,\r\n        body:lang(en) .madad-cinematic-hero svg {\r\n            direction: ltr;\r\n        }\r\n\r\n        \/* --- Responsive --- *\/\r\n        @media (max-width: 768px) {\r\n            .madad-cinematic-hero {\r\n                min-height: 360px;\r\n                padding: 55px 16px;\r\n            }\r\n\r\n            .mch-drop-line {\r\n                height: 54px;\r\n                margin-bottom: 18px;\r\n            }\r\n\r\n            .mch-title {\r\n                font-size: 30px;\r\n                margin-bottom: 14px;\r\n            }\r\n\r\n            .mch-desc {\r\n                font-size: 15px;\r\n                line-height: 1.9;\r\n                max-width: 100%;\r\n            }\r\n\r\n            \/* Responsive English overrides *\/\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                padding: 55px 16px;\r\n            }\r\n\r\n            html:lang(en) .mch-content,\r\n            html[lang=\"en-US\"] .mch-content,\r\n            html[lang=\"en-GB\"] .mch-content,\r\n            body:lang(en) .mch-content {\r\n                align-items: flex-start;\r\n                text-align: left;\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: 30px;\r\n                text-align: left;\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.7;\r\n                text-align: left;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header class=\"madad-cinematic-hero\">\r\n    <div class=\"mch-dark-overlay\"><\/div>\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        <div class=\"mch-drop-line\"><\/div>\r\n\r\n        <h1 class=\"mch-title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h1>\r\n\r\n        <!-- \u0644\u0648 \u062d\u0628\u064a\u062a \u062a\u0636\u064a\u0641 \u0648\u0635\u0641 \u0628\u0639\u062f\u064a\u0646 -->\r\n        <!-- <p class=\"mch-desc\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647.<\/p> -->\r\n    <\/div>\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-dea6fa9 elementor-widget elementor-widget-shortcode\" data-id=\"dea6fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div id=\"mdp-contact-final-wrapper\" dir=\"rtl\">\n        <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');\n            @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css');\n\n            #mdp-contact-final-wrapper {\n                background-color: transparent !important; \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 *\/\n                font-family: 'Tajawal', sans-serif !important;\n                color: #ffffff;\n                padding: clamp(64px, 10vh, 110px) 0;\n                position: relative;\n                overflow: hidden;\n                isolation: isolate;\n            }\n\n            #mdp-contact-final-wrapper * { box-sizing: border-box; }\n\n            .mdp-blueprint-layer, .mdp-ambient-mesh {\n                pointer-events: none; position: absolute; inset: 0;\n            }\n\n            .mdp-ambient-mesh {\n                top: 50%; left: 50%; inset: auto;\n                transform: translate(-50%, -50%);\n                width: min(78vw, 1000px); height: min(78vw, 1000px);\n                background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 68%);\n                filter: blur(90px); z-index: 2;\n            }\n\n            .mdp-container {\n                width: min(92%, 1280px); margin: 0 auto; position: relative; z-index: 10;\n            }\n\n            .mdp-header-block {\n                margin-bottom: 48px; text-align: right; opacity: 0; transform: translateY(24px);\n                transition: opacity 0.8s ease, transform 0.8s ease;\n            }\n            .mdp-reveal-active .mdp-header-block { opacity: 1; transform: translateY(0); }\n\n            .mdp-meta { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }\n            .mdp-line-sep { width: 56px; height: 2px; background: linear-gradient(to left, #ffffff, transparent); }\n            .mdp-label-text { font-size: 13px; font-weight: 700; letter-spacing: 2px; color: #ffffff; text-transform: uppercase; }\n            \n            .mdp-main-title {\n                margin: 0; font-size: clamp(28px, 4vw, 46px); font-weight: 900; line-height: 1.25;\n                color: #ffffff; text-shadow: 0 5px 15px rgba(0,0,0,0.2);\n            }\n\n            .mdp-content-grid {\n                display: grid; grid-template-columns: minmax(280px, 1fr) minmax(320px, 1fr); gap: clamp(24px, 4vw, 50px); align-items: start;\n            }\n\n            .mdp-info-column { display: flex; flex-direction: column; gap: 14px; }\n\n            \/* \u0643\u0631\u0648\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 *\/\n            .mdp-contact-card {\n                background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px;\n                padding: 22px 24px; display: flex; align-items: center; gap: 18px;\n                text-decoration: none; color: inherit; position: relative; overflow: hidden;\n                opacity: 0; transform: translateX(24px); backdrop-filter: blur(10px);\n                transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease, opacity 0.8s ease;\n                min-height: 92px;\n            }\n            .mdp-reveal-active .mdp-contact-card { opacity: 1; transform: translateX(0); }\n            .mdp-contact-card:hover {\n                background: rgba(255, 255, 255, 0.15); border-color: #ffffff;\n                transform: translateX(-4px); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);\n            }\n\n            .mdp-icon-square {\n                width: 52px; height: 52px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n                background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3);\n                color: #ffffff; font-size: 19px;\n                transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;\n            }\n            .mdp-contact-card:hover .mdp-icon-square { background: #ffffff; color: #111; transform: scale(1.05) rotate(-4deg); }\n\n            .mdp-card-data { display: flex; flex-direction: column; gap: 5px; min-width: 0; }\n            .mdp-card-data span:first-child { font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.7); letter-spacing: 0.8px; text-transform: uppercase; }\n            .mdp-card-data span:last-child { font-size: clamp(17px, 2vw, 19px); font-weight: 800; line-height: 1.4; color: #ffffff; word-break: break-word; transition: color 0.3s ease; }\n            \n            .mdp-ltr-text { direction: ltr; display: inline-block; text-align: right; }\n\n            .mdp-social-container { display: flex; gap: 12px; margin-top: 10px; opacity: 0; transform: translateX(24px); transition: opacity 0.8s ease, transform 0.8s ease; }\n            .mdp-reveal-active .mdp-social-container { opacity: 1; transform: translateX(0); }\n            \n            .mdp-social-btn {\n                width: 48px; height: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center;\n                background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; font-size: 18px; text-decoration: none; transition: all 0.35s ease;\n                backdrop-filter: blur(10px);\n            }\n            .mdp-social-btn:hover { background: #ffffff; color: #111; border-color: #ffffff; transform: translateY(-4px) scale(1.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }\n\n            \/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0641\u0648\u0631\u0645 \u0627\u0644\u0632\u062c\u0627\u062c\u064a *\/\n            .mdp-form-wrapper {\n                background: rgba(255, 255, 255, 0.05); color: #ffffff; border-radius: 16px; padding: clamp(28px, 4vw, 48px); position: relative;\n                box-shadow: 0 32px 80px rgba(0, 0, 0, 0.2); opacity: 0; transform: translateY(24px) scale(0.985); transition: opacity 0.9s ease, transform 0.9s ease;\n                border: 1px solid rgba(255, 255, 255, 0.2);\n                backdrop-filter: blur(20px);\n                -webkit-backdrop-filter: blur(20px);\n            }\n            .mdp-reveal-active .mdp-form-wrapper { opacity: 1; transform: translateY(0) scale(1); }\n\n            .mdp-form-wrapper::before, .mdp-form-wrapper::after {\n                content: \"\"; position: absolute; width: 58px; height: 58px; border: 3px solid #ffffff; z-index: 1; pointer-events: none; transition: width 0.35s ease, height 0.35s ease;\n            }\n            .mdp-form-wrapper::before { top: -3px; right: -3px; border-bottom: none; border-left: none; border-radius: 0 16px 0 0; }\n            .mdp-form-wrapper::after { bottom: -3px; left: -3px; border-top: none; border-right: none; border-radius: 0 0 0 16px; }\n            .mdp-form-wrapper:hover::before, .mdp-form-wrapper:hover::after { width: 78px; height: 78px; }\n\n            .mdp-form-title { margin: 0 0 10px; font-size: clamp(22px, 2.4vw, 28px); font-weight: 900; color: #ffffff; position: relative; z-index: 2; }\n            .mdp-form-desc { margin: 0 0 28px; font-size: 15px; line-height: 1.8; color: rgba(255, 255, 255, 0.8); position: relative; z-index: 2; max-width: 56ch; }\n            .mdp-actual-form-container { position: relative; z-index: 2; }\n\n            \/* \u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 *\/\n            .mdp-custom-form .mdp-form-group { margin-bottom: 20px; }\n            .mdp-custom-form label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 8px; color: #ffffff; }\n            \n            .mdp-custom-form input[type=\"text\"],\n            .mdp-custom-form input[type=\"email\"],\n            .mdp-custom-form input[type=\"tel\"],\n            .mdp-custom-form textarea {\n                width: 100%; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.3) !important;\n                padding: 14px 15px !important; font-family: 'Tajawal', sans-serif !important; font-size: 15px !important; \n                color: #ffffff !important; background: rgba(255, 255, 255, 0.05) !important;\n                transition: all 0.3s ease;\n            }\n            .mdp-custom-form input::placeholder, .mdp-custom-form textarea::placeholder {\n                color: rgba(255, 255, 255, 0.5) !important;\n            }\n            .mdp-custom-form input:focus, .mdp-custom-form textarea:focus {\n                border-color: #ffffff !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important; outline: none !important;\n                background: rgba(255, 255, 255, 0.1) !important;\n            }\n\n            \/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0631\u0641\u0639 *\/\n            .mdp-file-upload-box {\n                border: 2px dashed rgba(255, 255, 255, 0.4); border-radius: 8px; background: rgba(255, 255, 255, 0.05);\n                padding: 25px; text-align: center; cursor: pointer; position: relative; transition: all 0.3s ease;\n            }\n            .mdp-file-upload-box:hover { background: rgba(255, 255, 255, 0.1); border-color: #ffffff; }\n            .mdp-file-upload-box input[type=\"file\"] {\n                position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;\n            }\n            .mdp-file-upload-icon { font-size: 28px; color: #ffffff; margin-bottom: 10px; transition: color 0.3s ease; }\n            .mdp-file-upload-text { font-size: 14px; font-weight: 700; color: #ffffff; transition: color 0.3s ease; }\n            .mdp-file-name-display { display: block; margin-top: 8px; font-size: 14px; color: #ffffff; font-weight: bold; transition: all 0.3s ease; }\n\n            \/* \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 *\/\n            .mdp-submit-btn {\n                background-color: #ffffff !important; color: #111111 !important; border: none !important; border-radius: 8px !important;\n                font-weight: 800 !important; padding: 16px 34px !important; font-size: 16px; font-family: 'Tajawal', sans-serif !important;\n                cursor: pointer; width: 100%; transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, background-color 0.3s ease !important;\n                display: flex; justify-content: center; align-items: center; gap: 10px;\n            }\n            .mdp-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.9) !important; }\n\n            .mdp-success-msg { background: rgba(40, 167, 69, 0.2); color: #ffffff; padding: 15px; border-radius: 8px; margin-bottom: 20px; font-weight: bold; border: 1px solid rgba(40, 167, 69, 0.5); backdrop-filter: blur(10px);}\n\n            \/* =========================================================\n               English Overrides for TranslatePress\n               \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0639\u0631\u0628\u064a \u0643\u0645\u0627 \u0647\u0648\n            ========================================================= *\/\n\n            html:lang(en) #mdp-contact-final-wrapper,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper,\n            body:lang(en) #mdp-contact-final-wrapper {\n                direction: ltr;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-header-block,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-header-block,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-header-block,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-header-block {\n                text-align: left;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-meta,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-meta,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-meta,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-meta {\n                justify-content: flex-start;\n                flex-direction: row;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-line-sep,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-line-sep,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-line-sep,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-line-sep {\n                background: linear-gradient(to right, #ffffff, transparent);\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-main-title,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-main-title,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-main-title,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-main-title {\n                text-align: left;\n                line-height: 1.2;\n                letter-spacing: -0.02em;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-content-grid,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-content-grid,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-content-grid,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-content-grid {\n                direction: ltr;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-info-column,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-info-column,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-info-column,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-info-column {\n                direction: ltr;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-contact-card,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-contact-card,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-contact-card,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-contact-card {\n                flex-direction: row;\n                text-align: left;\n                transform: translateX(-24px);\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-reveal-active .mdp-contact-card,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-reveal-active .mdp-contact-card,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-reveal-active .mdp-contact-card,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-reveal-active .mdp-contact-card {\n                transform: translateX(0);\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-contact-card:hover,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-contact-card:hover,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-contact-card:hover,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-contact-card:hover {\n                transform: translateX(4px);\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-card-data,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-card-data,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-card-data,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-card-data {\n                text-align: left;\n                align-items: flex-start;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-card-data span:first-child,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-card-data span:first-child,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-card-data span:first-child,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-card-data span:first-child {\n                letter-spacing: 1px;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-ltr-text,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-ltr-text,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-ltr-text,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-ltr-text {\n                direction: ltr;\n                text-align: left;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-social-container,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-social-container,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-social-container,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-social-container {\n                justify-content: flex-start;\n                direction: ltr;\n                transform: translateX(-24px);\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-reveal-active .mdp-social-container,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-reveal-active .mdp-social-container,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-reveal-active .mdp-social-container,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-reveal-active .mdp-social-container {\n                transform: translateX(0);\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-form-wrapper,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-form-wrapper,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-form-wrapper,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-form-wrapper {\n                direction: ltr;\n                text-align: left;\n            }\n \n \n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-form-title,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-form-title,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-form-title,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-form-title,\n            html:lang(en) #mdp-contact-final-wrapper .mdp-form-desc,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-form-desc,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-form-desc,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-form-desc,\n            html:lang(en) #mdp-contact-final-wrapper .mdp-custom-form label,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-custom-form label,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-custom-form label,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-custom-form label {\n                text-align: left;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-custom-form input[type=\"text\"],\n            html:lang(en) #mdp-contact-final-wrapper .mdp-custom-form input[type=\"email\"],\n            html:lang(en) #mdp-contact-final-wrapper .mdp-custom-form input[type=\"tel\"],\n            html:lang(en) #mdp-contact-final-wrapper .mdp-custom-form textarea,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-custom-form input[type=\"text\"],\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-custom-form input[type=\"email\"],\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-custom-form input[type=\"tel\"],\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-custom-form textarea,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-custom-form input[type=\"text\"],\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-custom-form input[type=\"email\"],\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-custom-form input[type=\"tel\"],\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-custom-form textarea,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-custom-form input[type=\"text\"],\n            body:lang(en) #mdp-contact-final-wrapper .mdp-custom-form input[type=\"email\"],\n            body:lang(en) #mdp-contact-final-wrapper .mdp-custom-form input[type=\"tel\"],\n            body:lang(en) #mdp-contact-final-wrapper .mdp-custom-form textarea {\n                direction: ltr;\n                text-align: left;\n                font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif !important;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-file-upload-box,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-file-upload-box,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-file-upload-box,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-file-upload-box {\n                direction: ltr;\n                text-align: center;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-submit-btn,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-submit-btn,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-submit-btn,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-submit-btn {\n                direction: ltr;\n                font-family: Arial, \"Helvetica Neue\", Helvetica, sans-serif !important;\n            }\n\n            html:lang(en) #mdp-contact-final-wrapper .mdp-submit-btn i,\n            html:lang(en) #mdp-contact-final-wrapper .mdp-social-btn i,\n            html:lang(en) #mdp-contact-final-wrapper .mdp-icon-square i,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-submit-btn i,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-social-btn i,\n            html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-icon-square i,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-submit-btn i,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-social-btn i,\n            html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-icon-square i,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-submit-btn i,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-social-btn i,\n            body:lang(en) #mdp-contact-final-wrapper .mdp-icon-square i {\n                direction: ltr;\n            }\n\n            @media (max-width: 1024px) {\n                .mdp-content-grid { grid-template-columns: 1fr; }\n                .mdp-form-wrapper { order: 1; }\n                .mdp-info-column { order: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n                .mdp-social-container { grid-column: span 2; justify-content: center; margin-top: 15px; }\n\n                html:lang(en) #mdp-contact-final-wrapper .mdp-social-container,\n                html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-social-container,\n                html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-social-container,\n                body:lang(en) #mdp-contact-final-wrapper .mdp-social-container {\n                    justify-content: flex-start;\n                }\n            }\n\n            @media (max-width: 767px) {\n                #mdp-contact-final-wrapper { padding: 56px 0; }\n                .mdp-header-block { text-align: center; margin-bottom: 34px; }\n                .mdp-meta { justify-content: center; }\n                .mdp-main-title { font-size: 30px; line-height: 1.35; }\n                .mdp-info-column { grid-template-columns: 1fr; }\n                .mdp-social-container { grid-column: span 1; }\n                .mdp-contact-card { padding: 18px 18px; gap: 14px; min-height: 84px; }\n                .mdp-icon-square { width: 46px; height: 46px; font-size: 17px; }\n                .mdp-form-wrapper { padding: 26px 20px; }\n\n                html:lang(en) #mdp-contact-final-wrapper .mdp-header-block,\n                html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-header-block,\n                html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-header-block,\n                body:lang(en) #mdp-contact-final-wrapper .mdp-header-block {\n                    text-align: left;\n                }\n\n                html:lang(en) #mdp-contact-final-wrapper .mdp-meta,\n                html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-meta,\n                html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-meta,\n                body:lang(en) #mdp-contact-final-wrapper .mdp-meta {\n                    justify-content: flex-start;\n                }\n\n                html:lang(en) #mdp-contact-final-wrapper .mdp-info-column,\n                html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-info-column,\n                html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-info-column,\n                body:lang(en) #mdp-contact-final-wrapper .mdp-info-column {\n                    grid-template-columns: 1fr;\n                }\n\n                html:lang(en) #mdp-contact-final-wrapper .mdp-social-container,\n                html[lang=\"en-US\"] #mdp-contact-final-wrapper .mdp-social-container,\n                html[lang=\"en-GB\"] #mdp-contact-final-wrapper .mdp-social-container,\n                body:lang(en) #mdp-contact-final-wrapper .mdp-social-container {\n                    grid-column: span 1;\n                    justify-content: flex-start;\n                }\n            }\n        <\/style>\n\n        <div class=\"mdp-blueprint-layer\"><\/div>\n        <div class=\"mdp-ambient-mesh\"><\/div>\n\n        <div class=\"mdp-container\" id=\"mdp-reveal-trigger\">\n            <div class=\"mdp-header-block\">\n                <div class=\"mdp-meta\">\n                    <span class=\"mdp-line-sep\"><\/span>\n                    <span class=\"mdp-label-text\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/span>\n                <\/div>\n                <h2 class=\"mdp-main-title\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062a\u062d\u0648\u064a\u0644 \u0631\u0624\u064a\u062a\u0643 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0647\u0645. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u064a\u0648\u0645.<\/h2>\n            <\/div>\n\n            <div class=\"mdp-content-grid\">\n                <div class=\"mdp-info-column\">\n                    <a href=\"tel:0554522229\" class=\"mdp-contact-card\" style=\"transition-delay: 0.1s;\">\n                        <div class=\"mdp-icon-square\"><i class=\"fa-solid fa-phone-volume\"><\/i><\/div>\n                        <div class=\"mdp-card-data\"><span>\u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/span><span class=\"mdp-ltr-text\">0554522229<\/span><\/div>\n                    <\/a>\n                    \n                    <a href=\"mailto:info@mddoec.com\" class=\"mdp-contact-card\" style=\"transition-delay: 0.3s;\">\n                        <div class=\"mdp-icon-square\"><i class=\"fa-solid fa-envelope-open-text\"><\/i><\/div>\n                        <div class=\"mdp-card-data\"><span>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span><span>info@mddoec.com<\/span><\/div>\n                    <\/a>\n                    <div class=\"mdp-contact-card\" style=\"cursor: default; transition-delay: 0.4s;\">\n                        <div class=\"mdp-icon-square\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\n                        <div class=\"mdp-card-data\"><span>\u0627\u0644\u0645\u0642\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/span><span>\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span><\/div>\n                    <\/div>\n                    <div class=\"mdp-social-container\" style=\"transition-delay: 0.5s;\">\n                        <a href=\"https:\/\/instagram.com\/mddoec\" target=\"_blank\" class=\"mdp-social-btn\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n                        <a href=\"https:\/\/x.com\/mddoec\" target=\"_blank\" class=\"mdp-social-btn\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\n                        <a href=\"https:\/\/www.linkedin.com\/company\/mdd-events-exhibition\/\" target=\"_blank\" class=\"mdp-social-btn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mdp-form-wrapper\">\n                    <h3 class=\"mdp-form-title\">\u0623\u0631\u0633\u0644 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643<\/h3>\n                    <p class=\"mdp-form-desc\">\u0634\u0627\u0631\u0643\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644 \u0637\u0644\u0628\u0643\u060c \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a.<\/p>\n\n                    <div class=\"mdp-actual-form-container\">\n                        \n                        <form class=\"mdp-custom-form\" action=\"https:\/\/mddoec.com\/wp-admin\/admin-post.php\" method=\"POST\" enctype=\"multipart\/form-data\">\n                            <input type=\"hidden\" name=\"action\" value=\"mdp_submit_form\">\n                            <input type=\"hidden\" id=\"mdp_nonce\" name=\"mdp_nonce\" value=\"f27b3ab0d2\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/196\" \/>\n                            <div class=\"mdp-form-group\">\n                                <label>\u0627\u0644\u0627\u0633\u0645 *<\/label>\n                                <input type=\"text\" name=\"mdp_name\" required placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645\u0643 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\">\n                            <\/div>\n\n                            <div class=\"mdp-form-group\">\n                                <label>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n                                <input type=\"email\" name=\"mdp_email\" placeholder=\"example@domain.com\" dir=\"ltr\">\n                            <\/div>\n\n                            <div class=\"mdp-form-group\">\n                                <label>\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 *<\/label>\n                                <input type=\"tel\" name=\"mdp_phone\" required placeholder=\"\u0645\u062b\u0627\u0644: 05xxxxxx\" dir=\"rtl\">\n                            <\/div>\n\n                            <div class=\"mdp-form-group\">\n                                <label>\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n                                <input type=\"text\" name=\"mdp_company\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0634\u0631\u0643\u062a\u0643 \u0623\u0648 \u0645\u0624\u0633\u0633\u062a\u0643\">\n                            <\/div>\n\n                            <div class=\"mdp-form-group\">\n                                <label>\u0634\u0627\u0631\u0643\u0646\u0627 \u0641\u0643\u0631\u0629 \u0645\u0634\u0631\u0648\u0639\u0643 *<\/label>\n                                <textarea name=\"mdp_message\" rows=\"4\" required placeholder=\"\u0627\u0643\u062a\u0628 \u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u0648 \u0641\u0643\u0631\u0629 \u0645\u0634\u0631\u0648\u0639\u0643 \u0647\u0646\u0627...\"><\/textarea>\n                            <\/div>\n\n                            <div class=\"mdp-form-group\">\n                                <label>\u0627\u0644\u0645\u0631\u0641\u0642\u0627\u062a (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n                                <div class=\"mdp-file-upload-box\" id=\"mdp-upload-box\">\n                                    <div class=\"mdp-file-upload-icon\" id=\"mdp-upload-icon\"><i class=\"fa-solid fa-cloud-arrow-up\"><\/i><\/div>\n                                    <div class=\"mdp-file-upload-text\" id=\"mdp-upload-text\">\u0627\u0636\u063a\u0637 \u0647\u0646\u0627 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0644\u0641 (PDF, \u0635\u0648\u0631, Word)<\/div>\n                                    <input type=\"file\" name=\"mdp_attachment\" id=\"mdp-file-input\" accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\">\n                                    <span class=\"mdp-file-name-display\" id=\"mdp-file-name\"><\/span>\n                                <\/div>\n                            <\/div>\n\n                            <button type=\"submit\" class=\"mdp-submit-btn\" id=\"mdp-submit-btn\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function () {\n                \/\/ \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0638\u0647\u0648\u0631\n                const trigger = document.getElementById(\"mdp-reveal-trigger\");\n                if (trigger) {\n                    if (\"IntersectionObserver\" in window) {\n                        const observer = new IntersectionObserver((entries, obs) => {\n                            entries.forEach((entry) => {\n                                if (entry.isIntersecting) {\n                                    trigger.classList.add(\"mdp-reveal-active\");\n                                    obs.unobserve(trigger);\n                                }\n                            });\n                        }, { threshold: 0.15 });\n                        observer.observe(trigger);\n                    } else {\n                        trigger.classList.add(\"mdp-reveal-active\");\n                    }\n                }\n\n                \/\/ \u0645\u0624\u0634\u0631 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0644\u0641 \u0648\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u0648\u0646\n                const fileInput = document.getElementById('mdp-file-input');\n                const fileNameDisplay = document.getElementById('mdp-file-name');\n                const uploadBox = document.getElementById('mdp-upload-box');\n                const uploadIcon = document.getElementById('mdp-upload-icon');\n                const uploadText = document.getElementById('mdp-upload-text');\n\n                if (fileInput) {\n                    fileInput.addEventListener('change', function(e) {\n                        if (e.target.files.length > 0) {\n                            const fileName = e.target.files[0].name;\n                            fileNameDisplay.innerHTML = '<i class=\"fa-solid fa-check-circle\"><\/i> \u062a\u0645 \u0625\u0631\u0641\u0627\u0642: ' + fileName;\n                            \n                            uploadBox.style.borderColor = '#28a745';\n                            uploadBox.style.backgroundColor = 'rgba(40, 167, 69, 0.15)';\n                            uploadIcon.style.color = '#28a745';\n                            uploadText.style.color = '#28a745';\n                            fileNameDisplay.style.color = '#28a745';\n                        } else {\n                            fileNameDisplay.textContent = \"\";\n                            uploadBox.style.borderColor = 'rgba(255, 255, 255, 0.4)';\n                            uploadBox.style.backgroundColor = 'rgba(255, 255, 255, 0.05)';\n                            uploadIcon.style.color = '#ffffff';\n                            uploadText.style.color = '#ffffff';\n                        }\n                    });\n                }\n\n                \/\/ \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\n                const form = document.querySelector('.mdp-custom-form');\n                if (form) {\n                    form.addEventListener('submit', function() {\n                        const submitBtn = document.getElementById('mdp-submit-btn');\n                        submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n                        submitBtn.style.opacity = '0.8';\n                        submitBtn.style.pointerEvents = 'none';\n                    });\n                }\n            });\n        <\/script>\n    <\/div>\n    <\/div>\n\t\t\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>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-196","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/pages\/196","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=196"}],"version-history":[{"count":76,"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/pages\/196\/revisions"}],"predecessor-version":[{"id":962,"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/pages\/196\/revisions\/962"}],"wp:attachment":[{"href":"https:\/\/mddoec.com\/ar\/wp-json\/wp\/v2\/media?parent=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}