{"id":1707,"date":"2026-09-09T10:36:08","date_gmt":"2026-09-09T10:36:08","guid":{"rendered":"https:\/\/www.mediafactoryworld.com\/?page_id=1707"},"modified":"2026-09-10T08:51:53","modified_gmt":"2026-09-10T08:51:53","slug":"%d8%aa%d8%b7%d9%88%d9%8a%d8%b1-%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9-%d8%a7%d9%84%d8%a5%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%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%aa%d8%b7%d9%88%d9%8a%d8%b1-%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9-%d8%a7%d9%84%d8%a5%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a\/","title":{"rendered":"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1707\" class=\"elementor elementor-1707 elementor-1701\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a81237 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7a81237\" 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-4061066\" data-id=\"4061066\" 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-867bd7a elementor-widget elementor-widget-html\" data-id=\"867bd7a\" 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-web-service mf-web-ar\" dir=\"rtl\">\r\n\r\n    <!-- =========================\r\n         HERO\r\n    ========================== -->\r\n    <section class=\"mf-web-hero\">\r\n\r\n        <div class=\"mf-web-wrap mf-web-hero-grid\">\r\n\r\n            <div class=\"mf-web-hero-copy\">\r\n\r\n                <h1>\r\n                    \u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0646\u0628\u0646\u064a \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0628\u0623\u062d\u062f\u062b \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621\r\n                <\/h1>\r\n\r\n                <a href=\"\/ar\/contact-us\/\" class=\"mf-web-btn\">\r\n                    \u0627\u0628\u0646 \u0645\u062a\u062c\u0631\u0643 \u0623\u0648 \u0645\u0648\u0642\u0639\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\r\n                    <span>\u2197<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Website Visual -->\r\n            <div class=\"mf-web-hero-visual\">\r\n\r\n                <div class=\"mf-web-browser\">\r\n\r\n                    <div class=\"mf-web-browser-top\">\r\n\r\n                        <div class=\"mf-web-dots\">\r\n                            <i><\/i>\r\n                            <i><\/i>\r\n                            <i><\/i>\r\n                        <\/div>\r\n\r\n                        <div class=\"mf-web-address\"><\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"mf-web-browser-body\">\r\n\r\n                        <div class=\"mf-web-sidebar\">\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"mf-web-screen\">\r\n\r\n                            <div class=\"mf-web-screen-head\">\r\n                                <span><\/span>\r\n                                <span><\/span>\r\n                            <\/div>\r\n\r\n                            <div class=\"mf-web-screen-hero\">\r\n                                <div><\/div>\r\n                                <div><\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mf-web-screen-cards\">\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                <\/div>\r\n\r\n\r\n                <div class=\"mf-web-device mf-web-mobile\">\r\n                    <div><\/div>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n                <div class=\"mf-web-float mf-web-code\">\r\n                    &lt;\/&gt;\r\n                <\/div>\r\n\r\n                <div class=\"mf-web-float mf-web-check\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <div class=\"mf-web-float mf-web-payment\">\r\n                    $\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         OVERVIEW\r\n    ========================== -->\r\n    <section class=\"mf-web-overview\">\r\n\r\n        <div class=\"mf-web-wrap mf-web-overview-grid\">\r\n\r\n            <div class=\"mf-web-problem-visual\">\r\n\r\n                <div class=\"mf-web-bad-site\">\r\n\r\n                    <div class=\"mf-web-bad-top\"><\/div>\r\n\r\n                    <div class=\"mf-web-bad-content\">\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n\r\n                        <div class=\"mf-web-bad-loader\"><\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mf-web-problem-arrow\">\r\n                    \u2190\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mf-web-good-site\">\r\n\r\n                    <div class=\"mf-web-good-top\"><\/div>\r\n\r\n                    <div class=\"mf-web-good-content\">\r\n\r\n                        <div class=\"mf-web-good-block\"><\/div>\r\n\r\n                        <div class=\"mf-web-good-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            <\/div>\r\n\r\n\r\n            <div class=\"mf-web-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\u0639\u0627\u0646\u064a \u0645\u0646 \u0636\u0639\u0641 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u0631\u0627\u062c\u0639 \u062b\u0642\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0633\u0628\u0628 \u0625\u0647\u0645\u0627\u0644 <strong>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/strong> \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0645\u0648\u0627\u0642\u0639 \u0628\u0637\u064a\u0626\u0629 \u0623\u0648 \u0642\u0648\u0627\u0644\u0628 \u0645\u0639\u0642\u062f\u0629 \u0648\u0635\u0639\u0628\u0629 \u0627\u0644\u062a\u0635\u0641\u062d \u0639\u0628\u0631 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u062a\u0641\u062a\u0642\u0631 \u0625\u0644\u0649 \u0645\u0633\u0627\u0631 \u0634\u0631\u0627\u0621 \u0648\u0627\u0636\u062d \u0648\u0633\u0644\u0633 \u0648\u062a\u062c\u0627\u0647\u0644 \u062e\u0637\u0648\u0629 <strong>\u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/strong> \u0633\u0631\u064a\u0639 \u0648\u0645\u062a\u062c\u0627\u0648\u0628 \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u062e\u0631\u0648\u062c \u0627\u0644\u0632\u0628\u0627\u0626\u0646 \u0641\u0648\u0631\u0627 \u0648\u0630\u0647\u0627\u0628\u0647\u0645 \u0644\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0642\u0628\u0644 \u0625\u062a\u0645\u0627\u0645 \u0623\u064a \u0637\u0644\u0628 \u0623\u0648 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\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    <!-- =========================\r\n         PROCESS\r\n    ========================== -->\r\n    <section class=\"mf-web-process\">\r\n\r\n        <div class=\"mf-web-wrap\">\r\n\r\n            <div class=\"mf-web-heading\">\r\n\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\r\n            <\/div>\r\n\r\n\r\n            <div class=\"mf-web-steps\">\r\n\r\n                <!-- 01 -->\r\n                <article class=\"mf-web-step\">\r\n\r\n                    <div class=\"mf-web-step-icon\">\r\n                        \u25ce\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u062f\u0631\u0627\u0633\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0628\u0632\u0646\u0633 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u062d\u0644\u0644 \u0623\u0647\u062f\u0627\u0641 \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u0633\u0644\u0648\u0643 \u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u0646\u0631\u0633\u0645 \u0647\u064a\u0643\u0644\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0635\u0641\u062d\u0627\u062a \u062a\u0636\u0645\u0646 \u062a\u0635\u0641\u062d\u0627 \u0633\u0644\u0633\u0627 \u0648\u062a\u0648\u062c\u064a\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0627 \u0644\u0644\u0639\u0645\u064a\u0644 \u0646\u062d\u0648 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u0627\u0644\u0634\u0631\u0627\u0621\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 02 -->\r\n                <article class=\"mf-web-step\">\r\n\r\n                    <div class=\"mf-web-step-icon\">\r\n                        \u25eb\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0639\u0635\u0631\u064a\u0629 \u0648\u062c\u0630\u0627\u0628\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u0628\u062a\u0643\u0631 \u062a\u0635\u0627\u0645\u064a\u0645 \u0641\u0631\u064a\u062f\u0629 \u062a\u0639\u0643\u0633 \u0641\u062e\u0627\u0645\u0629 \u0648\u0647\u064a\u0628\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062a\u0648\u0627\u0641\u0642 \u062a\u0645\u0627\u0645\u0627 \u0645\u0639 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u062b\u0642\u0629 \u0627\u0644\u0632\u0627\u0626\u0631 \u0645\u0646 \u0627\u0644\u0644\u062d\u0638\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 03 -->\r\n                <article class=\"mf-web-step\">\r\n\r\n                    <div class=\"mf-web-step-icon\">\r\n                        &lt;\/&gt;\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a \u0648\u0627\u0644\u0633\u0631\u0639\u0629 \u0627\u0644\u0641\u0627\u0626\u0642\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u0646\u0641\u0630 \u0645\u0631\u062d\u0644\u0629 <strong>\u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/strong> \u0648\u0628\u0631\u0645\u062c\u062a\u0647 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u064a\u0643\u0648\u0646 \u062e\u0641\u064a\u0641 \u0627\u0644\u0648\u0632\u0646 \u0648\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u0627 \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0645\u0639 \u0643\u0627\u0641\u0629 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0648\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0630\u0643\u064a\u0629\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 04 -->\r\n                <article class=\"mf-web-step\">\r\n\r\n                    <div class=\"mf-web-step-icon\">\r\n                        \u2699\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u0631\u0628\u0637 \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u062c\u0647\u0632 \u0627\u0644\u0645\u062a\u062c\u0631 \u0628\u0643\u0627\u0641\u0629 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0622\u0645\u0646\u0629 \u0648\u0631\u0628\u0637 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0648\u062a\u0623\u0643\u064a\u062f \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0634\u0631\u0627\u0621 \u0628\u0633\u0644\u0627\u0633\u0629\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 05 -->\r\n                <article class=\"mf-web-step\">\r\n\r\n                    <div class=\"mf-web-step-icon\">\r\n                        \u2713\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0631\u0633\u0645\u064a\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0646\u062c\u0631\u064a \u0641\u062d\u0635\u0627 \u0634\u0627\u0645\u0644\u0627 \u0644\u0643\u0627\u0641\u0629 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0633\u0631\u0639\u062a\u0647 \u0648\u062d\u0645\u0627\u064a\u0629 \u0628\u064a\u0627\u0646\u0627\u062a\u0647 \u0642\u0628\u0644 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0648\u0646\u062f\u0631\u0628 \u0641\u0631\u064a\u0642\u0643 \u0639\u0644\u0649 \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0645\u0639 \u062a\u0642\u062f\u064a\u0645 \u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u0633\u062a\u0645\u0631\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    <!-- =========================\r\n         CTA\r\n    ========================== -->\r\n    <section class=\"mf-web-cta\">\r\n\r\n        <div class=\"mf-web-cta-shape mf-web-cta-one\"><\/div>\r\n        <div class=\"mf-web-cta-shape mf-web-cta-two\"><\/div>\r\n\r\n        <div class=\"mf-web-wrap mf-web-cta-inner\">\r\n\r\n            <h2>\r\n                \u0627\u0628\u0646 \u0645\u062a\u062c\u0631\u0643 \u0623\u0648 \u0645\u0648\u0642\u0639\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0641\u062a\u062d \u0623\u0628\u0648\u0627\u0628 \u0645\u0628\u064a\u0639\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0639 \u062e\u062f\u0645\u0627\u062a <strong>\u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/strong> \u0645\u062a\u0643\u0627\u0645\u0644 \u0645\u0646 <strong>\u0645\u064a\u062f\u064a\u0627 \u0641\u0627\u0643\u062a\u0648\u0631\u064a<\/strong> \u0627\u0644\u0622\u0646\r\n            <\/h2>\r\n\r\n            <a href=\"\/ar\/contact-us\/\" class=\"mf-web-btn\">\r\n                \u0627\u0628\u0646 \u0645\u062a\u062c\u0631\u0643 \u0623\u0648 \u0645\u0648\u0642\u0639\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\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\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.mf-web-service {\r\n    --mf-teal: #0C7A7A;\r\n    --mf-orange: #F47B46;\r\n    --mf-dark: #071D1F;\r\n    --mf-light: #F5F9F9;\r\n    --mf-text: #59696B;\r\n\r\n    width: 100%;\r\n    color: var(--mf-dark);\r\n\r\n    direction: rtl;\r\n    text-align: right;\r\n\r\n    font-family: inherit;\r\n}\r\n\r\n.mf-web-service * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.mf-web-wrap {\r\n    width: calc(100% - 60px);\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HERO\r\n========================================= *\/\r\n\r\n.mf-web-hero {\r\n    padding: 95px 0;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 16% 20%,\r\n            rgba(12,122,122,.14),\r\n            transparent 30%\r\n        ),\r\n        #F7FBFB;\r\n}\r\n\r\n.mf-web-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    align-items: center;\r\n    gap: 85px;\r\n}\r\n\r\n.mf-web-hero h1 {\r\n    margin: 0;\r\n\r\n    color: var(--mf-dark);\r\n\r\n    font-size: clamp(42px,4.2vw,60px);\r\n    line-height: 1.4;\r\n\r\n    letter-spacing: 0;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.mf-web-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 35px;\r\n    padding: 17px 27px;\r\n\r\n    background: var(--mf-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-web-btn:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(244,123,70,.24);\r\n}\r\n\r\n.mf-web-btn span {\r\n    transform: scaleX(-1);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HERO VISUAL\r\n========================================= *\/\r\n\r\n.mf-web-hero-visual {\r\n    position: relative;\r\n\r\n    min-height: 470px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.mf-web-browser {\r\n    width: 83%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #fff;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 30px 70px rgba(7,29,31,.15);\r\n\r\n    transform: rotate(-2deg);\r\n}\r\n\r\n.mf-web-browser-top {\r\n    height: 44px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    padding: 0 16px;\r\n\r\n    background: #EEF4F4;\r\n}\r\n\r\n.mf-web-dots {\r\n    display: flex;\r\n    gap: 5px;\r\n}\r\n\r\n.mf-web-dots i {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #CBD8D8;\r\n}\r\n\r\n.mf-web-dots i:first-child {\r\n    background: var(--mf-orange);\r\n}\r\n\r\n.mf-web-address {\r\n    width: 58%;\r\n    height: 9px;\r\n\r\n    background: #D8E3E3;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n.mf-web-browser-body {\r\n    height: 315px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 70px 1fr;\r\n\r\n    direction: ltr;\r\n}\r\n\r\n.mf-web-sidebar {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 14px;\r\n\r\n    padding: 25px 18px;\r\n\r\n    background: var(--mf-dark);\r\n}\r\n\r\n.mf-web-sidebar span {\r\n    width: 30px;\r\n    height: 7px;\r\n\r\n    background:\r\n        rgba(255,255,255,.22);\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n.mf-web-sidebar span:first-child {\r\n    background: var(--mf-orange);\r\n}\r\n\r\n.mf-web-screen {\r\n    padding: 25px;\r\n\r\n    background: #fff;\r\n}\r\n\r\n.mf-web-screen-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.mf-web-screen-head span:first-child {\r\n    width: 100px;\r\n    height: 12px;\r\n\r\n    background: var(--mf-teal);\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n.mf-web-screen-head span:last-child {\r\n    width: 60px;\r\n    height: 11px;\r\n\r\n    background: #DDE7E7;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n.mf-web-screen-hero {\r\n    height: 130px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr .8fr;\r\n\r\n    gap: 18px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    padding: 22px;\r\n\r\n    background: #F3F8F8;\r\n\r\n    border-radius: 12px;\r\n}\r\n\r\n.mf-web-screen-hero div:first-child {\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            var(--mf-dark),\r\n            var(--mf-teal)\r\n        );\r\n\r\n    border-radius: 8px;\r\n}\r\n\r\n.mf-web-screen-hero div:last-child {\r\n    background: var(--mf-orange);\r\n\r\n    border-radius: 8px;\r\n}\r\n\r\n.mf-web-screen-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n\r\n    gap: 10px;\r\n}\r\n\r\n.mf-web-screen-cards span {\r\n    height: 65px;\r\n\r\n    background: #EDF3F3;\r\n\r\n    border-radius: 9px;\r\n\r\n    border-bottom:\r\n        3px solid rgba(12,122,122,.22);\r\n}\r\n\r\n\r\n\/* MOBILE MOCKUP *\/\r\n\r\n.mf-web-device {\r\n    position: absolute;\r\n\r\n    background: #fff;\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(7,29,31,.14);\r\n\r\n    z-index: 5;\r\n}\r\n\r\n.mf-web-mobile {\r\n    width: 95px;\r\n    height: 185px;\r\n\r\n    left: 0;\r\n    bottom: 15px;\r\n\r\n    padding: 11px;\r\n\r\n    border: 5px solid var(--mf-dark);\r\n    border-radius: 20px;\r\n\r\n    transform: rotate(5deg);\r\n}\r\n\r\n.mf-web-mobile div {\r\n    height: 80px;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    background: var(--mf-teal);\r\n\r\n    border-radius: 7px;\r\n}\r\n\r\n.mf-web-mobile span {\r\n    display: block;\r\n\r\n    height: 7px;\r\n    margin: 7px 0;\r\n\r\n    background: #D8E4E4;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n.mf-web-mobile span:last-child {\r\n    width: 65%;\r\n}\r\n\r\n\r\n\/* FLOATS *\/\r\n\r\n.mf-web-float {\r\n    position: absolute;\r\n\r\n    width: 64px;\r\n    height: 64px;\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    border-radius: 18px;\r\n\r\n    box-shadow:\r\n        0 17px 40px rgba(7,29,31,.13);\r\n\r\n    z-index: 6;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.mf-web-code {\r\n    right: 0;\r\n    top: 65px;\r\n\r\n    color: var(--mf-teal);\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n.mf-web-check {\r\n    left: 10px;\r\n    top: 75px;\r\n\r\n    background: var(--mf-teal);\r\n    color: #fff;\r\n\r\n    font-size: 23px;\r\n}\r\n\r\n.mf-web-payment {\r\n    right: 25px;\r\n    bottom: 30px;\r\n\r\n    background: var(--mf-orange);\r\n    color: #fff;\r\n\r\n    font-size: 23px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OVERVIEW\r\n========================================= *\/\r\n\r\n.mf-web-overview {\r\n    padding: 105px 0;\r\n\r\n    background: #fff;\r\n}\r\n\r\n.mf-web-overview-grid {\r\n    display: grid;\r\n    grid-template-columns: .95fr 1.05fr;\r\n\r\n    gap: 90px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n.mf-web-problem-visual {\r\n    min-height: 395px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr 55px 1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 34px;\r\n\r\n    background: var(--mf-light);\r\n\r\n    border-radius: 25px;\r\n\r\n    direction: ltr;\r\n}\r\n\r\n.mf-web-bad-site,\r\n.mf-web-good-site {\r\n    overflow: hidden;\r\n\r\n    height: 245px;\r\n\r\n    background: #fff;\r\n\r\n    border-radius: 15px;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(7,29,31,.08);\r\n}\r\n\r\n.mf-web-bad-top,\r\n.mf-web-good-top {\r\n    height: 30px;\r\n\r\n    background: #E0E7E7;\r\n}\r\n\r\n.mf-web-good-top {\r\n    background: var(--mf-dark);\r\n}\r\n\r\n.mf-web-bad-content,\r\n.mf-web-good-content {\r\n    position: relative;\r\n\r\n    padding: 24px 18px;\r\n}\r\n\r\n.mf-web-bad-content span {\r\n    display: block;\r\n\r\n    height: 8px;\r\n\r\n    margin: 12px 0;\r\n\r\n    background: #D6DEDE;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n.mf-web-bad-content span:nth-child(2) {\r\n    width: 70%;\r\n}\r\n\r\n.mf-web-bad-content span:nth-child(3) {\r\n    width: 48%;\r\n}\r\n\r\n.mf-web-bad-loader {\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    margin: 35px auto 0;\r\n\r\n    border: 4px solid #E4E9E9;\r\n    border-top-color: #AAB5B5;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.mf-web-good-block {\r\n    height: 90px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--mf-teal),\r\n            var(--mf-dark)\r\n        );\r\n\r\n    border-radius: 9px;\r\n}\r\n\r\n.mf-web-good-lines span {\r\n    display: block;\r\n\r\n    height: 8px;\r\n\r\n    margin: 10px 0;\r\n\r\n    background: #D9E4E4;\r\n\r\n    border-radius: 20px;\r\n}\r\n\r\n.mf-web-good-lines span:nth-child(2) {\r\n    width: 70%;\r\n}\r\n\r\n.mf-web-good-lines span:nth-child(3) {\r\n    width: 48%;\r\n}\r\n\r\n.mf-web-problem-arrow {\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin: auto;\r\n\r\n    background: var(--mf-orange);\r\n    color: #fff;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.mf-web-overview p {\r\n    margin: 0;\r\n\r\n    color: var(--mf-text);\r\n\r\n    font-size: 17px;\r\n    line-height: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROCESS\r\n========================================= *\/\r\n\r\n.mf-web-process {\r\n    padding: 105px 0;\r\n\r\n    background: var(--mf-light);\r\n}\r\n\r\n.mf-web-heading {\r\n    max-width: 850px;\r\n\r\n    margin: 0 auto 60px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.mf-web-heading h2 {\r\n    margin: 0;\r\n\r\n    color: var(--mf-dark);\r\n\r\n    font-size: clamp(34px,3vw,46px);\r\n    line-height: 1.5;\r\n}\r\n\r\n.mf-web-steps {\r\n    counter-reset: webstep;\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-web-step {\r\n    counter-increment: webstep;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    grid-column: span 2;\r\n\r\n    min-height: 350px;\r\n\r\n    padding: 34px 27px 30px;\r\n\r\n    background: #fff;\r\n\r\n    border:\r\n        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-web-step:nth-child(4) {\r\n    grid-column: 2 \/ span 2;\r\n}\r\n\r\n.mf-web-step:nth-child(5) {\r\n    grid-column: 4 \/ span 2;\r\n}\r\n\r\n.mf-web-step::before {\r\n    content:\r\n        counter(webstep,decimal-leading-zero);\r\n\r\n    position: absolute;\r\n\r\n    left: 18px;\r\n    top: 11px;\r\n\r\n    color:\r\n        rgba(12,122,122,.07);\r\n\r\n    font-size: 64px;\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n.mf-web-step::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 27px;\r\n\r\n    width: 45px;\r\n    height: 4px;\r\n\r\n    background: var(--mf-orange);\r\n}\r\n\r\n.mf-web-step:hover {\r\n    transform: translateY(-8px);\r\n\r\n    border-color:\r\n        rgba(12,122,122,.25);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(7,29,31,.09);\r\n}\r\n\r\n.mf-web-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:\r\n        rgba(12,122,122,.08);\r\n\r\n    color: var(--mf-teal);\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n}\r\n\r\n.mf-web-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(--mf-dark);\r\n\r\n    font-size: 19px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.mf-web-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: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA\r\n========================================= *\/\r\n\r\n.mf-web-cta {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 95px 0;\r\n\r\n    background: var(--mf-teal);\r\n}\r\n\r\n.mf-web-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-web-cta h2 {\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-size:\r\n        clamp(32px,3.4vw,48px);\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n.mf-web-cta-shape {\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.mf-web-cta-one {\r\n    width: 310px;\r\n    height: 310px;\r\n\r\n    right: -130px;\r\n    top: -180px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.14);\r\n}\r\n\r\n.mf-web-cta-two {\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    left: -230px;\r\n    bottom: -310px;\r\n\r\n    background:\r\n        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-web-hero-grid,\r\n    .mf-web-overview-grid {\r\n        gap: 45px;\r\n    }\r\n\r\n    .mf-web-steps {\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n    .mf-web-step,\r\n    .mf-web-step:nth-child(4),\r\n    .mf-web-step:nth-child(5) {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .mf-web-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-web-wrap {\r\n        width:\r\n            calc(100% - 40px);\r\n    }\r\n\r\n    .mf-web-hero,\r\n    .mf-web-overview,\r\n    .mf-web-process,\r\n    .mf-web-cta {\r\n        padding: 65px 0;\r\n    }\r\n\r\n    .mf-web-hero-grid,\r\n    .mf-web-overview-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mf-web-hero h1 {\r\n        font-size: 36px;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .mf-web-hero-visual {\r\n        min-height: 390px;\r\n    }\r\n\r\n    .mf-web-browser {\r\n        width: 88%;\r\n    }\r\n\r\n    .mf-web-browser-body {\r\n        height: 270px;\r\n    }\r\n\r\n    .mf-web-screen {\r\n        padding: 17px;\r\n    }\r\n\r\n    .mf-web-overview-grid {\r\n        gap: 45px;\r\n    }\r\n\r\n    .mf-web-problem-visual {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mf-web-problem-arrow {\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .mf-web-steps {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mf-web-step:last-child {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .mf-web-btn {\r\n        width: 100%;\r\n    }\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>\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0646\u0628\u0646\u064a \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0628\u0623\u062d\u062f\u062b \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0628\u0646 \u0645\u062a\u062c\u0631\u0643 \u0623\u0648 \u0645\u0648\u0642\u0639\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u2197 &lt;\/&gt; \u2713 $ \u2190\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0636\u0639\u0641 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u0631\u0627\u062c\u0639 \u062b\u0642\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0633\u0628\u0628 \u0625\u0647\u0645\u0627\u0644 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0645\u0648\u0627\u0642\u0639 \u0628\u0637\u064a\u0626\u0629 \u0623\u0648 \u0642\u0648\u0627\u0644\u0628 \u0645\u0639\u0642\u062f\u0629 \u0648\u0635\u0639\u0628\u0629 \u0627\u0644\u062a\u0635\u0641\u062d \u0639\u0628\u0631 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u062a\u0641\u062a\u0642\u0631 \u0625\u0644\u0649 \u0645\u0633\u0627\u0631 \u0634\u0631\u0627\u0621 \u0648\u0627\u0636\u062d \u0648\u0633\u0644\u0633 \u0648\u062a\u062c\u0627\u0647\u0644 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":522,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1707","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages\/1707","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=1707"}],"version-history":[{"count":5,"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages\/1707\/revisions"}],"predecessor-version":[{"id":1782,"href":"https:\/\/www.mediafactoryworld.com\/ar\/wp-json\/wp\/v2\/pages\/1707\/revisions\/1782"}],"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=1707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}