{"id":192,"date":"2026-03-18T14:27:18","date_gmt":"2026-03-18T14:27:18","guid":{"rendered":"https:\/\/lime-wolverine-745236.hostingersite.com\/?page_id=192"},"modified":"2026-04-12T08:10:59","modified_gmt":"2026-04-12T08:10:59","slug":"%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/mddoec.com\/en\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/","title":{"rendered":"Our projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"192\" class=\"elementor elementor-192\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63add98 e-con-full e-flex e-con e-parent\" data-id=\"63add98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ef26e elementor-widget elementor-widget-html\" data-id=\"59ef26e\" 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: transparent !important;\r\n            direction: rtl;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* 1. \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n        .mch-bg-layer {\r\n            position: absolute;\r\n            top: -5%;\r\n            left: -5%;\r\n            width: 110%;\r\n            height: 110%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            z-index: 1;\r\n            animation: slowPanZoom 25s ease-in-out infinite alternate;\r\n        }\r\n\r\n        \/* 2. \u0627\u0644\u062a\u0631\u0627\u0643\u0628 \u0627\u0644\u0644\u0648\u0646\u064a *\/\r\n        .mch-dark-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(180deg, rgba(10, 5, 20, 0.8) 0%, rgba(10, 5, 20, 0.4) 50%, rgba(10, 5, 20, 0.8) 100%);\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u0625\u0636\u0627\u0621\u0627\u062a \u0628\u064a\u0636\u0627\u0621 \u0639\u0627\u0626\u0645\u0629 *\/\r\n        .mch-glow-1 {\r\n            position: absolute;\r\n            top: 20%;\r\n            right: 15%;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            filter: blur(100px);\r\n            border-radius: 50%;\r\n            z-index: 3;\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: 10%;\r\n            left: 15%;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            filter: blur(120px);\r\n            border-radius: 50%;\r\n            z-index: 3;\r\n            animation: floatGlow 12s ease-in-out infinite alternate-reverse;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* 3. \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        \/* 4. \u062e\u0637 \u0627\u0644\u0644\u064a\u0632\u0631 \u0627\u0644\u0631\u0623\u0633\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        \/* 5. \u0627\u0644\u0645\u0633\u0627\u0631 *\/\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.3);\r\n            padding: 6px 20px;\r\n            border-radius: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\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.7);\r\n            font-size: 14px;\r\n            font-weight: 500;\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: 10px;\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        \/* 6. \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 10px 30px rgba(0,0,0,0.5);\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        \/* 7. \u0627\u0644\u0648\u0635\u0641 *\/\r\n        .mch-desc {\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 17px;\r\n            font-weight: 400;\r\n            line-height: 1.8;\r\n            max-width: 700px;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.6);\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\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 !important;\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           \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 !important;\r\n            left: 15% !important;\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 !important;\r\n            right: 15% !important;\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            text-align: center !important;\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 !important;\r\n            flex-direction: row !important;\r\n            padding: 6px 18px !important;\r\n            gap: 10px !important;\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) !important;\r\n            display: inline-block !important;\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 !important;\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 !important;\r\n            line-height: 1.15 !important;\r\n            max-width: 760px !important;\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.75 !important;\r\n            max-width: 760px !important;\r\n            font-size: 17px !important;\r\n        }\r\n\r\n        \/* --- Animations --- *\/\r\n        @keyframes slowPanZoom {\r\n            0% { transform: scale(1) translate(0, 0); }\r\n            100% { transform: scale(1.08) translate(-1%, 1%); }\r\n        }\r\n\r\n        @keyframes floatGlow {\r\n            0% { transform: translate(0, 0) scale(1); }\r\n            100% { transform: translate(30px, -30px) scale(1.1); }\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            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: 44px !important;\r\n            }\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: 5px 15px; 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: 5px 14px !important;\r\n                gap: 8px !important;\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 !important;\r\n                line-height: 1.2 !important;\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 !important;\r\n                line-height: 1.75 !important;\r\n                max-width: 100% !important;\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-bg-layer\"><\/div>\r\n    \r\n    <div class=\"mch-dark-overlay\"><\/div>\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=\"https:\/\/lime-wolverine-745236.hostingersite.com\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n            <span class=\"separator\"><i class=\"fas fa-chevron-left\" style=\"font-size: 10px;\"><\/i><\/span>\r\n            <span class=\"current\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/span>\r\n        <\/nav>\r\n\r\n        <h1 class=\"mch-title\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/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-957c7bd elementor-widget elementor-widget-shortcode\" data-id=\"957c7bd\" 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        <!-- Google Fonts -->\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n        \n        <style>\n            .madad-projects-archive * { \n                box-sizing: border-box; \n                font-family: 'Cairo', sans-serif; \n            }\n            \n            .madad-projects-archive { \n                direction: rtl; \n                background: transparent; \n                padding: 60px 0; \n                width: 100%;\n            }\n\n            .mpg-container {\n                max-width: 1400px; \n                margin: 0 auto;\n                padding: 0 20px;\n            }\n\n            \/* 1. Grid Layout (4 columns) *\/\n            .mpg-grid {\n                display: grid;\n                grid-template-columns: repeat(4, 1fr);\n                gap: 25px;\n            }\n\n            \/* 2. Card Style (Smaller & Elegant) *\/\n            .mpg-card { \n                position: relative; \n                border-radius: 14px; \n                overflow: hidden; \n                height: 420px; \n                cursor: pointer; \n                display: block;\n                border: 1px solid rgba(0,0,0,0.05);\n                background: #050505;\n                text-decoration: none;\n                transition: box-shadow 0.4s ease; \n            }\n            \n            \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u0648 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 *\/\n            .mpg-card-img,\n            .mpg-card-video { \n                position: absolute !important;\n                top: 0;\n                right: 0;\n                bottom: 0;\n                left: 0;\n                width: 100% !important; \n                height: 100% !important; \n                object-fit: cover !important; \n                object-position: center center; \n                display: block;\n                transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n                pointer-events: none;\n            }\n            \n            .mpg-card-overlay { \n                position: absolute; \n                inset: 0; \n                background: linear-gradient(to bottom, rgba(103, 81, 163, 0.05) 0%, rgba(15, 15, 25, 0.9) 100%); \n                z-index: 2; \n                transition: background 0.4s ease;\n            }\n            \n            .mpg-card-info { \n                position: absolute; \n                bottom: 25px; \n                right: 25px; \n                left: 25px; \n                z-index: 3; \n                text-align: right; \n            }\n            \n            .mpg-card-title { \n                font-size: 22px; \n                font-weight: 800; \n                color: #fff; \n                line-height: 1.3; \n                margin: 0 0 6px 0; \n            }\n            \n            .mpg-card-client { \n                font-size: 14px; \n                color: rgba(255,255,255,0.7); \n                font-weight: 500; \n                display: block; \n                letter-spacing: 0.5px;\n            }\n            \n            \/* Hover Effects *\/\n            .mpg-card:hover {\n                box-shadow: 0 15px 35px rgba(103, 81, 163, 0.2);\n            }\n            \n            .mpg-card:hover .mpg-card-img,\n            .mpg-card:hover .mpg-card-video { \n                transform: scale(1.08); \n            }\n            \n            .mpg-card:hover .mpg-card-overlay { \n                background: linear-gradient(to bottom, rgba(103, 81, 163, 0.25) 0%, rgba(2, 2, 5, 0.95) 100%); \n            }\n\n            \/* Optional icon handling if icons are added later *\/\n            .mpg-card i,\n            .mpg-card svg {\n                vertical-align: middle;\n            }\n\n            \/* =========================\n               ENGLISH VERSION - TranslatePress Compatible\n               \u064a\u0639\u062a\u0645\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\n               ========================= *\/\n\n            html:lang(en) .madad-projects-archive,\n            html[lang=\"en-US\"] .madad-projects-archive,\n            html[lang=\"en-GB\"] .madad-projects-archive,\n            body:lang(en) .madad-projects-archive {\n                direction: ltr;\n            }\n\n            html:lang(en) .madad-projects-archive *,\n            html[lang=\"en-US\"] .madad-projects-archive *,\n            html[lang=\"en-GB\"] .madad-projects-archive *,\n            body:lang(en) .madad-projects-archive * {\n                font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;\n            }\n\n            html:lang(en) .madad-projects-archive .mpg-card-info,\n            html[lang=\"en-US\"] .madad-projects-archive .mpg-card-info,\n            html[lang=\"en-GB\"] .madad-projects-archive .mpg-card-info,\n            body:lang(en) .madad-projects-archive .mpg-card-info {\n                text-align: left;\n                left: 25px;\n                right: 25px;\n                direction: ltr;\n                unicode-bidi: embed;\n            }\n\n            html:lang(en) .madad-projects-archive .mpg-card-title,\n            html[lang=\"en-US\"] .madad-projects-archive .mpg-card-title,\n            html[lang=\"en-GB\"] .madad-projects-archive .mpg-card-title,\n            body:lang(en) .madad-projects-archive .mpg-card-title {\n                font-size: 21px;\n                line-height: 1.4;\n                letter-spacing: -0.02em;\n                word-break: break-word;\n            }\n\n            html:lang(en) .madad-projects-archive .mpg-card-client,\n            html[lang=\"en-US\"] .madad-projects-archive .mpg-card-client,\n            html[lang=\"en-GB\"] .madad-projects-archive .mpg-card-client,\n            body:lang(en) .madad-projects-archive .mpg-card-client {\n                font-size: 13px;\n                letter-spacing: 0.02em;\n                line-height: 1.5;\n            }\n\n            html:lang(en) .madad-projects-archive .mpg-card,\n            html[lang=\"en-US\"] .madad-projects-archive .mpg-card,\n            html[lang=\"en-GB\"] .madad-projects-archive .mpg-card,\n            body:lang(en) .madad-projects-archive .mpg-card {\n                text-align: left;\n            }\n\n            html:lang(en) .madad-projects-archive .mpg-card i,\n            html:lang(en) .madad-projects-archive .mpg-card svg,\n            html[lang=\"en-US\"] .madad-projects-archive .mpg-card i,\n            html[lang=\"en-US\"] .madad-projects-archive .mpg-card svg,\n            html[lang=\"en-GB\"] .madad-projects-archive .mpg-card i,\n            html[lang=\"en-GB\"] .madad-projects-archive .mpg-card svg,\n            body:lang(en) .madad-projects-archive .mpg-card i,\n            body:lang(en) .madad-projects-archive .mpg-card svg {\n                margin-right: 0;\n                margin-left: 8px;\n            }\n\n            \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\n            @media (max-width: 576px) {\n                html:lang(en) .madad-projects-archive .mpg-card-info,\n                html[lang=\"en-US\"] .madad-projects-archive .mpg-card-info,\n                html[lang=\"en-GB\"] .madad-projects-archive .mpg-card-info,\n                body:lang(en) .madad-projects-archive .mpg-card-info {\n                    left: 20px;\n                    right: 20px;\n                    text-align: left;\n                }\n\n                html:lang(en) .madad-projects-archive .mpg-card-title,\n                html[lang=\"en-US\"] .madad-projects-archive .mpg-card-title,\n                html[lang=\"en-GB\"] .madad-projects-archive .mpg-card-title,\n                body:lang(en) .madad-projects-archive .mpg-card-title {\n                    font-size: 19px;\n                    line-height: 1.35;\n                }\n            }\n\n            \/* --- Responsive Design --- *\/\n            @media (max-width: 1200px) {\n                .mpg-grid { grid-template-columns: repeat(3, 1fr); } \n                .mpg-card { height: 400px; }\n            }\n\n            @media (max-width: 992px) {\n                .mpg-grid { grid-template-columns: repeat(2, 1fr); } \n                .mpg-card { height: 380px; }\n                .mpg-card-title { font-size: 20px; }\n            }\n\n            @media (max-width: 576px) {\n                .mpg-grid { grid-template-columns: 1fr; } \n                .mpg-card { height: 400px; }\n                .mpg-card-info { bottom: 20px; right: 20px; left: 20px; }\n            }\n        <\/style>\n\n        <div class=\"madad-projects-archive\">\n            <div class=\"mpg-container\">\n                <div class=\"mpg-grid\">\n                                                \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/efsim\/\" class=\"mpg-card\">\n                                \n                                                                    <img decoding=\"async\" \n                                        src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/e3-1024x683.webp\" \n                                        class=\"mpg-card-img\" \n                                        alt=\"EFSIM\"\n                                    >\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">EFSIM<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a7%d9%83%d8%a7%d8%af%d9%8a%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%88%d8%b7%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d8%ad%d8%b1%d9%8a%d8%a9\/\" class=\"mpg-card\">\n                                \n                                                                    <img decoding=\"async\" \n                                        src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/1-1024x683.jpeg\" \n                                        class=\"mpg-card-img\" \n                                        alt=\"\u0627\u0644\u0627\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0629\"\n                                    >\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0627\u0644\u0627\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0629<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a8%d9%84%d8%b2%d8%a2%d9%8a-%d9%88%d9%86%d8%aa%d8%b1%d9%88%d9%84%d8%a7%d9%86%d8%af\/\" class=\"mpg-card\">\n                                \n                                                                    <img decoding=\"async\" \n                                        src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS.webp\" \n                                        class=\"mpg-card-img\" \n                                        alt=\"\u0628\u0644\u0632\u0622\u064a \u2013 \u0648\u0646\u062a\u0631\u0648\u0644\u0627\u0646\u062f\"\n                                    >\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0628\u0644\u0632\u0622\u064a \u2013 \u0648\u0646\u062a\u0631\u0648\u0644\u0627\u0646\u062f<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b1%d9%83%d8%b2-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d9%84%d9%87-%d8%a7%d9%84%d9%85%d8%a7%d9%84%d9%8a-kafd\/\" class=\"mpg-card\">\n                                \n                                                                    <img decoding=\"async\" \n                                        src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo21-576x1024.webp\" \n                                        class=\"mpg-card-img\" \n                                        alt=\"\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0645\u0627\u0644\u064a KAFD\"\n                                    >\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0645\u0627\u0644\u064a KAFD<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d9%88%d8%b3%d9%85-%d8%a7%d9%84%d8%af%d8%b1%d8%b9%d9%8a%d8%a9\/\" class=\"mpg-card\">\n                                \n                                                                    <img decoding=\"async\" \n                                        src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo-1024x877.webp\" \n                                        class=\"mpg-card-img\" \n                                        alt=\"\u0645\u0648\u0633\u0645 \u0627\u0644\u062f\u0631\u0639\u064a\u0629\"\n                                    >\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0645\u0648\u0633\u0645 \u0627\u0644\u062f\u0631\u0639\u064a\u0629<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86\/\" class=\"mpg-card\">\n                                \n                                                                    <img decoding=\"async\" \n                                        src=\"https:\/\/mddoec.com\/wp-content\/uploads\/2026\/03\/WPS-Photo12-1024x877.webp\" \n                                        class=\"mpg-card-img\" \n                                        alt=\"\u0632\u064a\u0646\"\n                                    >\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0632\u064a\u0646<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a7%d9%84%d8%a5%d8%aa%d8%ad%d8%a7%d8%af-%d8%a7%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a-%d9%84%d9%84%d8%ac%d9%88%d8%af%d9%88\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0627\u062a\u062d\u0627\u062f-\u0627\u0644\u0633\u0639\u0648\u062f\u064a-\u0644\u0644\u062c\u0648\u062f\u0648.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0627\u0644\u0625\u062a\u062d\u0627\u062f \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0644\u0644\u062c\u0648\u062f\u0648<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/iotech-%d9%85%d8%b9%d8%b1%d8%b6-leap\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/VIDEO.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">IOTECH  \u0645\u0639\u0631\u0636 LEAP<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b4%d8%a7%d9%8a-%d9%88%d8%a7%d9%84%d8%b3%d9%86%d8%a7%d9%83\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0647\u064a\u0631\u0648-\u0645\u062f\u062f-\u0627\u0644\u0642\u0627\u0645\u0629-1.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u064a \u0648\u0627\u0644\u0633\u0646\u0627\u0643<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%ac%d8%a7%d9%85%d8%b9%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b3%d8%b9%d9%88%d8%af-%d9%83%d9%84%d9%8a%d8%a9-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6%d8%a9-%d9%88\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u062c\u0627\u0645\u0639\u0629-\u0627\u0644\u0645\u0644\u0643-\u0633\u0639\u0648\u062f.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u0633\u0639\u0648\u062f \u2013 \u0643\u0644\u064a\u0629 \u0639\u0644\u0648\u0645 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0648\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%83%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d9%81%d9%87%d8%af-%d8%a7%d9%84%d8%a3%d9%85%d9%86%d9%8a%d8%a9\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0643\u0644\u064a\u0629-\u0627\u0644\u0645\u0644\u0643-\u0641\u0647\u062f-\u0627\u0644\u0627\u0645\u0646\u064a\u0629.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0641\u0647\u062f \u0627\u0644\u0623\u0645\u0646\u064a\u0629<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d8%a7%d9%81%d8%b8%d8%a9-%d8%a7%d9%84%d8%af%d9%84%d9%85\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0628\u0644\u062f\u064a\u0629-\u0627\u0644\u062f\u0644\u0645.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u062f\u0644\u0645<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%a5%d8%a8%d8%b1%d8%a7%d9%87%d9%8a%d9%85-%d8%a8%d9%86-%d9%85%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%b3%d8%b9%d9%8a%d8%af%d8%a7%d9%86-%d8%a7%d9%84%d8%b9%d9%82%d8%a7%d8%b1%d9%8a%d8%a9\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0627\u0628\u0631\u0627\u0647\u064a\u0645-\u0628\u0646-\u0645\u062d\u0645\u062f-\u0628\u0646-\u0633\u0639\u064a\u062f\u0627\u0646-\u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629-1.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0625\u0628\u0631\u0627\u0647\u064a\u0645 \u0628\u0646 \u0645\u062d\u0645\u062f \u0628\u0646 \u0633\u0639\u064a\u062f\u0627\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/h3>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d9%85%d8%ad%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%84%d9%83-%d8%b9%d8%a8%d8%af%d8%a7%d9%84%d8%b9%d8%b2%d9%8a%d8%b2-%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d8%aa%d8%a3%d8%b3%d9%8a%d8%b3\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/Video-.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0645\u062d\u0645\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632 \u2013 \u064a\u0648\u0645 \u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/h3>\n                                                                            <span class=\"mpg-card-client\">\u0645\u062d\u0645\u064a\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632<\/span>\n                                                                    <\/div>\n                            <\/a>\n\n                                                    \n                            <a href=\"https:\/\/mddoec.com\/en\/projects\/%d8%b2%d9%8a%d9%86-%d8%a7%d9%84%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d9%88%d8%b7%d9%8a\/\" class=\"mpg-card\">\n                                \n                                                                    <video class=\"mpg-card-video\" autoplay muted loop playsinline preload=\"metadata\">\n                                        <source src=\"https:\/\/lime-wolverine-745236.hostingersite.com\/wp-content\/uploads\/2026\/03\/\u0632\u064a\u0646-2-1.mp4\" type=\"video\/mp4\">\n                                    <\/video>\n                                \n                                <div class=\"mpg-card-overlay\"><\/div>\n                                <div class=\"mpg-card-info\">\n                                    <h3 class=\"mpg-card-title\">\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0648\u0637\u0646\u064a<\/h3>\n                                                                            <span class=\"mpg-card-client\">\u0632\u064a\u0646<\/span>\n                                                                    <\/div>\n                            <\/a>\n\n                                        <\/div>\n            <\/div>\n        <\/div>\n\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>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/p>","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-192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":28,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":947,"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/pages\/192\/revisions\/947"}],"wp:attachment":[{"href":"https:\/\/mddoec.com\/en\/wp-json\/wp\/v2\/media?parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}