4Sight KSA Services<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n\n .services-section {\n display: flex;\n gap: 20px;\n padding: 20px;\n flex-wrap: wrap;\n justify-content: center;\n background-color: white;\n }\n\n .service-card {\n background-color: #94D60A;\n border-radius: 20px;\n width: 350px;\n padding: 20px;\n color: white;\n text-align: center;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: visible;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column; \/* Set flex direction to column *\/\n justify-content: space-between; \/* Ensure space between items *\/\n height: 100%; \/* Make sure the card takes full height *\/\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .image-container {\n width: 100%;\n position: relative;\n overflow: visible;\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: -80px; \/* Move image up *\/\n }\n\n .image-border {\n width: 100%;\n max-width: 260px; \/* Set a fixed width for uniformity *\/\n height: 180px; \/* Set a fixed height for uniformity *\/\n border: 6px solid white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n\n .image-border img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image fills the container *\/\n transition: transform 0.3s ease;\n }\n\n .service-card:hover .image-border img {\n transform: scale(1.05);\n }\n\n h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 1em;\n margin-bottom: 20px;\n color: #e0e0e0;\n }\n\n .learn-more {\n display: inline-block;\n background-color: white;\n color: #7BBC59;\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; \/* Include border color in transition *\/\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n align-self: center; \/* Center button horizontally *\/\n margin-top: auto; \/* Push button to the bottom *\/\n margin-bottom: -40px;\n border: 2px solid #7BBC59; \/* Add border with specified color *\/\n}\n\n.learn-more:hover {\n background-color: #82096e;\n color: white;\n border-color: white; \/* Change border color on hover *\/\n}\n\n\n\n \/* Responsive Styles *\/\n@media (max-width: 768px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 80px; \/* Increase gap for better spacing *\/\n }\n \n .service-card {\n width: 100%;\n max-width: 330px; \/* Make cards smaller on mobile *\/\n margin-top: 100px;\n }\n\n h3 {\n font-size: 1.3em; \/* Slightly reduce heading size *\/\n }\n\n p {\n font-size: 0.9em; \/* Slightly reduce paragraph size *\/\n }\n}\n\n@media (max-width: 480px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 40px; \/* Further increase gap for better spacing *\/\n }\n\n .service-card {\n padding: 15px; \/* Reduce padding inside cards *\/\n }\n\n h3 {\n font-size: 1.2em; \/* Further reduce heading size *\/\n }\n\n p {\n font-size: 0.85em; \/* Further reduce paragraph size *\/\n }\n\n .learn-more {\n padding: 8px 15px; \/* Adjust button padding *\/\n }\n}\n\n\n <\/style>\n<\/head>\n<body>\n <section class=\"services-section\">\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/consumer-understanding.jpg\" alt=\"Custom Software\">\n <\/div>\n <\/div>\n <h3>\u0627\u0644\u0633\u0648\u0642 <br> \u0648\u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643<\/h3>\n <p>\u064a\u0639\u062a\u0645\u062f \u0646\u062c\u0627\u062d \u0627\u0644\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 \u0645\u062f\u0649 \u0641\u0647\u0645\u0647\u0627 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/market-consumer\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/Innovations.jpg\" alt=\"Data Center Location\">\n <\/div>\n <\/div>\n <h3>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 <br>\u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\n <p>\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.<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/innovation-development\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/brand-marketing-slogan-2023-11-27-04-50-21-utc-1-scaled.jpg\" alt=\"IT Consultant\">\n <\/div>\n <\/div>\n <h3>\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 <br> \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\u0625\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0647\u064a \u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u062a\u0623\u0645\u064a\u0646 \u0645\u0633\u062a\u0642\u0628\u0644\u0647\u0645. \u0648\u0642\u062f \u062a\u0628\u064a\u0646 \u0623\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0642\u0648\u064a\u0629<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/brand-communication\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n <\/section>\n \n \n \n<\/body>\n<\/html>\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-a5d16ee e-flex e-con-boxed e-con e-parent\" data-id=\"a5d16ee\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-622f514 elementor-widget elementor-widget-html\" data-id=\"622f514\" 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 Services<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n .services-section {\n display: flex;\n gap: 20px;\n padding: 20px;\n flex-wrap: wrap;\n justify-content: center;\n background-color: white;\n }\n\n .service-card {\n background-color: #94D60A;\n border-radius: 20px;\n width: 350px;\n padding: 20px;\n color: white;\n text-align: center;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: visible;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column; \/* Set flex direction to column *\/\n justify-content: space-between; \/* Ensure space between items *\/\n height: 100%; \/* Make sure the card takes full height *\/\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .image-container {\n width: 100%;\n position: relative;\n overflow: visible;\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: -80px; \/* Move image up *\/\n }\n\n .image-border {\n width: 100%;\n max-width: 260px; \/* Set a fixed width for uniformity *\/\n height: 180px; \/* Set a fixed height for uniformity *\/\n border: 6px solid white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n\n .image-border img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image fills the container *\/\n transition: transform 0.3s ease;\n }\n\n .service-card:hover .image-border img {\n transform: scale(1.05);\n }\n\n h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 1em;\n margin-bottom: 20px;\n color: #e0e0e0;\n }\n\n .learn-more {\n display: inline-block;\n background-color: white;\n color: #82096e;\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; \/* Include border color in transition *\/\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n align-self: center; \/* Center button horizontally *\/\n margin-top: auto; \/* Push button to the bottom *\/\n margin-bottom: -40px;\n border: 2px solid #7BBC59; \/* Add border with specified color *\/\n}\n\n.learn-more:hover {\n background-color: #82096e;\n color: white;\n border-color: white; \/* Change border color on hover *\/\n}\n\n\n@\n\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 80px; \/* Increase gap for better spacing *\/\n }\n \n .service-card {\n width: 100%;\n max-width: 330px; \/* Make cards smaller on mobile *\/\n margin-top: 100px;\n }\n\n h3 {\n font-size: 1.3em; \/* Slightly reduce heading size *\/\n }\n\n p {\n font-size: 0.9em; \/* Slightly reduce paragraph size *\/\n }\n}\n\n@media (max-width: 480px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 40px; \/* Further increase gap for better spacing *\/\n }\n\n .service-card {\n padding: 15px; \/* Reduce padding inside cards *\/\n }\n\n h3 {\n font-size: 1.2em; \/* Further reduce heading size *\/\n }\n\n p {\n font-size: 0.85em; \/* Further reduce paragraph size *\/\n }\n\n .learn-more {\n padding: 8px 15px; \/* Adjust button padding *\/\n }\n}\n\n <\/style>\n<\/head>\n<body>\n <section class=\"services-section\">\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\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=\"collaboration-and-analysis-by-business-people-work-2023-11-27-05-25-47-utc1-1-scaled\">\n <\/div>\n <\/div>\n <h3>\u062a\u062c\u0631\u0628\u0629 <br> \u0627\u0644\u0639\u0645\u064a\u0644<\/h3>\n <p>\u0625\u0630\u0627 \u0633\u0623\u0644\u0646\u0627\u0643 \u0639\u0646 \u0622\u062e\u0631 \u0645\u0631\u0629 \u062d\u0635\u0644\u062a \u0641\u064a\u0647\u0627 \u0639\u0644\u0649 \u062a\u062c\u0631\u0628\u0629 \u0631\u0627\u0626\u0639\u0629 \u062d\u0642\u064b\u0627 \u0643\u0639\u0645\u064a\u0644\u060c \u0641\u0631\u0628\u0645\u0627 \u0644\u0646 \u062a\u0643\u0648\u0646 <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/customer-experience\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/medical-doctor-and-man-patient-talking-about-sympt-2023-11-27-04-54-27-utc-1-scaled.jpg\" alt=\"medical-doctor-and-man-patient-talking-about-sympt-2023-11-27-04-54-27-utc-1-scaled\">\n <\/div>\n <\/div>\n <h3>\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0627\u0639\u0635\u0627\u0628 \u0648 <br> \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u0629<\/h3>\n <p>\u0625\u0646\u0647 \u0639\u0635\u0631 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u060c \u0648\u0647\u0648 \u0627\u0642\u062a\u0635\u0627\u062f \u0645\u062f\u0641\u0648\u0639 \u0628\u0639\u062f\u0645 \u0627\u0644\u0639\u0642\u0644\u0627\u0646\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629. <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/neurolab-behavioural-science\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/students-from-different-countries-gathering-using-2023-11-27-05-23-47-utc-1-scaled.jpg\" alt=\"students-from-different-countries-gathering-using-2023-11-27-05-23-47-utc-1-scaled\">\n <\/div>\n <\/div>\n <h3>\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 <br> \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\n <p>\u0639\u0644\u0649 \u0645\u0631 \u0627\u0644\u0633\u0646\u064a\u0646\u060c \u0646\u0636\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0645\u0646 \u0643\u0648\u0646\u0647 \u062c\u062f\u064a\u062f\u064b\u0627 \u0625\u0644\u0649 \u0636\u0631\u0648\u0631\u0629 - \u0623\u062f\u0627\u0629 \u0623\u0633\u0627\u0633\u064a\u0629<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/digital-customer-community\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n <\/section>\n \n \n \n\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<div class=\"elementor-element elementor-element-f00f1a1 e-flex e-con-boxed e-con e-parent\" data-id=\"f00f1a1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ab5ae3 elementor-widget elementor-widget-html\" data-id=\"4ab5ae3\" 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 Services<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n .services-section {\n display: flex;\n gap: 20px;\n padding: 20px;\n flex-wrap: wrap;\n justify-content: center;\n background-color: white;\n }\n\n .service-card {\n background: linear-gradient(135deg, #A1E084, #5CA036); \/* Green gradient background *\/\n border-radius: 20px;\n width: 350px;\n padding: 20px;\n color: white;\n text-align: center;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: visible;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .image-container {\n width: 100%;\n position: relative;\n overflow: visible;\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: -80px; \/* Move image up *\/\n }\n\n .image-border {\n width: 100%;\n max-width: 260px; \/* Set a fixed width for uniformity *\/\n height: 180px; \/* Set a fixed height for uniformity *\/\n border: 6px solid white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n\n .image-border img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image fills the container *\/\n transition: transform 0.3s ease;\n }\n\n .service-card:hover .image-border img {\n transform: scale(1.05);\n }\n\n h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 1em;\n margin-bottom: 20px;\n color: #e0e0e0;\n }\n\n .learn-more {\n display: inline-block;\n background-color: white;\n color: #7BBC59;\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; \/* Include border color in transition *\/\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n align-self: center; \/* Center button horizontally *\/\n margin-top: auto; \/* Push button to the bottom *\/\n margin-bottom: -40px;\n border: 2px solid #7BBC59; \/* Add border with specified color *\/\n}\n\n.learn-more:hover {\n background-color: #82096e;\n color: white;\n border-color: white; \/* Change border color on hover *\/\n}\n\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 80px; \/* Increase gap for better spacing *\/\n }\n \n .service-card {\n width: 100%;\n max-width: 330px; \/* Make cards smaller on mobile *\/\n margin-top: 100px;\n }\n\n h3 {\n font-size: 1.3em; \/* Slightly reduce heading size *\/\n }\n\n p {\n font-size: 0.9em; \/* Slightly reduce paragraph size *\/\n }\n .qualitative-card {\n margin-left: 40px; \/* Adjust this value to move it right *\/\n }\n}\n\n@media (max-width: 480px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 40px; \/* Further increase gap for better spacing *\/\n }\n\n .service-card {\n padding: 15px; \/* Reduce padding inside cards *\/\n }\n\n h3 {\n font-size: 1.2em; \/* Further reduce heading size *\/\n }\n\n p {\n font-size: 0.85em; \/* Further reduce paragraph size *\/\n }\n\n .learn-more {\n padding: 8px 15px; \/* Adjust button padding *\/\n }\n}\n\n <\/style>\n<\/head>\n<body>\n <section class=\"services-section\">\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/ONLINE-SURVEY-MARKET-RESEARCH-scaled.jpg\" alt=\"ONLINE-SURVEY-MARKET-RESEARCH-scaled\">\n <\/div>\n <\/div>\n <h3>\u0627\u0633\u062a\u0637\u0644\u0627\u0639 \u0627\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642 <br> \u0639\u0628\u0631 \u0627\u0644\u0627\u0646\u062a\u0631\u0646\u062a<\/h3>\n <p>\u0627\u0644\u0627\u0633\u062a\u0637\u0644\u0627\u0639\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \/ \u0627\u0644\u0627\u0633\u062a\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0647\u064a \u0648\u0633\u064a\u0644\u0629 \u0631\u0627\u0626\u0639\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0626\u0643 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u064a\u0646 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639\u0647\u0645. <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/online-survey-market-research\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n \n <div class=\"service-card qualitative-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/Qualitative-Market-Research-scaled.jpg\" alt=\"Qualitative-Market-Research-scaled\">\n <\/div>\n <\/div>\n <h3>\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642 <br> \u0627\u0644\u0646\u0648\u0639\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0646\u0648\u0639\u064a \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0647\u0648 \u0641\u0646 \u0648\u0639\u0644\u0645 \u062c\u0645\u0639 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/qualitative-market-research\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n\n <div class=\"service-car\">\n <div class=\"image-containe\">\n <div class=\"image-borde\">\n <img decoding=\"async\" src=\"\">\n <\/div>\n <\/div>\n <h3><\/h3>\n <p><\/p>\n <a href=\"#\" class=\"earn-more\"><\/a>\n <\/div>\n <\/section>\n \n \n \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>4Sight KSA Services Market & Consumer The success of a company in Saudi Arabia depends on how well it understands the local market Learn More \u2192 Innovations & Development In today\u2019s fragmented marketing environment, it is harder than ever to launch successful innovations. Learn More \u2192 Brand & Communication Brand equity is what helps clients […]<\/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-5523","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/5523","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=5523"}],"version-history":[{"count":172,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/5523\/revisions"}],"predecessor-version":[{"id":7150,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/5523\/revisions\/7150"}],"wp:attachment":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/media?parent=5523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n 4Sight KSA Services<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n\n .services-section {\n display: flex;\n gap: 20px;\n padding: 20px;\n flex-wrap: wrap;\n justify-content: center;\n background-color: white;\n }\n\n .service-card {\n background-color: #94D60A;\n border-radius: 20px;\n width: 350px;\n padding: 20px;\n color: white;\n text-align: center;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: visible;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column; \/* Set flex direction to column *\/\n justify-content: space-between; \/* Ensure space between items *\/\n height: 100%; \/* Make sure the card takes full height *\/\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .image-container {\n width: 100%;\n position: relative;\n overflow: visible;\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: -80px; \/* Move image up *\/\n }\n\n .image-border {\n width: 100%;\n max-width: 260px; \/* Set a fixed width for uniformity *\/\n height: 180px; \/* Set a fixed height for uniformity *\/\n border: 6px solid white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n\n .image-border img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image fills the container *\/\n transition: transform 0.3s ease;\n }\n\n .service-card:hover .image-border img {\n transform: scale(1.05);\n }\n\n h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 1em;\n margin-bottom: 20px;\n color: #e0e0e0;\n }\n\n .learn-more {\n display: inline-block;\n background-color: white;\n color: #7BBC59;\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; \/* Include border color in transition *\/\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n align-self: center; \/* Center button horizontally *\/\n margin-top: auto; \/* Push button to the bottom *\/\n margin-bottom: -40px;\n border: 2px solid #7BBC59; \/* Add border with specified color *\/\n}\n\n.learn-more:hover {\n background-color: #82096e;\n color: white;\n border-color: white; \/* Change border color on hover *\/\n}\n\n\n\n \/* Responsive Styles *\/\n@media (max-width: 768px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 80px; \/* Increase gap for better spacing *\/\n }\n \n .service-card {\n width: 100%;\n max-width: 330px; \/* Make cards smaller on mobile *\/\n margin-top: 100px;\n }\n\n h3 {\n font-size: 1.3em; \/* Slightly reduce heading size *\/\n }\n\n p {\n font-size: 0.9em; \/* Slightly reduce paragraph size *\/\n }\n}\n\n@media (max-width: 480px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 40px; \/* Further increase gap for better spacing *\/\n }\n\n .service-card {\n padding: 15px; \/* Reduce padding inside cards *\/\n }\n\n h3 {\n font-size: 1.2em; \/* Further reduce heading size *\/\n }\n\n p {\n font-size: 0.85em; \/* Further reduce paragraph size *\/\n }\n\n .learn-more {\n padding: 8px 15px; \/* Adjust button padding *\/\n }\n}\n\n\n <\/style>\n<\/head>\n<body>\n <section class=\"services-section\">\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/consumer-understanding.jpg\" alt=\"Custom Software\">\n <\/div>\n <\/div>\n <h3>\u0627\u0644\u0633\u0648\u0642 <br> \u0648\u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643<\/h3>\n <p>\u064a\u0639\u062a\u0645\u062f \u0646\u062c\u0627\u062d \u0627\u0644\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 \u0645\u062f\u0649 \u0641\u0647\u0645\u0647\u0627 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/market-consumer\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/Innovations.jpg\" alt=\"Data Center Location\">\n <\/div>\n <\/div>\n <h3>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 <br>\u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\n <p>\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.<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/innovation-development\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/brand-marketing-slogan-2023-11-27-04-50-21-utc-1-scaled.jpg\" alt=\"IT Consultant\">\n <\/div>\n <\/div>\n <h3>\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 <br> \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\u0625\u0646 \u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0647\u064a \u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u062a\u0623\u0645\u064a\u0646 \u0645\u0633\u062a\u0642\u0628\u0644\u0647\u0645. \u0648\u0642\u062f \u062a\u0628\u064a\u0646 \u0623\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0642\u0648\u064a\u0629<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/brand-communication\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n <\/section>\n \n \n \n<\/body>\n<\/html>\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-a5d16ee e-flex e-con-boxed e-con e-parent\" data-id=\"a5d16ee\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-622f514 elementor-widget elementor-widget-html\" data-id=\"622f514\" 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 Services<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n .services-section {\n display: flex;\n gap: 20px;\n padding: 20px;\n flex-wrap: wrap;\n justify-content: center;\n background-color: white;\n }\n\n .service-card {\n background-color: #94D60A;\n border-radius: 20px;\n width: 350px;\n padding: 20px;\n color: white;\n text-align: center;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: visible;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column; \/* Set flex direction to column *\/\n justify-content: space-between; \/* Ensure space between items *\/\n height: 100%; \/* Make sure the card takes full height *\/\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .image-container {\n width: 100%;\n position: relative;\n overflow: visible;\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: -80px; \/* Move image up *\/\n }\n\n .image-border {\n width: 100%;\n max-width: 260px; \/* Set a fixed width for uniformity *\/\n height: 180px; \/* Set a fixed height for uniformity *\/\n border: 6px solid white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n\n .image-border img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image fills the container *\/\n transition: transform 0.3s ease;\n }\n\n .service-card:hover .image-border img {\n transform: scale(1.05);\n }\n\n h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 1em;\n margin-bottom: 20px;\n color: #e0e0e0;\n }\n\n .learn-more {\n display: inline-block;\n background-color: white;\n color: #82096e;\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; \/* Include border color in transition *\/\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n align-self: center; \/* Center button horizontally *\/\n margin-top: auto; \/* Push button to the bottom *\/\n margin-bottom: -40px;\n border: 2px solid #7BBC59; \/* Add border with specified color *\/\n}\n\n.learn-more:hover {\n background-color: #82096e;\n color: white;\n border-color: white; \/* Change border color on hover *\/\n}\n\n\n@\n\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 80px; \/* Increase gap for better spacing *\/\n }\n \n .service-card {\n width: 100%;\n max-width: 330px; \/* Make cards smaller on mobile *\/\n margin-top: 100px;\n }\n\n h3 {\n font-size: 1.3em; \/* Slightly reduce heading size *\/\n }\n\n p {\n font-size: 0.9em; \/* Slightly reduce paragraph size *\/\n }\n}\n\n@media (max-width: 480px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 40px; \/* Further increase gap for better spacing *\/\n }\n\n .service-card {\n padding: 15px; \/* Reduce padding inside cards *\/\n }\n\n h3 {\n font-size: 1.2em; \/* Further reduce heading size *\/\n }\n\n p {\n font-size: 0.85em; \/* Further reduce paragraph size *\/\n }\n\n .learn-more {\n padding: 8px 15px; \/* Adjust button padding *\/\n }\n}\n\n <\/style>\n<\/head>\n<body>\n <section class=\"services-section\">\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\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=\"collaboration-and-analysis-by-business-people-work-2023-11-27-05-25-47-utc1-1-scaled\">\n <\/div>\n <\/div>\n <h3>\u062a\u062c\u0631\u0628\u0629 <br> \u0627\u0644\u0639\u0645\u064a\u0644<\/h3>\n <p>\u0625\u0630\u0627 \u0633\u0623\u0644\u0646\u0627\u0643 \u0639\u0646 \u0622\u062e\u0631 \u0645\u0631\u0629 \u062d\u0635\u0644\u062a \u0641\u064a\u0647\u0627 \u0639\u0644\u0649 \u062a\u062c\u0631\u0628\u0629 \u0631\u0627\u0626\u0639\u0629 \u062d\u0642\u064b\u0627 \u0643\u0639\u0645\u064a\u0644\u060c \u0641\u0631\u0628\u0645\u0627 \u0644\u0646 \u062a\u0643\u0648\u0646 <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/customer-experience\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/medical-doctor-and-man-patient-talking-about-sympt-2023-11-27-04-54-27-utc-1-scaled.jpg\" alt=\"medical-doctor-and-man-patient-talking-about-sympt-2023-11-27-04-54-27-utc-1-scaled\">\n <\/div>\n <\/div>\n <h3>\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0627\u0639\u0635\u0627\u0628 \u0648 <br> \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u0629<\/h3>\n <p>\u0625\u0646\u0647 \u0639\u0635\u0631 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u060c \u0648\u0647\u0648 \u0627\u0642\u062a\u0635\u0627\u062f \u0645\u062f\u0641\u0648\u0639 \u0628\u0639\u062f\u0645 \u0627\u0644\u0639\u0642\u0644\u0627\u0646\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629. <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/neurolab-behavioural-science\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/students-from-different-countries-gathering-using-2023-11-27-05-23-47-utc-1-scaled.jpg\" alt=\"students-from-different-countries-gathering-using-2023-11-27-05-23-47-utc-1-scaled\">\n <\/div>\n <\/div>\n <h3>\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 <br> \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\n <p>\u0639\u0644\u0649 \u0645\u0631 \u0627\u0644\u0633\u0646\u064a\u0646\u060c \u0646\u0636\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0645\u0646 \u0643\u0648\u0646\u0647 \u062c\u062f\u064a\u062f\u064b\u0627 \u0625\u0644\u0649 \u0636\u0631\u0648\u0631\u0629 - \u0623\u062f\u0627\u0629 \u0623\u0633\u0627\u0633\u064a\u0629<\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/digital-customer-community\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n <\/section>\n \n \n \n\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<div class=\"elementor-element elementor-element-f00f1a1 e-flex e-con-boxed e-con e-parent\" data-id=\"f00f1a1\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ab5ae3 elementor-widget elementor-widget-html\" data-id=\"4ab5ae3\" 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 Services<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n .services-section {\n display: flex;\n gap: 20px;\n padding: 20px;\n flex-wrap: wrap;\n justify-content: center;\n background-color: white;\n }\n\n .service-card {\n background: linear-gradient(135deg, #A1E084, #5CA036); \/* Green gradient background *\/\n border-radius: 20px;\n width: 350px;\n padding: 20px;\n color: white;\n text-align: center;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: visible;\n transition: transform 0.3s ease;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .image-container {\n width: 100%;\n position: relative;\n overflow: visible;\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: -80px; \/* Move image up *\/\n }\n\n .image-border {\n width: 100%;\n max-width: 260px; \/* Set a fixed width for uniformity *\/\n height: 180px; \/* Set a fixed height for uniformity *\/\n border: 6px solid white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n\n .image-border img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image fills the container *\/\n transition: transform 0.3s ease;\n }\n\n .service-card:hover .image-border img {\n transform: scale(1.05);\n }\n\n h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n p {\n font-size: 1em;\n margin-bottom: 20px;\n color: #e0e0e0;\n }\n\n .learn-more {\n display: inline-block;\n background-color: white;\n color: #7BBC59;\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; \/* Include border color in transition *\/\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n align-self: center; \/* Center button horizontally *\/\n margin-top: auto; \/* Push button to the bottom *\/\n margin-bottom: -40px;\n border: 2px solid #7BBC59; \/* Add border with specified color *\/\n}\n\n.learn-more:hover {\n background-color: #82096e;\n color: white;\n border-color: white; \/* Change border color on hover *\/\n}\n\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 80px; \/* Increase gap for better spacing *\/\n }\n \n .service-card {\n width: 100%;\n max-width: 330px; \/* Make cards smaller on mobile *\/\n margin-top: 100px;\n }\n\n h3 {\n font-size: 1.3em; \/* Slightly reduce heading size *\/\n }\n\n p {\n font-size: 0.9em; \/* Slightly reduce paragraph size *\/\n }\n .qualitative-card {\n margin-left: 40px; \/* Adjust this value to move it right *\/\n }\n}\n\n@media (max-width: 480px) {\n .services-section {\n padding: 10px; \/* Reduce padding on small screens *\/\n gap: 40px; \/* Further increase gap for better spacing *\/\n }\n\n .service-card {\n padding: 15px; \/* Reduce padding inside cards *\/\n }\n\n h3 {\n font-size: 1.2em; \/* Further reduce heading size *\/\n }\n\n p {\n font-size: 0.85em; \/* Further reduce paragraph size *\/\n }\n\n .learn-more {\n padding: 8px 15px; \/* Adjust button padding *\/\n }\n}\n\n <\/style>\n<\/head>\n<body>\n <section class=\"services-section\">\n <div class=\"service-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/ONLINE-SURVEY-MARKET-RESEARCH-scaled.jpg\" alt=\"ONLINE-SURVEY-MARKET-RESEARCH-scaled\">\n <\/div>\n <\/div>\n <h3>\u0627\u0633\u062a\u0637\u0644\u0627\u0639 \u0627\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642 <br> \u0639\u0628\u0631 \u0627\u0644\u0627\u0646\u062a\u0631\u0646\u062a<\/h3>\n <p>\u0627\u0644\u0627\u0633\u062a\u0637\u0644\u0627\u0639\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \/ \u0627\u0644\u0627\u0633\u062a\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0647\u064a \u0648\u0633\u064a\u0644\u0629 \u0631\u0627\u0626\u0639\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0626\u0643 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u064a\u0646 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639\u0647\u0645. <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/online-survey-market-research\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n \n <div class=\"service-card qualitative-card\">\n <div class=\"image-container\">\n <div class=\"image-border\">\n <img decoding=\"async\" src=\"https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/Qualitative-Market-Research-scaled.jpg\" alt=\"Qualitative-Market-Research-scaled\">\n <\/div>\n <\/div>\n <h3>\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642 <br> \u0627\u0644\u0646\u0648\u0639\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0646\u0648\u0639\u064a \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0647\u0648 \u0641\u0646 \u0648\u0639\u0644\u0645 \u062c\u0645\u0639 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 <\/p>\n <a href=\"https:\/\/4sightksa.hostcarts.digital\/ar\/qualitative-market-research\/\" class=\"learn-more\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n <\/div>\n\n <div class=\"service-car\">\n <div class=\"image-containe\">\n <div class=\"image-borde\">\n <img decoding=\"async\" src=\"\">\n <\/div>\n <\/div>\n <h3><\/h3>\n <p><\/p>\n <a href=\"#\" class=\"earn-more\"><\/a>\n <\/div>\n <\/section>\n \n \n \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>4Sight KSA Services Market & Consumer The success of a company in Saudi Arabia depends on how well it understands the local market Learn More \u2192 Innovations & Development In today\u2019s fragmented marketing environment, it is harder than ever to launch successful innovations. Learn More \u2192 Brand & Communication Brand equity is what helps clients […]<\/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-5523","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/5523","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=5523"}],"version-history":[{"count":172,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/5523\/revisions"}],"predecessor-version":[{"id":7150,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/5523\/revisions\/7150"}],"wp:attachment":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/media?parent=5523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}