4sight KSA Marketing Design<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .card-section {\n max-width: 1200px;\n margin: 20px auto;\n padding: 20px;\n text-align: center;\n }\n\n .card-container {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n }\n\n .card-row {\n display: flex;\n justify-content: space-between;\n margin-bottom: 40px;\n gap: 30px;\n }\n\n .card {\n position: relative;\n background-size: cover;\n background-position: center;\n border-radius: 35px;\n width: 350px;\n height: 350px;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n color: #fff;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n padding: 20px;\n text-align: left;\n overflow: hidden; \/* Prevents overflow from animations *\/\n transition: transform 0.3s ease; \/* Card scaling effect *\/\n transform-style: preserve-3d; \/* Enables 3D effect *\/\n perspective: 1000px; \/* Perspective for 3D effect *\/\n }\n\n .card:hover {\n transform: scale(1.05) rotateY(5deg) rotateX(5deg); \/* 3D effect on hover *\/\n }\n\n .card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); \/* Reduced opacity to 0.3 *\/\n border-radius: 35px;\n z-index: 1; \/* Overlay *\/\n animation: fadeIn 1s ease; \/* Fade-in animation for overlay *\/\n}\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n .card h3, .card p, .tags {\n position: relative;\n z-index: 2; \/* Text on top of overlay *\/\n text-align: center;\n }\n\n .card h3 {\n font-size: 1.2em;\n font-weight: bold; \/* Makes the heading bold *\/\n margin-bottom: 10px;\n }\n\n .divider-line {\n height: 2px; \/* Height of the divider line *\/\n background-color: white; \/* Color of the divider line *\/\n margin: 10px 0; \/* Space around the divider line *\/\n z-index: 3; \/* Higher than overlay *\/\n position: relative; \/* To apply z-index properly *\/\n width: 100%; \/* Full width *\/\n }\n\n .tags {\n display: flex;\n justify-content: center;\n margin-top: 10px; \/* Adds space between the heading and the tags *\/\n }\n\n .tags button {\n background-color: white;\n color: #000;\n border: none;\n padding: 5px 10px;\n border-radius: 20px;\n cursor: pointer;\n margin: 0 5px; \/* Adds space between buttons *\/\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);\n transition: background-color 0.3s ease, transform 0.3s ease; \/* Transition for background color and transform *\/\n width: 120px; \/* Increased width of the buttons *\/\n }\n\n .tags button:hover {\n background-color: #94D60A; \/* Updated hover color *\/\n transform: scale(1.1); \/* Scale effect on hover *\/\n }\n\n .middle-card {\n margin-top: 30px;\n }\n\n .card1 { background-image: url('https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/ACES-4sight.jpg'); }\n .card2 { background-image: url('https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/Banking-Needs-scaled.jpg'); }\n .card3 { background-image: url('https:\/\/4sightksa.hostcarts.digital\/wp-content\/uploads\/2024\/10\/Ramadan-4sight.jpg'); }\n\n .divider {\n margin-top: 20px;\n }\n\n .divider h2 {\n font-size: 1.5em;\n margin-bottom: 10px; \/* Reduced space below the heading *\/\n }\n\n .divider button {\n background-color: #fff;\n color: #000;\n border: 1px solid #000;\n padding: 10px 20px;\n font-size: 1em;\n border-radius: 5px;\n transition: background-color 0.3s ease, transform 0.3s ease; \/* Transition for background color and transform *\/\n }\n\n .divider button:hover {\n background-color: #f0f0f0;\n transform: scale(1.05); \/* Scale effect on hover *\/\n }\n\n @media (max-width: 768px) {\n .card-row {\n flex-direction: column;\n align-items: center;\n }\n\n .card {\n width: 90%;\n height: auto;\n margin: 0 0 20px;\n width: 350px;\n height: 350px;\n left: 10px;\n }\n\n .middle-card {\n margin-top: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"card-section\">\n <div class=\"card-container\">\n <div class=\"card-row\">\n <div class=\"card card1\">\n <h3>\u0643\u0647\u0631\u0628\u0627\u0621 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0627\u0648\u0633\u0637 <br> \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card2 middle-card\">\n <h3>\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0635\u0631\u0641\u064a\u0629 <br> \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card3\">\n <h3>\u0641\u064a <br> \u0631\u0645\u0636\u0627\u0646<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/section>\n \n \n <section class=\"card-section\">\n <div class=\"card-container\">\n <div class=\"card-row\">\n <div class=\"card card1\">\n <h3>\u0643\u0647\u0631\u0628\u0627\u0621 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0627\u0648\u0633\u0637 <br> \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card2 middle-card\">\n <h3>\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0635\u0631\u0641\u064a\u0629 <br> \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card3\">\n <h3>\u0641\u064a <br> \u0631\u0645\u0636\u0627\u0646<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/section>\n \n <section class=\"card-section\">\n <div class=\"card-container\">\n <div class=\"card-row\">\n <div class=\"card card1\">\n <h3>\u0643\u0647\u0631\u0628\u0627\u0621 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0627\u0648\u0633\u0637 <br> \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card2 middle-card\">\n <h3>\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0635\u0631\u0641\u064a\u0629 <br> \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card3\">\n <h3>\u0641\u064a <br> \u0631\u0645\u0636\u0627\u0646<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/section>\n \n <section class=\"card-section\">\n <div class=\"card-container\">\n <div class=\"card-row\">\n <div class=\"card card1\">\n <h3>\u0643\u0647\u0631\u0628\u0627\u0621 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0627\u0648\u0633\u0637 <br> \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card2 middle-card\">\n <h3>\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0635\u0631\u0641\u064a\u0629 <br> \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card3\">\n <h3>\u0641\u064a <br> \u0631\u0645\u0636\u0627\u0646<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/section>\n \n <section class=\"card-section\">\n <div class=\"card-container\">\n <div class=\"card-row\">\n <div class=\"card card1\">\n <h3>\u0643\u0647\u0631\u0628\u0627\u0621 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0627\u0648\u0633\u0637 <br> \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card2 middle-card\">\n <h3>\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0635\u0631\u0641\u064a\u0629 <br> \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card3\">\n <h3>\u0641\u064a <br> \u0631\u0645\u0636\u0627\u0646<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/section>\n \n \n \n \n \n \n \n <section class=\"card-section\">\n <div class=\"card-container\">\n <div class=\"card-row\">\n <div class=\"card card1\">\n <h3>\u0643\u0647\u0631\u0628\u0627\u0621 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0627\u0648\u0633\u0637 <br> \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card2 middle-card\">\n <h3>\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0635\u0631\u0641\u064a\u0629 <br> \u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <div class=\"card card3\">\n <h3>\u0641\u064a <br> \u0631\u0645\u0636\u0627\u0646<\/h3>\n <div class=\"divider-line\"><\/div> \n <div class=\"tags\">\n <button>\u062a\u062d\u0645\u064a\u0644<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"divider\">\n <h2>\u0634\u0627\u0647\u062f \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0642\u0635\u0635 \u0627\u0644\u0646\u062c\u0627\u062d<\/h2>\n <button>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>4Sight Knowledge 4sight KSA Marketing Design ACES \u2013 Middle East Mobility Trends DOWNLOAD Banking Needs for SME Customers \u2013 UAE DOWNLOAD Inside Ramadan DOWNLOAD ACES \u2013 Middle East Mobility Trends DOWNLOAD Banking Needs for SME Customers \u2013 UAE DOWNLOAD Inside Ramadan DOWNLOAD ACES \u2013 Middle East Mobility Trends DOWNLOAD Banking Needs for SME Customers \u2013 […]<\/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-1316","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/1316","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=1316"}],"version-history":[{"count":149,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/1316\/revisions"}],"predecessor-version":[{"id":6938,"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/pages\/1316\/revisions\/6938"}],"wp:attachment":[{"href":"https:\/\/4sightksa.hostcarts.digital\/ar\/wp-json\/wp\/v2\/media?parent=1316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}