{"id":3660,"date":"2024-10-21T10:49:48","date_gmt":"2024-10-21T10:49:48","guid":{"rendered":"https:\/\/4sightksa.hostcarts.digital\/?page_id=3660"},"modified":"2024-10-22T07:37:05","modified_gmt":"2024-10-22T07:37:05","slug":"innovation-development","status":"publish","type":"page","link":"https:\/\/4sightksa.hostcarts.digital\/ar\/innovation-development\/","title":{"rendered":"\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3660\" class=\"elementor elementor-3660\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eaae3ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eaae3ae\" data-element_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-66 elementor-top-column elementor-element elementor-element-d616c89\" data-id=\"d616c89\" 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-cae3f17 elementor-widget elementor-widget-finandox_services_details_img_content\" data-id=\"cae3f17\" data-element_type=\"widget\" data-widget_type=\"finandox_services_details_img_content.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 four\">\n        <div class=\"auto-container\">\n            <div class=\"row\">\n                <div class=\"col-lg-12\">\n                    <div class=\"services-details\">\n\t\t\t\t\t\t \n                        <div class=\"image-box\"><img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/startup-team-creates-portable-wind-turbine-prototy-2023-11-27-05-27-37-utc-1-scaled.jpg\" alt=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n                        <div class=\"content\">\n\t\t\t\t\t\t\t                            <div class=\"sec-title\">\n                                <div class=\"sub-title\">\u0627\u0644\u062d\u0644\u0648\u0644<\/div>\n                                <h2>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h2>\n                            <\/div>\n\t\t\t\t\t\t\t                            <div class=\"text\">\u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062c\u0632\u0623\u0629 \u0627\u0644\u064a\u0648\u0645\u060c \u0623\u0635\u0628\u062d \u0625\u0637\u0644\u0627\u0642 \u0627\u0628\u062a\u0643\u0627\u0631\u0627\u062a \u0646\u0627\u062c\u062d\u0629 \u0623\u0635\u0639\u0628 \u0645\u0646 \u0623\u064a \u0648\u0642\u062a \u0645\u0636\u0649. \u0647\u0646\u0627\u0643 \u0639\u062f\u0629 \u0645\u0639\u0627\u064a\u064a\u0631 \u062a\u0624\u062f\u064a \u0625\u0644\u0649 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0628\u0639\u0636\u0647\u0627 \u0645\u0648\u0636\u062d \u0641\u064a \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u062f\u0646\u0627\u0647. \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0644\u064a\u0633 \u0645\u0647\u0645\u064b\u0627 \u0625\u0644\u0627 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0631\u063a\u0628 \u0641\u064a \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0639\u0645\u0644\u0643. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0645\u0646 \u0628\u064a\u0646 \u0643\u0644 100 \u0645\u0646\u062a\u062c \u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064a \u062c\u062f\u064a\u062f \u064a\u064f\u0637\u0631\u062d \u0641\u064a \u0627\u0644\u0633\u0648\u0642\u060c \u062a\u0641\u0634\u0644 \u0646\u0633\u0628\u0629 \u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 80% \u064890%. \u064a\u0624\u062f\u064a \u0647\u0630\u0627 \u0625\u0644\u0649 \u0633\u062d\u0628 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u0627\u062a \u0645\u0646 \u0627\u0644\u0633\u0648\u0642 \u0641\u064a \u063a\u0636\u0648\u0646 12 \u0634\u0647\u0631\u064b\u0627 \u0641\u0642\u0637 \u0645\u0646 \u0637\u0631\u062d\u0647\u0627. \u064a\u0628\u062d\u062b \u0627\u0644\u0645\u0633\u0648\u0642\u0648\u0646 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0639\u0646 \u062e\u064a\u0627\u0631\u0627\u062a \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0642\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0641\u0634\u0644 \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062e\u062f\u0645\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0628\u0646\u062c\u0627\u062d.<\/div>\n                            <blockquote>\n                                <div class=\"text\">\n<\/h4>\n                            <\/blockquote>\n                            <div class=\"text\"><\/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<div class=\"elementor-element elementor-element-6fbca0d elementor-widget elementor-widget-heading\" data-id=\"6fbca0d\" 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<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0646\u0638\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5c2310 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a5c2310\" 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-1e1ff7e elementor-widget elementor-widget-html\" data-id=\"1e1ff7e\" 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>Project Workflow<\/title>\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .container {\n            width: 90%;\n            margin: 50px auto;\n            text-align: center;\n            position: relative; \/* Make container relative for positioning the horizontal line *\/\n            border: 2px solid #94D60A; \/* Add this line to give a border *\/\n            padding: 20px; \/* Optional: Add some padding inside the border *\/\n            border-radius: 10px; \/* Optional: Add rounded corners to the border *\/\n        }\n\n        .top-row .box-container {\n            margin-top: 10px; \/* Adjust this value to move the top row up *\/\n        }\n\n        .bottom-row .box-container {\n            margin-top: 10px; \/* Adjust this value to move the top row up *\/\n        }\n\n        .top-row, .bottom-row {\n            display: flex;\n            justify-content: space-around;\n            margin-bottom: 30px;\n        }\n\n        .box-container {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .box {\n            width: 180px;\n            height: 100px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            border-radius: 8px;\n            font-size: 16px;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 40px; \/* Space above the line *\/\n            animation: fadeInUp 1.5s ease-in-out; \/* Animation on load *\/\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); \/* Add 3D effect *\/\n            transition: transform 0.4s ease, box-shadow 0.4s ease; \/* Transition for the 3D effect *\/\n        }\n\n        \/* Box hover effect *\/\n        .box:hover {\n            transform: translateY(-10px) scale(1.05); \/* Slight hover lift with scale *\/\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); \/* Deepen shadow on hover *\/\n        }\n\n        .blue {\n            background-color: #378df8;\n        }\n\n        .orange {\n            background-color: #f69b1f;\n        }\n\n        .light-blue {\n            background-color: #03a9f4;\n        }\n\n        .purple {\n            background-color: #9c27b0;\n        }\n\n        .dark-purple {\n            background-color: #673ab7;\n        }\n\n        \/* Vertical Line *\/\n        .vertical-line {\n            width: 4px;\n            height: 105px;\n            background-color: #94D60A;\n            position: relative;\n            margin-top: -40px;\n            animation: growLine 1s ease-in-out;\n        }\n\n        \/* Circle inside vertical line and ends *\/\n        .circle {\n            width: 40px;\n            height: 40px;\n            background-color: #fff;\n            border-radius: 50%;\n            border: 4px solid #94D60A;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            animation: fadeIn 1s ease-in-out 1s;\n        }\n\n        \/* Horizontal Line *\/\n        .horizontal-line {\n            position: absolute;\n            top: 44%; \/* Position it at the middle of the container *\/\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80%; \/* Horizontal line length *\/\n            height: 4px;\n            background-color: #94D60A;\n            z-index: -1; \/* Place it behind other elements *\/\n            animation: growHorizontalLine 1s ease-in-out;\n        }\n\n        \/* Circles at both ends of the horizontal line *\/\n        .end-circle {\n            width: 40px;\n            height: 40px;\n            background-color: #fff;\n            border-radius: 50%;\n            border: 4px solid #94D60A;\n            position: absolute;\n        }\n\n        \/* Position the left circle at the end of the horizontal line *\/\n        .end-circle.left {\n            top: 44%;\n            left: 5%; \/* Set to 0% for the left edge *\/\n            transform: translateY(-50%);\n        }\n\n        \/* Position the right circle at the end of the horizontal line *\/\n        .end-circle.right {\n            top: 44%;\n            right: 5%; \/* Set to 0% for the right edge *\/\n            transform: translateY(-50%);\n        }\n\n        \/* Animations for the boxes *\/\n        @keyframes fadeInUp {\n            0% {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes growLine {\n            0% {\n                height: 0;\n            }\n            100% {\n                height: 105px;\n            }\n        }\n\n        @keyframes fadeIn {\n            0% {\n                opacity: 0;\n            }\n            100% {\n                opacity: 1;\n            }\n        }\n\n        @keyframes growHorizontalLine {\n            0% {\n                width: 0;\n            }\n            100% {\n                width: 80%;\n            }\n        }\n\n        \/* Responsive Design *\/\n        \n\n       @media (max-width: 768px) {\n    .top-row, .bottom-row {\n        flex-direction: column; \/* Display boxes line by line *\/\n    }\n    .box-container {\n        margin-bottom: 40px;\n        flex: 1; \/* Allow box containers to share available space *\/\n        max-width: 100%; \/* Set max width for box containers *\/\n    }\n    .box {\n        width: 100%; \/* Use full width for boxes *\/\n        height: 100px;\n        margin-bottom: 0px;\n    }\n    .vertical-line {\n         display: none; \/* Hide horizontal line on mobile *\/\n    }\n    .horizontal-line {\n        width: 90%; \/* Adjust the horizontal line width for smaller screens *\/\n        display: none; \/* Hide horizontal line on mobile *\/\n    }\n    .end-circle.left {\n        display: none; \/* Hide horizontal line on mobile *\/\n    }\n    .end-circle.right {\n         display: none; \/* Hide horizontal line on mobile *\/\n    }\n    \/* Add this line to move the bottom row up *\/\n    .bottom-row {\n        margin-top: -20px; \/* Adjust this value as needed *\/\n    }\n    .box p {\n    margin: 0; \/* Remove default margin *\/\n    line-height: 1.2; \/* Set line height for vertical centering *\/\n    text-align: center; \/* Center the text *\/\n}\n}\n\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <!-- Horizontal Line -->\n        <div class=\"horizontal-line\"><\/div>\n\n        <!-- Circles at both ends of the horizontal line -->\n        <div class=\"end-circle left\"><\/div>\n        <div class=\"end-circle right\"><\/div>\n\n        <!-- Top Row: 2 Sections -->\n        <div class=\"top-row\">\n            <div class=\"box-container\">\n                <div class=\"box blue\">\n                    <p>IS IT <br> SUPERIOR ?<\/p>\n                <\/div>\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"box-container\">\n                <div class=\"box orange\">\n                    <p>\u0647\u0644 \u0645\u0646 \u0627\u0644\u0633\u0647\u0644 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 <br> TO TRY ?<\/p>\n                <\/div>\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Bottom Row: 3 Sections -->\n        <div class=\"bottom-row\">\n            <div class=\"box-container\">\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n                <div class=\"box light-blue\">\n                    <p>IS IT <br> RELEVANT ?<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"box-container\">\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n                <div class=\"box purple\">\n                    <p>IS IT <br> \u0647\u0644 \u0647\u0648 \u0641\u0631\u064a\u062f \u0645\u0646 \u0646\u0648\u0639\u0647\u061f<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"box-container\">\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n                <div class=\"box dark-purple\">\n                    <p>\u0647\u0644 \u0645\u0646 \u0627\u0644\u0633\u0647\u0644 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629<br>\u0647\u0644 \u0645\u0646 \u0627\u0644\u0633\u0647\u0644 \u0627\u0644\u062a\u0628\u062f\u064a\u0644\u061f<\/p>\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\u0633\u0648\u0642 \u0648\u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643<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\/3660#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\/3660#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>&#916;<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=\"209\"\/><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-b134a18 e-flex e-con-boxed e-con e-parent\" data-id=\"b134a18\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a27af44 e-con-full e-flex e-con e-child\" data-id=\"a27af44\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e31419f elementor-widget elementor-widget-heading\" data-id=\"e31419f\" 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<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0646\u0638\u0648\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3879081 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3879081\" 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-f6c8348 elementor-widget elementor-widget-html\" data-id=\"f6c8348\" 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>Project Workflow<\/title>\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .container {\n            width: 90%;\n            margin: 50px auto;\n            text-align: center;\n            position: relative; \/* Make container relative for positioning the horizontal line *\/\n            border: 2px solid #94D60A; \/* Add this line to give a border *\/\n            padding: 20px; \/* Optional: Add some padding inside the border *\/\n            border-radius: 10px; \/* Optional: Add rounded corners to the border *\/\n        }\n\n        .top-row .box-container {\n            margin-top: 10px; \/* Adjust this value to move the top row up *\/\n        }\n\n        .bottom-row .box-container {\n            margin-top: 10px; \/* Adjust this value to move the top row up *\/\n        }\n\n        .top-row, .bottom-row {\n            display: flex;\n            justify-content: space-around;\n            margin-bottom: 30px;\n        }\n\n        .box-container {\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .box {\n            width: 180px;\n            height: 100px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            border-radius: 8px;\n            font-size: 16px;\n            font-weight: bold;\n            color: #fff;\n            margin-bottom: 40px; \/* Space above the line *\/\n            animation: fadeInUp 1.5s ease-in-out; \/* Animation on load *\/\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); \/* Add 3D effect *\/\n            transition: transform 0.4s ease, box-shadow 0.4s ease; \/* Transition for the 3D effect *\/\n        }\n\n        \/* Box hover effect *\/\n        .box:hover {\n            transform: translateY(-10px) scale(1.05); \/* Slight hover lift with scale *\/\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); \/* Deepen shadow on hover *\/\n        }\n\n        .blue {\n            background-color: #378df8;\n        }\n\n        .orange {\n            background-color: #f69b1f;\n        }\n\n        .light-blue {\n            background-color: #03a9f4;\n        }\n\n        .purple {\n            background-color: #9c27b0;\n        }\n\n        .dark-purple {\n            background-color: #673ab7;\n        }\n\n        \/* Vertical Line *\/\n        .vertical-line {\n            width: 4px;\n            height: 105px;\n            background-color: #94D60A;\n            position: relative;\n            margin-top: -40px;\n            animation: growLine 1s ease-in-out;\n        }\n\n        \/* Circle inside vertical line and ends *\/\n        .circle {\n            width: 40px;\n            height: 40px;\n            background-color: #fff;\n            border-radius: 50%;\n            border: 4px solid #94D60A;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            animation: fadeIn 1s ease-in-out 1s;\n        }\n\n        \/* Horizontal Line *\/\n        .horizontal-line {\n            position: absolute;\n            top: 44%; \/* Position it at the middle of the container *\/\n            left: 50%;\n            transform: translateX(-50%);\n            width: 85%; \/* Horizontal line length *\/\n            height: 4px;\n            background-color: #94D60A;\n            z-index: -1; \/* Place it behind other elements *\/\n            animation: growHorizontalLine 1s ease-in-out;\n        }\n\n        \/* Circles at both ends of the horizontal line *\/\n        .end-circle {\n            width: 40px;\n            height: 40px;\n            background-color: #fff;\n            border-radius: 50%;\n            border: 4px solid #94D60A;\n            position: absolute;\n        }\n\n        \/* Position the left circle at the end of the horizontal line *\/\n        .end-circle.left {\n            top: 44%;\n             \/* Set to 0% for the left edge *\/\n            transform: translateY(-50%);\n        }\n\n        \/* Position the right circle at the end of the horizontal line *\/\n        .end-circle.right {\n            top: 44%;\n            right: 5%; \/* Set to 0% for the right edge *\/\n            transform: translateY(-50%);\n        }\n\n        \/* Animations for the boxes *\/\n        @keyframes fadeInUp {\n            0% {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes growLine {\n            0% {\n                height: 0;\n            }\n            100% {\n                height: 105px;\n            }\n        }\n\n        @keyframes fadeIn {\n            0% {\n                opacity: 0;\n            }\n            100% {\n                opacity: 1;\n            }\n        }\n\n        @keyframes growHorizontalLine {\n            0% {\n                width: 0;\n            }\n            100% {\n                width: 80%;\n            }\n        }\n\n        \/* Responsive Design *\/\n        \n\n       @media (max-width: 768px) {\n    .top-row, .bottom-row {\n        flex-direction: column; \/* Display boxes line by line *\/\n    }\n    .box-container {\n        margin-bottom: 40px;\n        flex: 1; \/* Allow box containers to share available space *\/\n        max-width: 100%; \/* Set max width for box containers *\/\n    }\n    .box {\n        width: 100%; \/* Use full width for boxes *\/\n        height: 100px;\n        margin-bottom: 0px;\n    }\n    .vertical-line {\n         display: none; \/* Hide horizontal line on mobile *\/\n    }\n    .horizontal-line {\n        width: 90%; \/* Adjust the horizontal line width for smaller screens *\/\n        display: none; \/* Hide horizontal line on mobile *\/\n    }\n    .end-circle.left {\n        display: none; \/* Hide horizontal line on mobile *\/\n    }\n    .end-circle.right {\n         display: none; \/* Hide horizontal line on mobile *\/\n    }\n    \/* Add this line to move the bottom row up *\/\n    .bottom-row {\n        margin-top: -20px; \/* Adjust this value as needed *\/\n    }\n    .box p {\n    margin: 0; \/* Remove default margin *\/\n    line-height: 1.2; \/* Set line height for vertical centering *\/\n    text-align: center; \/* Center the text *\/\n}\n}\n\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <!-- Horizontal Line -->\n        <div class=\"horizontal-line\"><\/div>\n\n        <!-- Circles at both ends of the horizontal line -->\n        <div class=\"end-circle left\"><\/div>\n        <div class=\"end-circle right\"><\/div>\n\n        <!-- Top Row: 2 Sections -->\n        <div class=\"top-row\">\n            <div class=\"box-container\">\n                <div class=\"box blue\">\n                    <p>CAN WE <br> MAKE IT ?<\/p>\n                <\/div>\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"box-container\">\n                <div class=\"box orange\">\n                    <p>IS IT MEETING <br> A GAP ?<\/p>\n                <\/div>\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Bottom Row: 3 Sections -->\n        <div class=\"bottom-row\">\n            <div class=\"box-container\">\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n                <div class=\"box light-blue\">\n                    <p>HOW MUCH <br> WE INVEST ?<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"box-container\">\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n                <div class=\"box purple\">\n                    <p>WILL IT <br> BE PROFITABLE ?<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"box-container\">\n                <div class=\"vertical-line\">\n                    <div class=\"circle\"><\/div>\n                <\/div>\n                <div class=\"box dark-purple\">\n                    <p>IS IT FITTING<br>OUR BRAND ?<\/p>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-32f9596 e-con-full e-flex e-con e-child\" data-id=\"32f9596\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7206969 elementor-widget elementor-widget-html\" data-id=\"7206969\" 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>Premium Pricing Plan<\/title>\n<style>\n    * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n\n\n.pricing-card {\n    background: linear-gradient(to bottom, #94D60A, #001a66);\n    color: white;\n    border-radius: 15px;\n    width: 350px;\n    padding: 30px;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    transition: transform 0.3s ease-in-out;\n}\n\n.pricing-card:hover {\n    transform: translateY(-10px);\n}\n\n.pricing-header h1 {\n    font-size: 2em;\n    text-align: center;\n    margin-bottom: 5px;\n}\n\n.pricing-header p {\n    text-align: center;\n    font-size: 0.9em;\n    color: lightblue;\n    margin-bottom: 20px;\n}\n\n.price {\n    display: flex;\n    justify-content: center;\n    align-items: baseline;\n    margin-bottom: 20px;\n}\n\n.currency {\n    font-size: 1.em;\n    margin-right: 5px;\n    margin-top: -20px;\n}\n\n.amount {\n    font-size: 3em;\n    font-weight: bold;\n}\n\n.duration {\n    font-size: 1em;\n    margin-left: 5px;\n}\n\n.features {\n    list-style: none;\n    margin-bottom: 20px;\n}\n\n.features li {\n    display: flex;\n    align-items: center;\n    margin-bottom: 10px;\n    font-size: 1.1em;\n}\n\n.check-icon::before {\n    content: \"\u2714\";\n    color: #1a73e8;\n    margin-right: 10px;\n    font-size: 1.2em;\n}\n\n.cta-button {\n    display: block;\n    text-align: center;\n    background-color: #001a66;\n    color: white;\n    padding: 15px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-size: 1.1em;\n    font-weight: bold;\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    transition: background-color 0.3s ease;\n}\n\n.cta-button:hover {\n    background-color: #1a73e8;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .pricing-card {\n        width: 100%;\n        margin-left: 0px;\n    }\n   \n}\n\n<\/style>\n<\/head>\n<body>\n    <div class=\"pricing-card\">\n        <div class=\"pricing-header\">\n            <h1><\/h1>\n            <p><\/p>\n        <\/div>\n        <div class=\"price\">\n            <span class=\"currency\">\u0634\u0631\u0643\u0629 \u0627\u0644\u0628\u0635\u0627\u0626\u0631 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629\u060c \u0634\u0631\u0643\u0629 \u0623\u0628\u062d\u0627\u062b \u0633\u0648\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0641\u064a \u062f\u0648\u0644\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0646\u0627\u062c\u062d\u0629.<\/span>\n            \n            <span class=\"amount\"><\/span>\n            <span class=\"duration\"><\/span>\n        <\/div>\n        <ul class=\"features\">\n            <li><i class=\"check-icon\"><\/i> \u0628\u062d\u0648\u062b \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0641\u0643\u0631\u0629<\/li>\n            <li><i class=\"check-icon\"><\/i> \u0623\u0628\u062d\u0627\u062b \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/li>\n            <li><i class=\"check-icon\"><\/i> \u0628\u062d\u0648\u062b \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0627\u062a<\/li>\n            <li><i class=\"check-icon\"><\/i> \u0623\u0628\u062d\u0627\u062b \u0628\u0627\u0631\u0632\u0629 \u0639\u0644\u0649 \u0627\u0644\u0631\u0641\u0648\u0641<\/li>\n            <li><i class=\"check-icon\"><\/i> Pricing Research (PSM)(Choice Modeling)<\/li>\n            \n             <li><i class=\"check-icon\"><\/i> Idea Screening Research<\/li>\n            <li><i class=\"check-icon\"><\/i> Product Preference Research<\/li>\n            <li><i class=\"check-icon\"><\/i> Concept Evaluation Research<\/li>\n            <li><i class=\"check-icon\"><\/i> Packaging Evaluation Research<\/li>\n            <li><i class=\"check-icon\"><\/i> Volume Estimation (STM)Research<\/li>\n            <li><i class=\"check-icon\"><\/i> Post-launch Tracking Research<\/li>\n            \n            \n        <\/ul>\n       \n    <\/div>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bede163 e-flex e-con-boxed e-con e-parent\" data-id=\"bede163\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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 \u0634\u0631\u0643\u0629 \u0627\u0644\u0628\u0635\u0627\u0626\u0631 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \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-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    \/* 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\/collaboration-and-analysis-by-business-people-work-2023-11-27-05-25-47-utc1-1-scaled.jpg\" alt=\"strategy\">\n      <\/div>\n      <div class=\"profile-content\">\n        <h2><\/h2>\n        <p class=\"role\">\n\n\u0643\u064a\u0641 \u064a\u0633\u062a\u0641\u064a\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u062d\u0644\u0648\u0644\u0646\u0627 \u0644\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u061f\n<\/p>\n        <p>\u062a\u0639\u0645\u0644 \u062d\u0644\u0648\u0644\u0646\u0627 \u0644\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0644\u0649 \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u062a\u062d\u0648\u064a\u0644 \u0623\u0641\u0643\u0627\u0631\u0647\u0645 \u0625\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u0646\u0627\u062c\u062d\u0629. \u0646\u062d\u0646 \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u062a\u0642\u0635\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062a\u063a\u0631\u0642 \u0644\u0637\u0631\u062d \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0648\u0642\u060c \u0648\u062a\u0628\u0633\u064a\u0637 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0633\u0648\u0642. <\/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\udd0d<\/div>\n        <div class=\"step-content\">\n          <h3>1. \u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/h3>\n          <p>\n              <li>\n                  \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631\n              <\/li>\n              <li>\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a<\/li>\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"process-step\">\n        <div class=\"step-icon\">\ud83d\udca1<\/div>  <!-- Updated icon to a hammer -->\n        <div class=\"step-content\">\n          <h3>2. UNDERSTAND<\/h3>\n          <p><li>\u0634\u0631\u0627\u0621 \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u0634\u063a\u064a\u0644<\/li>\n          <li>\u0645\u0641\u0647\u0648\u0645 \u0627\u0644\u0645\u0646\u062a\u062c<\/li>\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"process-step\">\n        <div class=\"step-icon\">\ud83d\udcc8<\/div>\n<!-- Updated icon to a money bag -->\n        <div class=\"step-content\">\n          <h3>3. \u0627\u0644\u062a\u062d\u0633\u064a\u0646<\/h3>\n          <p><li>\u0645\u0632\u064a\u062f \u0645\u0646 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c<\/li>\n          <li>\u062a\u062c\u0645\u064a\u0639 \u0641\u0626\u0629 \u0627\u0644\u062a\u0639\u0644\u0645<\/li><\/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 Innovation &#038; Development In today\u2019s fragmented marketing environment, it is harder than ever to launch successful innovations. There are several criteria that lead to successful products, some of them are shown in the image below. Innovation isn\u2019t important unless you want your business to survive. However, out of every 100 new consumer products that [&hellip;]<\/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-3660","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/3660","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=3660"}],"version-history":[{"count":160,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/3660\/revisions"}],"predecessor-version":[{"id":3861,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/3660\/revisions\/3861"}],"wp:attachment":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/media?parent=3660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}