{"id":126,"date":"2026-07-08T10:30:18","date_gmt":"2026-07-08T10:30:18","guid":{"rendered":"https:\/\/oykegypt.com\/?page_id=126"},"modified":"2026-07-26T21:05:38","modified_gmt":"2026-07-26T21:05:38","slug":"our-global-experience","status":"publish","type":"page","link":"https:\/\/oykegypt.com\/?page_id=126","title":{"rendered":"Our Global Experience"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"126\" class=\"elementor elementor-126\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-8865e84 e-flex e-con-boxed e-con e-parent\" data-id=\"8865e84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cad6f06 elementor-widget elementor-widget-html\" data-id=\"cad6f06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>OYK Global Experience<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* ==========================\r\nRESET\r\n========================== *\/\r\n\r\n*{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\n}\r\n\r\nbody{\r\nfont-family:'Montserrat',sans-serif;\r\nbackground:#071E3D;\r\noverflow-x:hidden;\r\n}\r\n\r\n\/* ==========================\r\nSECTION\r\n========================== *\/\r\n\r\n.global-map-section{\r\nposition:relative;\r\npadding:100px 0;\r\nbackground:#071E3D;\r\noverflow:visible;\r\n}\r\n\r\n.overlay{\r\nposition:absolute;\r\ninset:0;\r\nbackground:linear-gradient(rgba(7,30,61,.92),rgba(7,30,61,.92));\r\nz-index:1;\r\n}\r\n\r\n.container{\r\nwidth:90%;\r\nmax-width:1500px;\r\nmargin:auto;\r\nposition:relative;\r\nz-index:2;\r\n}\r\n\r\n\/* ==========================\r\nHEADING\r\n========================== *\/\r\n\r\n.heading{\r\ntext-align:center;\r\ncolor:#fff;\r\nmargin-bottom:70px;\r\n}\r\n\r\n.heading h2{\r\nfont-size:48px;\r\nfont-weight:700;\r\nmargin-bottom:18px;\r\n}\r\n\r\n.heading p{\r\nmax-width:900px;\r\nmargin:auto;\r\nfont-size:18px;\r\nline-height:1.8;\r\nopacity:.9;\r\n}\r\n\r\n\/* ==========================\r\nMAP\r\n========================== *\/\r\n\r\n.map-wrapper{\r\nposition:relative;\r\nmax-width:1400px;\r\nmargin:auto;\r\noverflow:visible;\r\ntransition:.2s;\r\n}\r\n\r\n.world-map{\r\nwidth:100%;\r\ndisplay:block;\r\nfilter:brightness(1.08);\r\n}\r\n\r\n\/* ==========================\r\nMARKERS\r\n========================== *\/\r\n\r\n.marker{\r\nposition:absolute;\r\ntransform:translate(-50%,-50%);\r\nz-index:999;\r\n}\r\n\r\n.pin{\r\nwidth:16px;\r\nheight:16px;\r\nbackground:#31D67B;\r\nborder-radius:50%;\r\nposition:relative;\r\nanimation:pulse 2s infinite;\r\nbox-shadow:0 0 20px rgba(49,214,123,.5);\r\n}\r\n\r\n.pin::before{\r\ncontent:\"\";\r\nposition:absolute;\r\nleft:-8px;\r\ntop:-8px;\r\nwidth:32px;\r\nheight:32px;\r\nborder:2px solid #31D67B;\r\nborder-radius:50%;\r\nopacity:.35;\r\n}\r\n\r\n\/* ==========================\r\nLABEL\r\n========================== *\/\r\n\r\n.label{\r\nposition:absolute;\r\nbottom:28px;\r\nleft:50%;\r\ntransform:translateX(-50%);\r\nbackground:#0D2C59;\r\ncolor:#fff;\r\npadding:8px 14px;\r\nborder-radius:30px;\r\nfont-size:13px;\r\nfont-weight:600;\r\nwhite-space:nowrap;\r\nbox-shadow:0 12px 25px rgba(0,0,0,.22);\r\ntransition:.3s;\r\n}\r\n\r\n.label::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nleft:50%;\r\nbottom:-6px;\r\ntransform:translateX(-50%);\r\nborder-left:6px solid transparent;\r\nborder-right:6px solid transparent;\r\nborder-top:6px solid #0D2C59;\r\n}\r\n\r\n@keyframes pulse{\r\n\r\n0%{\r\nbox-shadow:0 0 0 0 rgba(49,214,123,.7);\r\n}\r\n\r\n70%{\r\nbox-shadow:0 0 0 20px rgba(49,214,123,0);\r\n}\r\n\r\n100%{\r\nbox-shadow:0 0 0 0 rgba(49,214,123,0);\r\n}\r\n\r\n}\r\n\r\n\/*====================================\r\nCOUNTRY POSITIONS\r\n====================================*\/\r\n\r\n.usa{\r\ntop:28%;\r\nleft:18%;\r\n}\r\n\r\n.egypt{\r\ntop:46%;\r\nleft:53%;\r\n}\r\n\r\n.libya{\r\ntop:40%;\r\nleft:48%;\r\n}\r\n\r\n.saudi{\r\ntop:39%;\r\nleft:59%;\r\n}\r\n\r\n.kuwait{\r\ntop:30%;\r\nleft:63%;\r\n}\r\n\r\n.uae{\r\ntop:54%;\r\nleft:68%;\r\n}\r\n\r\n\/* Hover *\/\r\n\r\n.marker:hover{\r\nz-index:9999;\r\n}\r\n\r\n.marker:hover .label{\r\ntransform:translateX(-50%) translateY(-3px);\r\nbox-shadow:0 18px 35px rgba(0,0,0,.35);\r\nbackground:#16427E;\r\n}\r\n\r\n.marker:hover .label::after{\r\nborder-top-color:#16427E;\r\n}\r\n\r\n.marker:hover .pin{\r\ntransform:scale(1.15);\r\n}\r\n\r\n\/* Responsive *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n.heading h2{\r\nfont-size:42px;\r\n}\r\n\r\n.heading p{\r\nfont-size:17px;\r\n}\r\n\r\n.label{\r\nfont-size:12px;\r\npadding:7px 12px;\r\n}\r\n\r\n}\r\n\r\n@media(max-width:992px){\r\n\r\n.heading h2{\r\nfont-size:34px;\r\n}\r\n\r\n.heading p{\r\nfont-size:16px;\r\n}\r\n\r\n.map-wrapper{\r\noverflow-x:auto;\r\n}\r\n\r\n.world-map{\r\nmin-width:1000px;\r\n}\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n.global-map-section{\r\npadding:70px 0;\r\n}\r\n\r\n.heading{\r\nmargin-bottom:40px;\r\n}\r\n\r\n.heading h2{\r\nfont-size:28px;\r\n}\r\n\r\n.heading p{\r\nfont-size:15px;\r\nline-height:1.7;\r\n}\r\n\r\n.world-map{\r\nmin-width:1100px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"global-map-section\">\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"heading\">\r\n\r\n<h2>Our Global Experience<\/h2>\r\n\r\n<p>\r\nOur engineering expertise extends beyond Egypt.\r\nOver the past four decades, O.Y.K Consultants has successfully delivered engineering consultancy and design services across multiple international markets.\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"map-wrapper\">\r\n\r\n<img class=\"world-map\"\r\nsrc=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/80\/World_map_-_low_resolution.svg\"\r\nalt=\"World Map\">\r\n\r\n<div class=\"marker usa\">\r\n<div class=\"label\">United States<\/div>\r\n<div class=\"pin\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"marker egypt\">\r\n<div class=\"label\">Egypt<\/div>\r\n<div class=\"pin\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"marker libya\">\r\n<div class=\"label\">Libya<\/div>\r\n<div class=\"pin\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"marker saudi\">\r\n<div class=\"label\">Saudi Arabia<\/div>\r\n<div class=\"pin\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"marker kuwait\">\r\n<div class=\"label\">Kuwait<\/div>\r\n<div class=\"pin\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"marker uae\">\r\n<div class=\"label\">United Arab Emirates<\/div>\r\n<div class=\"pin\"><\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\ndocument.querySelectorAll(\".marker\").forEach((marker,index)=>{\r\n\r\nmarker.animate(\r\n[\r\n{transform:\"translate(-50%,-50%) translateY(0px)\"},\r\n{transform:\"translate(-50%,-50%) translateY(-6px)\"},\r\n{transform:\"translate(-50%,-50%) translateY(0px)\"}\r\n],\r\n{\r\nduration:3000+(index*200),\r\niterations:Infinity,\r\neasing:\"ease-in-out\"\r\n});\r\n\r\n});\r\n\r\nconst map=document.querySelector(\".map-wrapper\");\r\n\r\ndocument.addEventListener(\"mousemove\",(e)=>{\r\n\r\nconst x=(window.innerWidth\/2-e.clientX)\/120;\r\nconst y=(window.innerHeight\/2-e.clientY)\/120;\r\n\r\nmap.style.transform=`translate(${x}px,${y}px)`;\r\n\r\n});\r\n\r\nconst observer=new IntersectionObserver((entries)=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.animate(\r\n[\r\n{\r\nopacity:0,\r\ntransform:\"translateY(25px)\"\r\n},\r\n{\r\nopacity:1,\r\ntransform:\"translateY(0)\"\r\n}\r\n],\r\n{\r\nduration:700,\r\nfill:\"forwards\"\r\n});\r\n\r\n}\r\n\r\n});\r\n\r\n},{\r\nthreshold:.2\r\n});\r\n\r\ndocument.querySelectorAll(\".marker\").forEach(marker=>{\r\n\r\nobserver.observe(marker);\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OYK Global Experience Our Global Experience Our engineering expertise extends beyond Egypt. Over the past four decades, O.Y.K Consultants has successfully delivered engineering consultancy and design services across multiple international markets. United States Egypt Libya Saudi Arabia Kuwait United Arab Emirates<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oykegypt.com\/index.php?rest_route=\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oykegypt.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oykegypt.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oykegypt.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oykegypt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=126"}],"version-history":[{"count":25,"href":"https:\/\/oykegypt.com\/index.php?rest_route=\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":1538,"href":"https:\/\/oykegypt.com\/index.php?rest_route=\/wp\/v2\/pages\/126\/revisions\/1538"}],"wp:attachment":[{"href":"https:\/\/oykegypt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}