{"id":1775,"date":"2024-10-18T05:48:11","date_gmt":"2024-10-18T05:48:11","guid":{"rendered":"https:\/\/4sightksa.hostcarts.digital\/?page_id=1775"},"modified":"2025-01-30T14:05:45","modified_gmt":"2025-01-30T14:05:45","slug":"market-consumer","status":"publish","type":"page","link":"https:\/\/4sightksa.hostcarts.digital\/ar\/market-consumer\/","title":{"rendered":"MARKET & CONSUMER"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\n \n
\n
\n
\n
\n
\n\t\t\t\t\t\t \n
\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n
\n\t\t\t\t\t\t\t
\n
\u0627\u0644\u062d\u0644\u0648\u0644<\/div>\n

\u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643<\/h2>\n <\/div>\n\t\t\t\t\t\t\t
\u064a\u0639\u062a\u0645\u062f \u0646\u062c\u0627\u062d \u0623\u064a \u0634\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0639\u0644\u0649 \u0641\u0647\u0645\u0647\u0627 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0633\u0644\u0648\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0645\u062a\u0637\u0648\u0631. \u0648\u064a\u0631\u062a\u0643\u0632 \u0646\u0647\u062c\u0646\u0627 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u060c \u0645\u0645\u0627 \u064a\u064f\u0645\u0643\u0651\u0646\u0646\u0627 \u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0641\u0639\u0651\u0627\u0644\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627. \u0641\u062f\u0645\u062c \u0631\u0624\u0649 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0641\u064a \u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0646 \u064a\u064f\u0648\u0641\u0631 \u0645\u0646\u0638\u0648\u0631\u064b\u0627 \u0641\u0631\u064a\u062f\u064b\u0627 \u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0637\u0644\u0627\u0639\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u064f\u0624\u062b\u0631 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0646\u0645\u0648. \u0648\u062a\u063a\u0637\u064a \u062e\u0628\u0631\u062a\u0646\u0627 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0641\u0626\u0627\u062a \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0645\u0646\u0627\u0647\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u062a\u064a \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<\/div>\n
\n
\n<\/h4>\n <\/blockquote>\n
<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Timeline Infographic<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: Arial, sans-serif;\n}\n\n.text-content-top h4:hover {\n color: #94D60A; \/* Change color on hover *\/\n}\n\n\n\n.timeline-container {\n width: 100%;\n max-width: 1200px;\n padding: 0px;\n border: 3px solid #94D60A; \/* Add a border with 5px thickness and light gray color *\/\n border-radius: 10px; \/* Optional: Add rounded corners for a softer look *\/\n padding: 20px; \/* Optional: Add padding inside the border for better spacing *\/\n}\n\n.timeline {\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n}\n\n.timeline::before {\n content: '';\n position: absolute;\n top: 50%; \/* Aligns the line in the center *\/\n left: 10px;\n width: 90%;\n height: 4px;\n background-color: #ddd;\n z-index: 0;\n transform: translateY(-50%); \/* Moves it to the exact center of the circles *\/\n margin-left: 10px;\n}\n\n\/* Timeline Items *\/\n.timeline-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 18%;\n position: relative;\n z-index: 1;\n}\n\n\/* Dotted line between the phase title and circle, and circle and bottom text *\/\n.dotted-line {\n width: 4px;\n height: 40px; \/* Adjust this value to control the line length *\/\n background-color: transparent;\n border-left: 2px dotted #ccc; \/* Dotted line *\/\n margin-bottom: 10px;\n margin-top: 10px; \/* Ensure equal spacing around the line *\/\n}\n\n\/* Timeline Circles *\/\n.timeline-circle {\n width: 100px;\n height: 100px;\n background-color: #fff;\n border-radius: 50%;\n border: 5px solid #ddd;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease-in-out;\n position: relative;\n}\n\n.timeline-circle:hover {\n transform: scale(1.1);\n}\n\n.circle-content {\n font-size: 2rem;\n color: #fff;\n}\n\n\/* Icons and Background Colors for Each Phase *\/\n#circle-1 {\n background-color: #3B82F6; \/* Blue *\/\n}\n\n#circle-2 {\n background-color: #22C55E; \/* Lighter Blue *\/\n}\n\n#circle-3 {\n background-color: #02AFC6; \/* Green *\/\n}\n\n#circle-4 {\n background-color: #F59E0B; \/* Yellow *\/\n}\n\n#circle-5 {\n background-color: #EF4444; \/* Red *\/\n}\n\n\/* Text Styling *\/\n.text-content-top h4, .text-content-bottom p {\n text-align: center;\n color: #333;\n}\n\n.text-content-top {\n margin-bottom: 10px;\n}\n\n.text-content-bottom {\n margin-top: 10px;\n}\n\n.text-content-top h4 {\n font-size: 1rem;\n margin-bottom: 5px;\n}\n\n.text-content-bottom p {\n font-size: 0.875rem;\n color: #777;\n line-height: 1.5;\n}\n\n\/* Adjust spacing between dotted lines, circles, and text *\/\n.timeline-item .dotted-line:first-of-type {\n margin-bottom: 10px; \/* Space between title and circle *\/\n}\n\n.timeline-item .dotted-line:last-of-type {\n margin-top: 10px; \/* Space between circle and paragraph *\/\n}\n\n@media (max-width: 768px) {\n .timeline {\n flex-direction: row; \/* Keep items in a horizontal line *\/\n overflow-x: auto; \/* Enable horizontal scrolling *\/\n padding: 0 10px; \/* Add padding for better spacing *\/\n justify-content: flex-start; \/* Align items to the start *\/\n }\n\n .timeline-item {\n width: auto; \/* Allow items to take auto width *\/\n margin: 0 5px; \/* Reduced horizontal margin between items *\/\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n top: 50%; \/* Aligns the line in the center *\/\n left: 10px;\n width: 100%;\n height: 4px;\n background-color: #ddd;\n z-index: 0;\n transform: translateY(-50%); \/* Moves it to the exact center of the circles *\/\n \n}\n\n .dotted-line {\n height: 20px; \/* Shorter dotted line for mobile *\/\n margin-bottom: 5px; \/* Reduce margin for mobile view *\/\n margin-top: 5px; \/* Reduce margin for mobile view *\/\n }\n\n .timeline-circle {\n width: 60px; \/* Smaller circle size for mobile *\/\n height: 60px; \/* Smaller circle size for mobile *\/\n }\n\n .circle-content {\n font-size: 1.2rem; \/* Smaller icon size *\/\n }\n\n .text-content-top h4,\n .text-content-bottom p {\n font-size: 0.6rem; \/* Smaller font size for mobile *\/\n }\n \n \n}\n\n\n\n <\/style>\n<\/head>\n<body>\n <div class=\"timeline-container\">\n <div class=\"timeline\">\n <div class=\"timeline-item\">\n <div class=\"text-content-top\">\n <h4>WHAT IS <br> THEIR NEED<\/h4>\n <\/div>\n <div class=\"dotted-line\"><\/div>\n <div id=\"circle-1\" class=\"timeline-circle\">\n <div class=\"circle-content\">\n <i class=\"fas fa-users\"><\/i> <!-- Replace with actual icon -->\n <\/div>\n <\/div>\n <div class=\"dotted-line\"><\/div> <!-- Added bottom dotted line -->\n <div class=\"text-content-top\">\n <h4>WHO ARE<br> THEY<\/h4>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"text-content-top\">\n <h4>HOW THEY<br> DECIDE<\/h4>\n <\/div>\n <div class=\"dotted-line\"><\/div>\n <div id=\"circle-2\" class=\"timeline-circle\">\n <div class=\"circle-content\">\n <i class=\"fa fa-shopping-cart\"><\/i> <!-- Replace with actual icon -->\n <\/div>\n <\/div>\n <div class=\"dotted-line\"><\/div> <!-- Added bottom dotted line -->\n <div class=\"text-content-top\">\n <h4>WHY THEY<br> NEED<\/h4>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"text-content-top\">\n <h4>WHEN THEY<br> CONSUME<\/h4>\n <\/div>\n <div class=\"dotted-line\"><\/div>\n <div id=\"circle-3\" class=\"timeline-circle\">\n <div class=\"circle-content\">\n <i class=\"fa fa-thumbs-up\"><\/i> <!-- Replace with actual icon -->\n <\/div>\n <\/div>\n <div class=\"dotted-line\"><\/div> <!-- Added bottom dotted line -->\n <div class=\"text-content-top\">\n <h4>WHY THEY<br> LIKE<\/h4>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"text-content-top\">\n <h4>WHAT&WHERE<br> THEY SHOP<\/h4>\n <\/div>\n <div class=\"dotted-line\"><\/div>\n <div id=\"circle-4\" class=\"timeline-circle\">\n <div class=\"circle-content\">\n <i class=\"fa fa-building\"><\/i> <!-- Replace with actual icon -->\n <\/div>\n <\/div>\n <div class=\"dotted-line\"><\/div> <!-- Added bottom dotted line -->\n <div class=\"text-content-top\">\n <h4>WHO THEY <br> CHOOSE SHOP<\/h4>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"text-content-top\">\n <h4>WHY THEY<br> CHOOSE<\/h4>\n <\/div>\n <div class=\"dotted-line\"><\/div>\n <div id=\"circle-5\" class=\"timeline-circle\">\n <div class=\"circle-content\">\n <i class=\"fas fa-award\"><\/i> <!-- Replace with actual icon -->\n <\/div>\n <\/div>\n <div class=\"dotted-line\"><\/div> <!-- Added bottom dotted line -->\n <div class=\"text-content-top\">\n <h4>WHY THEY<br> FEEL<\/h4>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-35adcae\" data-id=\"35adcae\" data-element_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-d3c2401 elementor-widget__width-initial elementor-widget elementor-widget-finandox_wi_menu\" data-id=\"d3c2401\" data-element_type=\"widget\" data-widget_type=\"finandox_wi_menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t\n <!-- Sidebar Page Container -->\n <div class=\"sidebar-page-container one\">\n <div class=\"auto-container\">\n <div class=\"row\">\n <div class=\"col-lg-12\">\n <aside class=\"sidebar\">\n <!-- Category Widget -->\n <div class=\"sidebar-widget-two categories-widget-two\">\n <div class=\"widget-content\">\n <ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li class=\"\"><a href=\"#\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<i class=\"fa fa-angle-right\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li class=\"current\"><a href=\"#\">\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644<i class=\"fa fa-angle-right\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li class=\"\"><a href=\"#\">\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u064a\u0644<i class=\"fa fa-angle-right\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li class=\"\"><a href=\"#\">\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0623\u0639\u0635\u0627\u0628 \u0648\u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u0629<i class=\"fa fa-angle-right\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li class=\"\"><a href=\"#\">\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<i class=\"fa fa-angle-right\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li class=\"\"><a href=\"#\">\u0627\u0633\u062a\u0637\u0644\u0627\u0639 \u0627\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642 \u0639\u0628\u0631 \u0627\u0644\u0627\u0646\u062a\u0631\u0646\u062a <i class=\"fa fa-angle-right\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li class=\"\"><a href=\"#\">\u0627\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0646\u0648\u0639\u064a\u0629 <i class=\"fa fa-angle-right\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <\/ul>\n <\/div>\n <\/div> \n <\/aside>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d219fb elementor-widget elementor-widget-finandox_services_details_form\" data-id=\"3d219fb\" data-element_type=\"widget\" data-widget_type=\"finandox_services_details_form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t\n <!-- Sidebar Page Container -->\n <div class=\"sidebar-page-container two\">\n <div class=\"auto-container\">\n <div class=\"row\">\n <div class=\"col-lg-12\">\n <aside class=\"sidebar\">\n <!-- Contact Form Widget -->\n <div class=\"sidebar-widget-two contact-form-widget\">\n <div class=\"inner-box\">\n <h3>\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644<\/h3>\n <!-- Contact Form-->\n <div class=\"contact-form\">\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f447-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"447\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ar\/wp-json\/wp\/v2\/pages\/1775#wpcf7-f447-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/ar\/wp-json\/wp\/v2\/pages\/1775#wpcf7-f447-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"447\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f447-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"row clearfix\">\n\t<div class=\"col-md-12 form-group\">\n\t\t<p><input type=\"text\" name=\"username\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0627\u0633\u0645 \u0647\u0646\u0627......\" required=\"\" \/><i class=\"fal fa-user\"><\/i>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-md-12 form-group\">\n\t\t<p><input type=\"email\" name=\"email\" placeholder=\"\u0627\u062f\u062e\u0644 \u0627\u0644\u0627\u064a\u0645\u064a\u0644 \u0647\u0646\u0627 ......\" required=\"\" \/><i class=\"fal fa-envelope\"><\/i>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-md-12 form-group\">\n\t\t<p><input type=\"email\" name=\"email\" placeholder=\"\u062a\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641......\" required=\"\" \/><i class=\"fal fa-phone\"><\/i>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-md-12 form-group text-center\">\n\t\t<p><button class=\"theme-btn btn-style-one\" type=\"submit\" name=\"submit-form\"><span class=\"btn-title\">\u0623\u0631\u0633\u0644 \u0627\u0644\u0622\u0646<\/span><\/button>\n\t\t<\/p>\n\t<\/div>\n<\/div><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>Δ<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"145\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n<\/div>\n <\/div>\n <\/div>\n <\/div> \n <\/aside>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a78a169 elementor-widget elementor-widget-finandox_services_details_contact\" data-id=\"a78a169\" data-element_type=\"widget\" data-widget_type=\"finandox_services_details_contact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t\n <!-- Sidebar Page Container -->\n <div class=\"sidebar-page-container three\">\n <div class=\"auto-container\">\n <div class=\"row\">\n <div class=\"col-lg-12\">\n <aside class=\"sidebar\">\n <!-- Contact Info Widget -->\n <div class=\"sidebar-widget-two contact-info-widget\">\n\t\t\t\t\t\t\t \n <div class=\"inner-box\" style=\"background-image: url(https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2020\/03\/image-18-1.jpg);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t <h3>\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629\u061f<\/h3>\n\t\t\t\t\t\t\t\t <ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li><a href=\"#\">info@4sightksa.com<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li><a href=\"#\">+000000000<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <li><a href=\"#\">mail@4sightksa.com<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n <\/ul>\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\t\n\t\t\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<div class=\"elementor-element elementor-element-bede163 e-con-full e-flex e-con e-parent\" data-id=\"bede163\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-594b0d1 elementor-widget elementor-widget-heading\" data-id=\"594b0d1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u062d\u0644\u0648\u0644 4Sight<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3e4458 elementor-widget elementor-widget-text-editor\" data-id=\"a3e4458\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<b>\u062a\u0633\u0627\u0639\u062f \u062d\u0644\u0648\u0644 4SiGHT \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0641\u0647\u0645 \u0623\u0633\u0648\u0627\u0642\u0647\u0627 \u0648\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0647\u0627 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.<\/b>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c823ad3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c823ad3\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5df5c9f elementor-widget elementor-widget-html\" data-id=\"5df5c9f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Infographic Design<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* General Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .infographic-container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(2, 1fr);\n gap: 20px;\n width: 80vw;\n height: 80vh;\n position: relative;\n justify-content: center; \/* Centers the content horizontally *\/\n \n }\n\n .section {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 20px;\n border-radius: 20px;\n color: white;\n position: relative;\n transition: transform 0.3s ease-in-out;\n }\n\n .section:hover {\n transform: scale(1.05);\n }\n\n .section1 { background-color: #d82b2b; }\n .section2 { background-color: #e66f00; }\n .section3 { background-color: #f1c40f; }\n .section4 { background-color: #27ae60; }\n .section5 { background-color: #34495e; }\n .section6 { background-color: #8e44ad; }\n\n .section h2 {\n font-size: 3rem;\n margin-bottom: 10px;\n }\n\n .section p {\n font-size: 1.5rem;\n margin-bottom: 10px;\n }\n\n .icon-container {\n background-color: transparent;\n border: 2px solid white;\n border-radius: 50%;\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 60px;\n height: 60px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n .icon-container i {\n font-size: 30px;\n color: white;\n }\n\n .center {\n position: absolute;\n top: 52%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #FFFFFF;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3), \/* Outer shadow for depth *\/\n inset 0 4px 8px rgba(255, 255, 255, 0.9); \/* Inner shadow for 3D effect *\/\n transform-style: preserve-3d; \/* Enable 3D transformation *\/\n perspective: 1000px; \/* Add perspective for depth *\/\n transition: transform 0.3s ease-in-out;\n }\n\n .center:hover {\n transform: translate(-50%, -50%) rotateX(10deg) rotateY(10deg); \/* Add slight rotation for 3D effect on hover *\/\n }\n\n .center i {\n font-size: 48px;\n color: #94D60A;\n transform: translateZ(20px); \/* Push the icon slightly forward to enhance the 3D effect *\/\n }\n\n .center p {\n font-size: 1.2rem;\n color: #555;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .infographic-container {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, 1fr);\n }\n .center {\n display: none; \/* Hide center circle in mobile view *\/\n }\n }\n \n \n\n\n\n\n @media (max-width: 480px) {\n .infographic-container {\n grid-template-columns: 1fr;\n grid-template-rows: repeat(6, 1fr);\n }\n\n .section h2 {\n font-size: 2rem;\n }\n\n .section p {\n font-size: 1.2rem;\n }\n\n .center {\n width: 80px;\n height: 80px;\n }\n\n .center h3 {\n font-size: 1.2rem;\n }\n\n .center p {\n font-size: 0.8rem;\n }\n .center {\n display: none; \/* Hide center circle in mobile view *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"infographic-container\">\n <div class=\"section section1\">\n <h2><\/h2>\n <p>\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0642\u0641<\/p>\n <div class=\"icon-container\">\n <i class=\"fas fa-user-friends\"><\/i>\n <\/div>\n <\/div>\n <div class=\"section section2\">\n <h2><\/h2>\n <p>\u0627\u0644\u0639\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a<\/p>\n <div class=\"icon-container\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <\/div>\n <div class=\"section section3\">\n <h2><\/h2>\n <p>ETHNOGRAPHY<\/p>\n <div class=\"icon-container\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <\/div>\n <div class=\"section section4\">\n <h2><\/h2>\n <p>\u0627\u0644\u062a\u0642\u0633\u064a\u0645<\/p>\n <div class=\"icon-container\">\n <i class=\"fas fa-chart-pie\"><\/i>\n <\/div>\n <\/div>\n <div class=\"section section5\">\n <h2><\/h2>\n <p>\u0627\u0644\u0645\u062a\u0633\u0648\u0642\u0648\u0646<\/p>\n <div class=\"icon-container\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <\/div>\n <\/div>\n <div class=\"section section6\">\n <h2><\/h2>\n <p>\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643<\/p>\n <div class=\"icon-container\">\n <i class=\"fas fa-comments\"><\/i>\n <\/div>\n <\/div>\n <div class=\"center\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbff5aa e-flex e-con-boxed e-con e-parent\" data-id=\"dbff5aa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae50491 elementor-widget elementor-widget-html\" data-id=\"ae50491\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>4Sight KSA Web Design<\/title>\n <style>\n\n \/* Main Section: Left and Right Layout *\/\n .main-section {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 40px;\n position: relative;\n padding: 0px;\n border: 2px solid #94D60A; \/* Add border around all edges *\/\n border-radius: 8px; \/* Optional: To make the edges rounded *\/\n background: linear-gradient(to right, #f0f9ff, #cbebff); \/* Light gradient background *\/\n\n\n\n }\n\n \/* Divider Line *\/\n .main-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 2px;\n background-color: #94D60A; \/* Updated divider color *\/\n height: 100%;\n }\n\n \/* Left Section: Profile Image and Description *\/\n .left-section {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .left-section .profile-image img {\n width: 300px;\n border-radius: 8px;\n border: 5px solid #94D60A; \/* Updated border color *\/\n margin-bottom: 15px;\n margin-top: 20px; \/* Added margin to create space between the image and top divider *\/\n }\n\n .left-section .profile-content h2 {\n font-size: 24px;\n color: #333;\n }\n\n .left-section .profile-content .role {\n color: #94D60A; \/* Updated role color *\/\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .left-section .profile-content p {\n max-width: 500px;\n font-size: 16px;\n color: #555;\n }\n\n \/* Right Section: Project Steps *\/\n .right-section {\n flex: 1;\n margin-top: 20px; \/* Added margin to create space between the top divider and project steps *\/\n }\n\n .process-step {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .step-icon {\n font-size: 36px;\n }\n\n .step-content h3 {\n font-size: 20px;\n margin-bottom: 10px;\n }\n\n .step-content p {\n font-size: 16px;\n color: #666;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-section {\n flex-direction: column;\n align-items: center;\n }\n\n .main-section::before {\n display: none;\n }\n\n .left-section {\n text-align: center;\n }\n\n .right-section {\n margin-top: 30px;\n }\n }\n\n \/* Simple Animations *\/\n .left-section .profile-image img {\n transition: transform 0.3s ease-in-out;\n }\n\n .left-section .profile-image img:hover {\n transform: scale(1.05);\n }\n\n .process-step {\n transition: transform 0.3s ease-in-out;\n }\n\n .process-step:hover {\n transform: translateY(-10px);\n }\n\n <\/style>\n<\/head>\n<body>\n\n <!-- Main Section: Image and Steps -->\n <section class=\"main-section\">\n \n <!-- Left Section: Profile Image with Description -->\n <div class=\"left-section\">\n <div class=\"profile-image\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/@Fd2X@HoSi4176.jpg\" alt=\"Joanne Lewis\">\n <\/div>\n <div class=\"profile-content\">\n <h2><\/h2>\n <p class=\"role\">How do clients benefit from our market and consumer Understanding solutions?<\/p>\n <p>At 4sight KSA, our Market and Consumer Understanding solutions provide clients with in-depth insights into consumer behavior, preferences, and market trends. <\/p>\n <\/div>\n <\/div>\n\n <!-- Right Section: Project Steps -->\n <div class=\"right-section\">\n <div class=\"process-step\">\n <div class=\"step-icon\">\ud83d\udd04<\/div>\n <div class=\"step-content\">\n <h3>1. UNDERSTAND<\/h3>\n <p>\u0627\u0644\u0641\u0626\u0629 \u0648\u0627\u0644\u0641\u0631\u0635 \u2013 \u0625\u0646\u0634\u0627\u0621 \u0642\u0627\u0639\u062f\u0629 \u0642\u0648\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0628\u0627\u0644\u0641\u0626\u0629 \u0648\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0647\u0627 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"process-step\">\n <div class=\"step-icon\">\ud83d\udee0\ufe0f<\/div> <!-- Updated icon to a hammer -->\n <div class=\"step-content\">\n <h3>2. BUILD<\/h3>\n <p>\u0623\u0635\u0648\u0644 \u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0648\u0635\u064a\u0627\u062a \u0639\u0645\u0644\u064a\u0629. \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629: \u062a\u062d\u062f\u064a\u062f \u0641\u0631\u0635 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0645\u0648\u0636\u0639.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"process-step\">\n <div class=\"step-icon\">\ud83d\udcb0<\/div> <!-- Updated icon to a money bag -->\n <div class=\"step-content\">\n <h3>3. SELL<\/h3>\n <p>\u0623\u0635\u0648\u0644 \u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0648\u0635\u064a\u0627\u062a \u0639\u0645\u0644\u064a\u0629. \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629: \u062a\u062d\u062f\u064a\u062f \u0641\u0631\u0635 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0645\u0648\u0636\u0639.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Solutions Market & Consumer The success of a company in Saudi Arabia depends on how well it understands the local market and evolving consumer behavior. At the core of our approach is a deep understanding of the Saudi market, allowing us to deliver winning strategies to our clients. When insights into the Saudi market are […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-default-elementor.php","meta":{"footnotes":""},"class_list":["post-1775","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/1775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/comments?post=1775"}],"version-history":[{"count":704,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/1775\/revisions"}],"predecessor-version":[{"id":6910,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/1775\/revisions\/6910"}],"wp:attachment":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/media?parent=1775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}