{"id":1674,"date":"2026-09-09T09:46:25","date_gmt":"2026-09-09T09:46:25","guid":{"rendered":"https:\/\/www.mediafactoryworld.com\/?page_id=1674"},"modified":"2026-09-10T08:13:14","modified_gmt":"2026-09-10T08:13:14","slug":"%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d8%ac%d8%b1%d8%a7%d9%81%d9%8a%d9%83%d9%8a","status":"publish","type":"page","link":"https:\/\/www.mediafactoryworld.com\/ar\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d8%ac%d8%b1%d8%a7%d9%81%d9%8a%d9%83%d9%8a\/","title":{"rendered":"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1674\" class=\"elementor elementor-1674 elementor-1669\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a41d002 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a41d002\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-02f3a97\" data-id=\"02f3a97\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51a7f8a elementor-widget elementor-widget-html\" data-id=\"51a7f8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mf-gfx mf-gfx-ar\" dir=\"rtl\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"mf-gfx-hero\">\r\n\r\n        <div class=\"mf-gfx-wrap mf-gfx-hero-grid\">\r\n\r\n            <div class=\"mf-gfx-hero-copy\">\r\n\r\n                <h1>\r\n                    \u0648\u0627\u062c\u0647\u0629 \u0628\u0635\u0631\u064a\u0629 \u0641\u0627\u062e\u0631\u0629 \u062a\u0645\u0646\u062d \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0645\u0643\u0627\u0646\u0629 \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u062d\u0642\u0647\u0627\r\n                <\/h1>\r\n\r\n                <a href=\"\/ar\/contact-us\/\" class=\"mf-gfx-btn\">\r\n                    \u0627\u0637\u0644\u0628 \u062e\u062f\u0645\u0627\u062a\u0643 \u0645\u0646 \u0645\u064a\u062f\u064a\u0627 \u0641\u0627\u0643\u062a\u0648\u0631\u064a \u0627\u0644\u0627\u0646\r\n                    <span>\u2197<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mf-gfx-hero-visual\">\r\n\r\n                <div class=\"mf-gfx-design-window\">\r\n\r\n                    <div class=\"mf-gfx-window-top\">\r\n                        <i><\/i>\r\n                        <i><\/i>\r\n                        <i><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"mf-gfx-artboard\">\r\n\r\n                        <div class=\"mf-gfx-shape mf-gfx-circle\"><\/div>\r\n                        <div class=\"mf-gfx-shape mf-gfx-square\"><\/div>\r\n                        <div class=\"mf-gfx-shape mf-gfx-line\"><\/div>\r\n\r\n                        <div class=\"mf-gfx-layout-lines\">\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mf-gfx-float mf-gfx-colors\">\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                    <i><\/i>\r\n                <\/div>\r\n\r\n              \r\n\r\n              <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- OVERVIEW -->\r\n    <section class=\"mf-gfx-overview\">\r\n\r\n        <div class=\"mf-gfx-wrap mf-gfx-overview-grid\">\r\n\r\n            <div class=\"mf-gfx-overview-visual\">\r\n\r\n                <div class=\"mf-gfx-mockup mf-gfx-mockup-1\">\r\n                    <div><\/div>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n                <div class=\"mf-gfx-mockup mf-gfx-mockup-2\">\r\n                    <div><\/div>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n                <div class=\"mf-gfx-mockup mf-gfx-mockup-3\">\r\n                    <div><\/div>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mf-gfx-overview-copy\">\r\n\r\n                <p>\r\n                    \u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062e\u0633\u0631 \u0627\u0647\u062a\u0645\u0627\u0645 \u0627\u0644\u0632\u0628\u0627\u0626\u0646 \u0648\u0641\u0631\u0635 \u0627\u0644\u0628\u064a\u0639 \u0628\u0633\u0628\u0628 \u063a\u064a\u0627\u0628 \u062e\u062f\u0645\u0627\u062a <strong>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/strong> \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0642\u0648\u0627\u0644\u0628 \u0648\u062a\u0635\u0627\u0645\u064a\u0645 \u062c\u0627\u0647\u0632\u0629 \u062f\u0648\u0646 \u0627\u0644\u0627\u0633\u062a\u0639\u0627\u0646\u0629 \u0628\u0640 <strong>\u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643<\/strong> \u0645\u062d\u062a\u0631\u0641 \u0645\u0645\u0627 \u064a\u0639\u0637\u064a \u0627\u0646\u0637\u0628\u0627\u0639\u0627 \u0645\u062a\u0648\u0627\u0636\u0639\u0627 \u0639\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u064a\u062c\u0639\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062a\u0645\u0631 \u0645\u0631\u0648\u0631 \u0627\u0644\u0643\u0631\u0627\u0645 \u0648\u0633\u0637 \u0632\u062d\u0645\u0629 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u062f\u0648\u0646 \u062a\u062d\u0642\u064a\u0642 \u0623\u064a \u062a\u0641\u0627\u0639\u0644 \u0623\u0648 \u0645\u0628\u064a\u0639\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- PROCESS -->\r\n    <section class=\"mf-gfx-process\">\r\n\r\n        <div class=\"mf-gfx-wrap\">\r\n\r\n            <div class=\"mf-gfx-heading\">\r\n                <h2>\r\n                    \u0643\u064a\u0641 \u062a\u062d\u0644 \u0645\u064a\u062f\u064a\u0627 \u0641\u0627\u0643\u062a\u0648\u0631\u064a \u0627\u0644\u0645\u0634\u0643\u0644\u0629\r\n                <\/h2>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mf-gfx-steps\">\r\n\r\n                <article class=\"mf-gfx-step\">\r\n\r\n                    <div class=\"mf-gfx-step-icon\">\u25ce<\/div>\r\n\r\n                    <h3>\r\n                        \u0641\u0647\u0645 \u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0631\u0627\u0646\u062f \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u062f\u0631\u0633 \u0623\u0644\u0648\u0627\u0646 \u0648\u062e\u0637\u0648\u0637 \u0648\u062f\u0644\u064a\u0644 \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0628\u062f\u0642\u0629 \u0644\u0646\u0636\u0645\u0646 \u0623\u0646 \u0643\u0644 \u062a\u0635\u0645\u064a\u0645 \u0646\u0646\u062a\u062c\u0647 \u064a\u0639\u0628\u0631 \u0639\u0646 \u0634\u062e\u0635\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u064a\u0648\u0635\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0628\u0648\u0636\u0648\u062d\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"mf-gfx-step\">\r\n\r\n                    <div class=\"mf-gfx-step-icon\">\u2726<\/div>\r\n\r\n                    <h3>\r\n                        \u062a\u0635\u0645\u064a\u0645 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0645\u0637\u0628\u0648\u0639\u0627\u062a \u0645\u0648\u062c\u0647\u0629 \u0644\u0644\u0628\u064a\u0639\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u0628\u062a\u0643\u0631 \u062a\u0635\u0627\u0645\u064a\u0645 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0628\u0646\u0631\u0627\u062a \u0648\u062d\u0645\u0644\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u0633\u0633 \u0633\u064a\u0643\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u0628\u0635\u0631\u064a \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u062c\u0630\u0628 \u0639\u064a\u0646 \u0627\u0644\u0639\u0645\u064a\u0644 \u0646\u062d\u0648 \u0627\u0644\u0639\u0631\u0636 \u0645\u0628\u0627\u0634\u0631\u0629\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"mf-gfx-step\">\r\n\r\n                    <div class=\"mf-gfx-step-icon\">\u25a4<\/div>\r\n\r\n                    <h3>\r\n                        \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u064a\u0639\u0645\u0644 \u0643\u0644 <strong>\u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643<\/strong> \u0641\u064a \u0641\u0631\u064a\u0642\u0646\u0627 \u0639\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u0628\u0631\u0648\u0641\u0627\u064a\u0644 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c\u0627\u062a \u0648\u0628\u0631\u0648\u0634\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0628\u0623\u0639\u0644\u0649 \u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0643\u0627\u0641\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u064a\u0629\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"mf-gfx-step\">\r\n\r\n                    <div class=\"mf-gfx-step-icon\">\u25eb<\/div>\r\n\r\n                    <h3>\r\n                        \u062a\u062c\u0647\u064a\u0632 \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a \u0645\u062e\u0635\u0635 \u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u0635\u0646\u0639 \u0642\u0648\u0627\u0644\u0628 \u0648\u0628\u0648\u0633\u062a\u0627\u062a \u0648\u0633\u0644\u0627\u064a\u062f\u0627\u062a \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0644\u062d\u0633\u0627\u0628\u0627\u062a\u0643 \u062a\u0632\u064a\u062f \u0645\u0646 \u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0648\u062a\u0639\u0637\u064a \u0645\u0638\u0647\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u0627\u062e\u0631 \u0644\u0635\u0641\u062d\u062a\u0643\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"mf-gfx-step\">\r\n\r\n                    <div class=\"mf-gfx-step-icon\">\u2713<\/div>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u0631\u0627\u062c\u0639 \u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0628\u062f\u0642\u0629 \u0648\u0646\u0633\u0644\u0645 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0628\u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u0628\u062c\u0648\u062f\u0629 \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u062f\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631 \u0645\u0634\u0631\u0648\u0639\u0643 \u0628\u0623\u0641\u0636\u0644 \u0635\u0648\u0631\u0629 \u0645\u0645\u0643\u0646\u0629 \u0641\u064a \u0643\u0644 \u0645\u0643\u0627\u0646\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- CTA -->\r\n    <section class=\"mf-gfx-cta\">\r\n\r\n        <div class=\"mf-gfx-cta-shape mf-gfx-cta-one\"><\/div>\r\n        <div class=\"mf-gfx-cta-shape mf-gfx-cta-two\"><\/div>\r\n\r\n        <div class=\"mf-gfx-wrap mf-gfx-cta-inner\">\r\n\r\n            <h2>\r\n                \u0627\u0631\u062a\u0642 \u0628\u0645\u0638\u0647\u0631 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0626\u0643 \u0628\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0645\u0639 \u0623\u0645\u0647\u0631 <strong>\u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643<\/strong>\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u0627\u0637\u0644\u0628 \u062e\u062f\u0645\u0627\u062a\u0643 \u0645\u0646 <strong>\u0645\u064a\u062f\u064a\u0627 \u0641\u0627\u0643\u062a\u0648\u0631\u064a<\/strong> \u0627\u0644\u0627\u0646\r\n            <\/p>\r\n\r\n            <a href=\"\/ar\/contact-us\/\" class=\"mf-gfx-btn\">\r\n                \u0627\u0637\u0644\u0628 \u062e\u062f\u0645\u0627\u062a\u0643 \u0645\u0646 \u0645\u064a\u062f\u064a\u0627 \u0641\u0627\u0643\u062a\u0648\u0631\u064a \u0627\u0644\u0627\u0646\r\n                <span>\u2197<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.mf-gfx {\r\n    --teal:#0C7A7A;\r\n    --orange:#F47B46;\r\n    --dark:#071D1F;\r\n    --light:#F5F9F9;\r\n    --text:#59696B;\r\n\r\n    width:100%;\r\n    color:var(--dark);\r\n    font-family:inherit;\r\n}\r\n\r\n.mf-gfx * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n.mf-gfx-wrap {\r\n    width:calc(100% - 60px);\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* HERO *\/\r\n\r\n.mf-gfx-hero {\r\n    padding:95px 0;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(circle at 85% 20%,rgba(12,122,122,.14),transparent 30%),\r\n        #F8FBFB;\r\n}\r\n\r\n.mf-gfx-hero-grid {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    align-items:center;\r\n    gap:85px;\r\n}\r\n\r\n.mf-gfx-hero h1 {\r\n    margin:0;\r\n\r\n    font-size:clamp(42px,4.2vw,64px);\r\n    line-height:1.06;\r\n    letter-spacing:-2.6px;\r\n\r\n    color:var(--dark);\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.mf-gfx-btn {\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n\r\n    margin-top:35px;\r\n    padding:17px 27px;\r\n\r\n    background:var(--orange);\r\n    color:#fff !important;\r\n\r\n    border-radius:7px;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    text-decoration:none !important;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.mf-gfx-btn span {\r\n    transition:.3s ease;\r\n}\r\n\r\n.mf-gfx-btn:hover {\r\n    transform:translateY(-3px);\r\n    box-shadow:0 15px 35px rgba(244,123,70,.24);\r\n}\r\n\r\n.mf-gfx-btn:hover span {\r\n    transform:translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* HERO DESIGN VISUAL *\/\r\n\r\n.mf-gfx-hero-visual {\r\n    position:relative;\r\n\r\n    min-height:450px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.mf-gfx-design-window {\r\n    width:78%;\r\n\r\n    padding:17px;\r\n\r\n    background:#fff;\r\n    border-radius:22px;\r\n\r\n    box-shadow:0 30px 70px rgba(7,29,31,.14);\r\n\r\n    transform:rotate(2deg);\r\n}\r\n\r\n.mf-gfx-window-top {\r\n    display:flex;\r\n    gap:6px;\r\n\r\n    padding:2px 3px 14px;\r\n}\r\n\r\n.mf-gfx-window-top i {\r\n    width:8px;\r\n    height:8px;\r\n\r\n    background:#D9E4E4;\r\n    border-radius:50%;\r\n}\r\n\r\n.mf-gfx-window-top i:first-child {\r\n    background:var(--orange);\r\n}\r\n\r\n.mf-gfx-artboard {\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    height:315px;\r\n\r\n    background:var(--dark);\r\n\r\n    border-radius:14px;\r\n}\r\n\r\n.mf-gfx-shape {\r\n    position:absolute;\r\n}\r\n\r\n.mf-gfx-circle {\r\n    width:210px;\r\n    height:210px;\r\n\r\n    right:-60px;\r\n    bottom:-70px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--teal);\r\n}\r\n\r\n.mf-gfx-square {\r\n    width:135px;\r\n    height:135px;\r\n\r\n    left:-25px;\r\n    top:-30px;\r\n\r\n    transform:rotate(25deg);\r\n\r\n    background:var(--orange);\r\n}\r\n\r\n.mf-gfx-line {\r\n    width:220px;\r\n    height:4px;\r\n\r\n    left:80px;\r\n    top:150px;\r\n\r\n    transform:rotate(-23deg);\r\n\r\n    background:#fff;\r\n}\r\n\r\n.mf-gfx-layout-lines {\r\n    position:absolute;\r\n\r\n    left:40px;\r\n    bottom:38px;\r\n\r\n    width:45%;\r\n}\r\n\r\n.mf-gfx-layout-lines span {\r\n    display:block;\r\n\r\n    height:7px;\r\n    margin:9px 0;\r\n\r\n    background:rgba(255,255,255,.28);\r\n\r\n    border-radius:30px;\r\n}\r\n\r\n.mf-gfx-layout-lines span:nth-child(2) {\r\n    width:70%;\r\n}\r\n\r\n.mf-gfx-layout-lines span:nth-child(3) {\r\n    width:45%;\r\n}\r\n\r\n\r\n\/* FLOATING DESIGN ELEMENTS *\/\r\n\r\n.mf-gfx-float {\r\n    position:absolute;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:0 15px 40px rgba(7,29,31,.13);\r\n\r\n    z-index:4;\r\n}\r\n\r\n.mf-gfx-colors {\r\n    width:128px;\r\n    height:56px;\r\n\r\n    left:0;\r\n    top:50px;\r\n\r\n    gap:8px;\r\n\r\n    border-radius:17px;\r\n}\r\n\r\n.mf-gfx-colors i {\r\n    width:22px;\r\n    height:22px;\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n.mf-gfx-colors i:nth-child(1){background:#F47B46;}\r\n.mf-gfx-colors i:nth-child(2){background:#0C7A7A;}\r\n.mf-gfx-colors i:nth-child(3){background:#071D1F;}\r\n.mf-gfx-colors i:nth-child(4){background:#D5E3E3;}\r\n\r\n.mf-gfx-type {\r\n    width:68px;\r\n    height:68px;\r\n\r\n    right:0;\r\n    top:90px;\r\n\r\n    border-radius:18px;\r\n\r\n    color:var(--teal);\r\n\r\n    font-size:22px;\r\n    font-weight:800;\r\n}\r\n\r\n.mf-gfx-grid-icon {\r\n    width:62px;\r\n    height:62px;\r\n\r\n    right:30px;\r\n    bottom:30px;\r\n\r\n    border-radius:18px;\r\n\r\n    background:var(--orange);\r\n    color:#fff;\r\n\r\n    font-size:25px;\r\n}\r\n\r\n\r\n\/* OVERVIEW *\/\r\n\r\n.mf-gfx-overview {\r\n    padding:105px 0;\r\n    background:#fff;\r\n}\r\n\r\n.mf-gfx-overview-grid {\r\n    display:grid;\r\n    grid-template-columns:.9fr 1.1fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:90px;\r\n}\r\n\r\n.mf-gfx-overview-visual {\r\n    position:relative;\r\n\r\n    min-height:410px;\r\n\r\n    background:var(--light);\r\n\r\n    border-radius:25px;\r\n}\r\n\r\n.mf-gfx-mockup {\r\n    position:absolute;\r\n\r\n    width:220px;\r\n    height:265px;\r\n\r\n    padding:20px;\r\n\r\n    background:#fff;\r\n\r\n    border-radius:15px;\r\n\r\n    box-shadow:0 18px 45px rgba(7,29,31,.10);\r\n}\r\n\r\n.mf-gfx-mockup div {\r\n    height:130px;\r\n\r\n    margin-bottom:22px;\r\n\r\n    background:#DCE8E8;\r\n\r\n    border-radius:9px;\r\n}\r\n\r\n.mf-gfx-mockup span {\r\n    display:block;\r\n\r\n    width:75%;\r\n    height:8px;\r\n\r\n    margin:9px 0;\r\n\r\n    background:#D3DFDF;\r\n\r\n    border-radius:20px;\r\n}\r\n\r\n.mf-gfx-mockup span:last-child {\r\n    width:48%;\r\n}\r\n\r\n.mf-gfx-mockup-1 {\r\n    left:35px;\r\n    top:65px;\r\n\r\n    transform:rotate(-8deg);\r\n}\r\n\r\n.mf-gfx-mockup-2 {\r\n    left:50%;\r\n    top:45px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    z-index:3;\r\n\r\n    border-top:4px solid var(--orange);\r\n}\r\n\r\n.mf-gfx-mockup-2 div {\r\n    background:var(--teal);\r\n}\r\n\r\n.mf-gfx-mockup-3 {\r\n    right:35px;\r\n    top:65px;\r\n\r\n    transform:rotate(8deg);\r\n}\r\n\r\n.mf-gfx-overview h2,\r\n.mf-gfx-heading h2 {\r\n    margin:0;\r\n\r\n    font-size:clamp(34px,3vw,46px);\r\n    line-height:1.12;\r\n\r\n    letter-spacing:-1.5px;\r\n\r\n    color:var(--dark);\r\n}\r\n\r\n.mf-gfx-accent {\r\n    width:45px;\r\n    height:4px;\r\n\r\n    margin:20px 0 27px;\r\n\r\n    background:var(--orange);\r\n\r\n    border-radius:10px;\r\n}\r\n\r\n.mf-gfx-overview p,\r\n.mf-gfx-heading p {\r\n    margin:0;\r\n\r\n    color:var(--text);\r\n\r\n    font-size:17px;\r\n    line-height:1.85;\r\n}\r\n\r\n\r\n\/* PROCESS *\/\r\n\r\n.mf-gfx-process {\r\n    padding:105px 0;\r\n\r\n    background:var(--light);\r\n}\r\n\r\n.mf-gfx-heading {\r\n    max-width:820px;\r\n\r\n    margin:0 auto 60px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.mf-gfx-heading p {\r\n    margin-top:22px;\r\n}\r\n\r\n.mf-gfx-steps {\r\n    counter-reset:gfxstep;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(6,1fr);\r\n\r\n    gap:20px;\r\n}\r\n\r\n.mf-gfx-step {\r\n    counter-increment:gfxstep;\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    grid-column:span 2;\r\n\r\n    min-height:340px;\r\n\r\n    padding:34px 27px 30px;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid rgba(12,122,122,.10);\r\n\r\n    border-radius:18px;\r\n\r\n    transition:.35s ease;\r\n}\r\n\r\n.mf-gfx-step:nth-child(4) {\r\n    grid-column:2 \/ span 2;\r\n}\r\n\r\n.mf-gfx-step:nth-child(5) {\r\n    grid-column:4 \/ span 2;\r\n}\r\n\r\n.mf-gfx-step::before {\r\n    content:counter(gfxstep,decimal-leading-zero);\r\n\r\n    position:absolute;\r\n\r\n    right:18px;\r\n    top:11px;\r\n\r\n    color:rgba(12,122,122,.07);\r\n\r\n    font-size:64px;\r\n    line-height:1;\r\n    font-weight:900;\r\n}\r\n\r\n.mf-gfx-step::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:27px;\r\n    top:0;\r\n\r\n    width:45px;\r\n    height:4px;\r\n\r\n    background:var(--orange);\r\n}\r\n\r\n.mf-gfx-step:hover {\r\n    transform:translateY(-8px);\r\n\r\n    border-color:rgba(12,122,122,.25);\r\n\r\n    box-shadow:0 20px 45px rgba(7,29,31,.09);\r\n}\r\n\r\n.mf-gfx-step-icon {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:52px;\r\n    height:52px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin-bottom:25px;\r\n\r\n    background:rgba(12,122,122,.08);\r\n    color:var(--teal);\r\n\r\n    border-radius:50%;\r\n\r\n    font-size:23px;\r\n}\r\n\r\n.mf-gfx-step h3 {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:0 0 15px;\r\n\r\n    color:var(--dark);\r\n\r\n    font-size:19px;\r\n    line-height:1.35;\r\n}\r\n\r\n.mf-gfx-step p {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:0;\r\n\r\n    color:#617173;\r\n\r\n    font-size:14px;\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* CTA *\/\r\n\r\n.mf-gfx-cta {\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:95px 0;\r\n\r\n    background:var(--teal);\r\n}\r\n\r\n.mf-gfx-cta-inner {\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    max-width:950px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.mf-gfx-cta h2 {\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(32px,3.4vw,48px);\r\n    line-height:1.18;\r\n\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n.mf-gfx-cta p {\r\n    margin:24px 0 0;\r\n\r\n    color:rgba(255,255,255,.80);\r\n\r\n    font-size:18px;\r\n}\r\n\r\n.mf-gfx-cta-shape {\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n.mf-gfx-cta-one {\r\n    width:300px;\r\n    height:300px;\r\n\r\n    left:-130px;\r\n    top:-170px;\r\n\r\n    border:1px solid rgba(255,255,255,.14);\r\n}\r\n\r\n.mf-gfx-cta-two {\r\n    width:450px;\r\n    height:450px;\r\n\r\n    right:-230px;\r\n    bottom:-310px;\r\n\r\n    background:rgba(244,123,70,.13);\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px) {\r\n\r\n    .mf-gfx-hero-grid,\r\n    .mf-gfx-overview-grid {\r\n        gap:45px;\r\n    }\r\n\r\n    .mf-gfx-overview-visual {\r\n        transform:scale(.9);\r\n    }\r\n\r\n    .mf-gfx-steps {\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .mf-gfx-step,\r\n    .mf-gfx-step:nth-child(4),\r\n    .mf-gfx-step:nth-child(5) {\r\n        grid-column:auto;\r\n    }\r\n\r\n    .mf-gfx-step:last-child {\r\n        grid-column:1 \/ -1;\r\n    }\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px) {\r\n\r\n    .mf-gfx-wrap {\r\n        width:calc(100% - 40px);\r\n    }\r\n\r\n    .mf-gfx-hero,\r\n    .mf-gfx-overview,\r\n    .mf-gfx-process,\r\n    .mf-gfx-cta {\r\n        padding:65px 0;\r\n    }\r\n\r\n    .mf-gfx-hero-grid,\r\n    .mf-gfx-overview-grid {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .mf-gfx-hero h1 {\r\n        font-size:39px;\r\n\r\n        letter-spacing:-1.4px;\r\n    }\r\n\r\n    .mf-gfx-hero-visual {\r\n        min-height:365px;\r\n    }\r\n\r\n    .mf-gfx-design-window {\r\n        width:85%;\r\n    }\r\n\r\n    .mf-gfx-overview-grid {\r\n        gap:45px;\r\n    }\r\n\r\n    .mf-gfx-overview-visual {\r\n        min-height:360px;\r\n\r\n        transform:none;\r\n    }\r\n\r\n    .mf-gfx-mockup {\r\n        width:175px;\r\n        height:230px;\r\n    }\r\n\r\n    .mf-gfx-mockup-1 {\r\n        left:15px;\r\n    }\r\n\r\n    .mf-gfx-mockup-3 {\r\n        right:15px;\r\n    }\r\n\r\n    .mf-gfx-steps {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .mf-gfx-step:last-child {\r\n        grid-column:auto;\r\n    }\r\n\r\n    .mf-gfx-btn {\r\n        width:100%;\r\n    }\r\n}\r\n\r\n\r\n.mf-gfx-ar {\r\n    direction:rtl;\r\n    text-align:right;\r\n}\r\n\r\n.mf-gfx-ar .mf-gfx-hero-copy,\r\n.mf-gfx-ar .mf-gfx-overview-copy,\r\n.mf-gfx-ar .mf-gfx-step {\r\n    text-align:right;\r\n}\r\n\r\n.mf-gfx-ar .mf-gfx-heading,\r\n.mf-gfx-ar .mf-gfx-cta-inner {\r\n    text-align:center;\r\n}\r\n\r\n\r\n\/* flip number *\/\r\n\r\n.mf-gfx-ar .mf-gfx-step::before {\r\n    right:auto;\r\n    left:18px;\r\n}\r\n\r\n\r\n\/* flip orange card accent *\/\r\n\r\n.mf-gfx-ar .mf-gfx-step::after {\r\n    left:auto;\r\n    right:27px;\r\n}\r\n\r\n\r\n\/* overview typography *\/\r\n\r\n.mf-gfx-ar .mf-gfx-overview-copy p,\r\n.mf-gfx-ar .mf-gfx-step p {\r\n    line-height:2;\r\n}\r\n\r\n\r\n\/* Arabic headings *\/\r\n\r\n.mf-gfx-ar .mf-gfx-hero h1 {\r\n    letter-spacing:0;\r\n    line-height:1.35;\r\n}\r\n\r\n.mf-gfx-ar .mf-gfx-heading h2,\r\n.mf-gfx-ar .mf-gfx-cta h2 {\r\n    letter-spacing:0;\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* Arrow direction *\/\r\n\r\n.mf-gfx-ar .mf-gfx-btn span {\r\n    transform:scaleX(-1);\r\n}\r\n\r\n.mf-gfx-ar .mf-gfx-btn:hover span {\r\n    transform:scaleX(-1) translate(-3px,-3px);\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0648\u0627\u062c\u0647\u0629 \u0628\u0635\u0631\u064a\u0629 \u0641\u0627\u062e\u0631\u0629 \u062a\u0645\u0646\u062d \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0645\u0643\u0627\u0646\u0629 \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u062d\u0642\u0647\u0627 \u0627\u0637\u0644\u0628 \u062e\u062f\u0645\u0627\u062a\u0643 \u0645\u0646 \u0645\u064a\u062f\u064a\u0627 \u0641\u0627\u0643\u062a\u0648\u0631\u064a \u0627\u0644\u0627\u0646 \u2197 \u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062e\u0633\u0631 \u0627\u0647\u062a\u0645\u0627\u0645 \u0627\u0644\u0632\u0628\u0627\u0626\u0646 \u0648\u0641\u0631\u0635 \u0627\u0644\u0628\u064a\u0639 \u0628\u0633\u0628\u0628 \u063a\u064a\u0627\u0628 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0642\u0648\u0627\u0644\u0628 \u0648\u062a\u0635\u0627\u0645\u064a\u0645 \u062c\u0627\u0647\u0632\u0629 \u062f\u0648\u0646 \u0627\u0644\u0627\u0633\u062a\u0639\u0627\u0646\u0629 \u0628\u0640 \u0645\u0635\u0645\u0645 \u062c\u0631\u0627\u0641\u064a\u0643 \u0645\u062d\u062a\u0631\u0641 \u0645\u0645\u0627 \u064a\u0639\u0637\u064a \u0627\u0646\u0637\u0628\u0627\u0639\u0627 \u0645\u062a\u0648\u0627\u0636\u0639\u0627 \u0639\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u064a\u062c\u0639\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062a\u0645\u0631 \u0645\u0631\u0648\u0631 \u0627\u0644\u0643\u0631\u0627\u0645 \u0648\u0633\u0637 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":522,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1674","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages\/1674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/comments?post=1674"}],"version-history":[{"count":5,"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages\/1674\/revisions"}],"predecessor-version":[{"id":1772,"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages\/1674\/revisions\/1772"}],"up":[{"embeddable":true,"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages\/522"}],"wp:attachment":[{"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/media?parent=1674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}