{"id":3243,"date":"2026-05-02T07:30:53","date_gmt":"2026-05-02T07:30:53","guid":{"rendered":"https:\/\/mep-tec.com\/?page_id=3243"},"modified":"2026-05-14T14:03:52","modified_gmt":"2026-05-14T14:03:52","slug":"clients","status":"publish","type":"page","link":"https:\/\/mep-tec.com\/en\/clients\/","title":{"rendered":"CLIENTS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOur Clients \u2014 MEP Technologies<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@300;400;600;700;800&family=Barlow+Condensed:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{--red:#BF1824;--orange:#E94E1B;--dark:#323232;--black:#0a0a0a;--green:#4caf50}\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'Barlow',sans-serif;background:#fff;overflow-x:hidden}\r\n\r\n\/* CURSOR *\/\r\n#cur{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--red);\r\n pointer-events:none;z-index:9999;transform:translate(-50%,-50%);top:0;left:0;\r\n transition:width .25s,height .25s;mix-blend-mode:difference}\r\n#cur-ring{position:fixed;width:34px;height:34px;border-radius:50%;\r\n border:1px solid rgba(191,24,36,.55);pointer-events:none;z-index:9998;\r\n transform:translate(-50%,-50%);top:0;left:0;\r\n transition:width .3s,height .3s,border-color .3s}\r\n\r\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\r\n.hero{background:var(--black);min-height:100vh;display:flex;\r\n align-items:center;justify-content:center;text-align:center;\r\n position:relative;overflow:hidden;padding:5rem 2rem}\r\n#pc{position:absolute;inset:0;z-index:1;pointer-events:none}\r\n.hero-grid{position:absolute;inset:0;z-index:1;\r\n background-image:linear-gradient(rgba(191,24,36,.07) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(191,24,36,.07) 1px,transparent 1px);\r\n background-size:55px 55px;animation:gp 6s ease-in-out infinite}\r\n@keyframes gp{0%,100%{opacity:.3}50%{opacity:1}}\r\n.hero-glow{position:absolute;width:900px;height:900px;\r\n background:radial-gradient(circle,rgba(191,24,36,.2) 0%,transparent 65%);\r\n top:50%;left:50%;transform:translate(-50%,-50%);animation:hg 5s ease-in-out infinite;z-index:1}\r\n@keyframes hg{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}\r\n.hero-slash{position:absolute;width:1px;background:linear-gradient(to bottom,transparent,rgba(191,24,36,.4),transparent);\r\n animation:slash 4s ease-in-out infinite;z-index:1}\r\n.hero-slash:nth-child(1){left:15%;height:70%;top:15%}\r\n.hero-slash:nth-child(2){left:85%;height:50%;top:25%;animation-delay:1.5s}\r\n.hero-slash:nth-child(3){left:50%;height:60%;top:20%;animation-delay:3s}\r\n@keyframes slash{0%,100%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}\r\n.hero-corner{position:absolute;width:130px;height:130px;border:1px solid rgba(191,24,36,.35)}\r\n.hero-corner.tl{top:22px;left:22px;border-right:none;border-bottom:none;animation:cp 3s ease-in-out infinite}\r\n.hero-corner.br{bottom:22px;right:22px;border-left:none;border-top:none;animation:cp 3s ease-in-out infinite .5s}\r\n.hero-corner.tr{top:22px;right:22px;border-left:none;border-bottom:none;animation:cp 3s ease-in-out infinite 1s}\r\n.hero-corner.bl{bottom:22px;left:22px;border-right:none;border-top:none;animation:cp 3s ease-in-out infinite 1.5s}\r\n@keyframes cp{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}\r\n.hero-inner{position:relative;z-index:2}\r\n.hero-eye{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.4rem;opacity:0;animation:fu .7s ease forwards .3s}\r\n.hero-eye-line{width:38px;height:1px;background:var(--red)}\r\n.hero-eye-txt{font-size:8px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--red)}\r\n@keyframes fu{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\r\n.hero-h{font-family:'Barlow Condensed',sans-serif;\r\n font-size:clamp(80px,13vw,160px);font-weight:900;text-transform:uppercase;\r\n line-height:.82;letter-spacing:-4px;margin-bottom:1.2rem;\r\n opacity:0;animation:fu .9s cubic-bezier(.16,1,.3,1) forwards .5s}\r\n.hero-h .out{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.28);display:block}\r\n.hero-h .red{color:var(--red);display:block;text-shadow:0 0 80px rgba(191,24,36,.5)}\r\n.hero-p{font-size:12px;color:rgba(255,255,255,.3);max-width:400px;margin:0 auto 2.5rem;\r\n line-height:2.2;letter-spacing:.8px;opacity:0;animation:fu .7s ease forwards .75s}\r\n.hero-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fu .7s ease forwards .95s}\r\n.hero-tag{font-size:7.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;\r\n padding:5px 14px;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.3);\r\n transition:all .3s;cursor:default;position:relative;overflow:hidden}\r\n.hero-tag::before{content:'';position:absolute;inset:0;background:var(--red);\r\n transform:scaleX(0);transform-origin:left;transition:transform .3s;z-index:-1}\r\n.hero-tag:hover::before{transform:scaleX(1)}\r\n.hero-tag:hover{border-color:var(--red);color:#fff}\r\n.hero-scroll{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);\r\n z-index:3;opacity:0;animation:fu .8s ease forwards 1.4s;text-align:center}\r\n.hero-scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--red),transparent);\r\n margin:0 auto 8px;animation:scpulse 2s ease-in-out infinite}\r\n@keyframes scpulse{0%,100%{opacity:.3}50%{opacity:1}}\r\n.hero-scroll-txt{font-size:7px;color:rgba(255,255,255,.2);letter-spacing:4px;text-transform:uppercase}\r\n.hero-live{position:absolute;bottom:35px;right:35px;z-index:3;text-align:right;\r\n opacity:0;animation:fu .8s ease forwards 1.2s}\r\n.hero-live-num{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4vw,44px);\r\n font-weight:900;color:#fff;line-height:1;display:flex;align-items:baseline;gap:6px}\r\n.hl-n{color:var(--red)}\r\n.hl-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;margin-bottom:4px;\r\n flex-shrink:0;animation:bl 1s ease-in-out infinite;box-shadow:0 0 10px rgba(76,175,80,.6)}\r\n@keyframes bl{0%,100%{opacity:1}50%{opacity:.2}}\r\n.hero-live-lbl{font-size:7.5px;color:rgba(255,255,255,.25);letter-spacing:3px;text-transform:uppercase;margin-top:4px}\r\n\r\n\/* STATS *\/\r\n.stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--red);position:relative;overflow:hidden}\r\n.stats::before{content:'';position:absolute;inset:0;\r\n background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 11px)}\r\n.stat{padding:2.2rem 1rem;text-align:center;border-right:1px solid rgba(255,255,255,.12);position:relative;z-index:1}\r\n.stat:last-child{border:none}\r\n.stat-n{font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,5vw,56px);font-weight:900;color:#fff;line-height:1}\r\n.stat-l{font-size:8px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:3px;margin-top:6px;\r\n opacity:0;transform:translateY(8px);transition:all .5s ease}\r\n.stat-l.in{opacity:1;transform:translateY(0)}\r\n\r\n\/* PARTNERS BANNER *\/\r\n.pb{background:var(--red);padding:1.5rem 2rem 1rem;text-align:center;overflow:hidden;position:relative}\r\n.pb::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}\r\n.pb-word{font-family:'Barlow Condensed',sans-serif;font-size:clamp(60px,14vw,200px);\r\n font-weight:900;letter-spacing:-6px;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);\r\n display:block;line-height:1;opacity:0;transform:translateY(60px) skewX(-5deg);\r\n transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}\r\n.pb-word.in{opacity:1;transform:translateY(0) skewX(0)}\r\n.pb-sub{font-size:8.5px;font-weight:700;letter-spacing:6px;text-transform:uppercase;\r\n color:rgba(255,255,255,.4);opacity:0;transition:opacity .6s ease .6s}\r\n.pb-sub.in{opacity:1}\r\n\r\n\/* COUNTER STRIP *\/\r\n.cs{background:var(--dark);display:flex;align-items:center;justify-content:center;\r\n gap:2.5rem;padding:1.2rem 2rem;flex-wrap:wrap;position:relative;overflow:hidden}\r\n.cs::before{content:'';position:absolute;inset:0;\r\n background:repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(191,24,36,.04) 60px,rgba(191,24,36,.04) 61px)}\r\n.ci{text-align:center;position:relative;z-index:1}\r\n.cn{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--red);line-height:1}\r\n.cl{font-size:7px;color:rgba(255,255,255,.22);letter-spacing:3px;text-transform:uppercase;margin-top:2px}\r\n\r\n\/* FILTERS *\/\r\n.filters{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;\r\n padding:1.8rem 1rem 1.4rem;background:#fff;border-bottom:1px solid #eee}\r\n.fb{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:8px 22px;\r\n border:1.5px solid #ddd;background:#fff;color:#aaa;cursor:pointer;\r\n transition:all .25s;position:relative;overflow:hidden;font-family:'Barlow',sans-serif}\r\n.fb::after{content:'';position:absolute;inset:0;background:var(--red);\r\n transform:scaleX(0);transform-origin:left;transition:transform .25s ease;z-index:-1}\r\n.fb:hover{color:var(--red);border-color:var(--red)}\r\n.fb.active{color:#fff;border-color:var(--red);background:var(--red)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MAIN LAYOUT \u2014 KEY FIX:\r\n Side panels use position:sticky so they\r\n scroll WITH the content naturally.\r\n No JS transform needed for basic follow.\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.main-layout{\r\n display:grid;\r\n grid-template-columns:230px 1fr 230px;\r\n background:var(--black);\r\n align-items:start; \/* critical \u2014 panels start at top of their column *\/\r\n}\r\n\r\n\/* The side panel column *\/\r\n.side-panel{\r\n \/* sticky: stays visible as you scroll, bounded by its grid column height *\/\r\n position:sticky;\r\n top:0;\r\n height:100vh;\r\n overflow:hidden;\r\n background:var(--black);\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n.panel-left{ border-right:1px solid rgba(191,24,36,.12) }\r\n.panel-right{ border-left:1px solid rgba(191,24,36,.12) }\r\n\r\n\/* Decorative vertical beam that runs down panel *\/\r\n.v-beam{\r\n position:absolute;top:-60px;left:0;right:0;height:60px;pointer-events:none;z-index:5;\r\n background:linear-gradient(to bottom,transparent,rgba(191,24,36,.5),transparent);\r\n animation:vb 3.5s linear infinite;\r\n}\r\n@keyframes vb{0%{top:-60px;opacity:0}5%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}\r\n\r\n\/* Corner brackets *\/\r\n.p-corner{position:absolute;width:16px;height:16px;border:1.5px solid rgba(191,24,36,.35);pointer-events:none}\r\n.p-corner.tl{top:6px;left:6px;border-right:none;border-bottom:none}\r\n.p-corner.tr{top:6px;right:6px;border-left:none;border-bottom:none}\r\n.p-corner.bl{bottom:6px;left:6px;border-right:none;border-top:none}\r\n.p-corner.br{bottom:6px;right:6px;border-left:none;border-top:none}\r\n\r\n\/* Panel scroll container \u2014 this is what the JS moves *\/\r\n.panel-scroll{\r\n flex:1;\r\n overflow:hidden;\r\n position:relative;\r\n padding:1.2rem .9rem;\r\n}\r\n\r\n\/* Panel title *\/\r\n.panel-title{\r\n font-size:6.5px;font-weight:700;letter-spacing:4px;text-transform:uppercase;\r\n color:rgba(191,24,36,.55);display:flex;align-items:center;gap:8px;margin-bottom:1rem;\r\n}\r\n.panel-title::after{content:'';flex:1;height:1px;background:rgba(191,24,36,.18)}\r\n\r\n\/* \u2550\u2550\u2550 COMPLETED BLOCK \u2550\u2550\u2550 *\/\r\n.cblock{\r\n background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.06);\r\n padding:1.2rem 1rem;position:relative;overflow:hidden;margin-bottom:.8rem;\r\n}\r\n\/* top beam animation *\/\r\n.cblock::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;\r\n background:linear-gradient(90deg,transparent,var(--red),transparent);\r\n animation:topb 3s ease-in-out infinite}\r\n@keyframes topb{0%,100%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}\r\n\r\n\/* Orbit *\/\r\n.orb-wrap{position:absolute;top:-22px;right:-22px;width:85px;height:85px;pointer-events:none}\r\n.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(191,24,36,.1);\r\n animation:orbr 10s linear infinite}\r\n.orb-ring:nth-child(2){animation-duration:6.5s;animation-direction:reverse;border-color:rgba(191,24,36,.06);inset:12px}\r\n.orb-dot{position:absolute;width:5px;height:5px;background:var(--red);border-radius:50%;\r\n top:0;left:50%;transform:translateX(-50%);box-shadow:0 0 8px var(--red)}\r\n@keyframes orbr{from{transform:rotate(0)}to{transform:rotate(360deg)}}\r\n\r\n.cb-badge{font-size:6.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;\r\n color:rgba(255,255,255,.22);margin-bottom:.8rem;display:flex;align-items:center;gap:6px}\r\n.cb-dot{width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 6px var(--red)}\r\n\r\n\/* big number *\/\r\n.bnum{font-family:'Barlow Condensed',sans-serif;font-size:68px;font-weight:900;color:#fff;\r\n line-height:.88;margin-bottom:.25rem}\r\n.bnum .acc{color:var(--red)}\r\n.bnum .plus{font-size:32px;color:rgba(191,24,36,.5);vertical-align:top;margin-top:8px}\r\n\r\n.blbl{font-size:7.5px;color:rgba(255,255,255,.18);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:.9rem}\r\n\r\n.bval{padding:.7rem 0 0;border-top:1px solid rgba(255,255,255,.04)}\r\n.bval-lbl{font-size:6px;color:rgba(255,255,255,.16);letter-spacing:3px;text-transform:uppercase;margin-bottom:.25rem}\r\n.bval-num{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:900;color:var(--red)}\r\n\r\n.fbar{height:2px;background:rgba(255,255,255,.04);margin-top:.8rem;position:relative;overflow:hidden}\r\n.fbar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--orange));\r\n transition:width 2.5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px rgba(191,24,36,.7);position:relative}\r\n.fbar-fill::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);\r\n width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 5px var(--red)}\r\n\r\n\/* \u2550\u2550\u2550 ONGOING BLOCK \u2550\u2550\u2550 *\/\r\n.oblock{\r\n background:rgba(76,175,80,.025);border:1px solid rgba(76,175,80,.1);\r\n padding:1.2rem 1rem;position:relative;overflow:hidden;margin-bottom:.8rem;\r\n}\r\n.oblock::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;\r\n background:linear-gradient(90deg,transparent,var(--green),transparent);\r\n animation:topbg 2s ease-in-out infinite}\r\n@keyframes topbg{0%,100%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}\r\n\r\n.live-badge{display:flex;align-items:center;gap:6px;font-size:6.5px;font-weight:700;\r\n letter-spacing:3px;text-transform:uppercase;color:var(--green);margin-bottom:.8rem}\r\n.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0;\r\n animation:bl 1.2s ease-in-out infinite;box-shadow:0 0 8px rgba(76,175,80,.7)}\r\n\r\n.bnum.green .acc{color:var(--green)}\r\n\r\n.pulse-wrap{position:absolute;bottom:-18px;right:-18px;pointer-events:none}\r\n.p-ring{position:absolute;border-radius:50%;border:1px solid rgba(76,175,80,.22);\r\n top:50%;left:50%;transform:translate(-50%,-50%);animation:pr 2.5s ease-out infinite}\r\n.p-ring:nth-child(1){width:28px;height:28px;animation-delay:0s}\r\n.p-ring:nth-child(2){width:52px;height:52px;animation-delay:.65s}\r\n.p-ring:nth-child(3){width:78px;height:78px;animation-delay:1.3s}\r\n@keyframes pr{0%{opacity:.7;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}\r\n\r\n.proj-list{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(76,175,80,.07)}\r\n.proj-item{margin-bottom:.75rem}\r\n.proj-name{font-size:7px;color:rgba(255,255,255,.28);letter-spacing:.5px;text-transform:uppercase;\r\n margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\r\n.proj-row{display:flex;align-items:center;gap:6px}\r\n.proj-bar{flex:1;height:2px;background:rgba(255,255,255,.04);overflow:hidden}\r\n.proj-fill{height:100%;width:0;background:linear-gradient(90deg,var(--green),rgba(76,175,80,.3));\r\n transition:width 2.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 7px rgba(76,175,80,.5)}\r\n.proj-pct{font-size:7px;color:var(--green);flex-shrink:0;opacity:0;transition:opacity .5s ease 1.2s}\r\n.proj-pct.show{opacity:1}\r\n\r\n\/* \u2550\u2550\u2550 RIGHT PANEL \u2014 FORM \u2550\u2550\u2550 *\/\r\n.form-header{padding:1.3rem 1rem 1rem;border-bottom:1px solid rgba(191,24,36,.09);\r\n position:relative;overflow:hidden;background:rgba(191,24,36,.02)}\r\n.form-header::after{content:'';position:absolute;bottom:0;left:0;height:1px;\r\n background:var(--red);width:0;animation:fhl 3s ease-in-out infinite}\r\n@keyframes fhl{0%,100%{width:0;left:0}50%{width:100%}}\r\n.fh-tag{font-size:6px;font-weight:700;letter-spacing:5px;text-transform:uppercase;\r\n color:rgba(191,24,36,.6);margin-bottom:.45rem;display:flex;align-items:center;gap:6px}\r\n.fh-tag::before{content:'';width:14px;height:1px;background:var(--red)}\r\n.form-header h3{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:900;\r\n text-transform:uppercase;color:#fff;letter-spacing:-1.5px;line-height:1}\r\n.form-header h3 span{color:var(--red)}\r\n.form-header-sub{font-size:7.5px;color:rgba(255,255,255,.16);letter-spacing:1px;margin-top:.4rem}\r\n\r\n.form-body{padding:.9rem 1rem;flex:1;overflow-y:auto;scrollbar-width:none}\r\n.form-body::-webkit-scrollbar{display:none}\r\n\r\n.ff{margin-bottom:.8rem;position:relative}\r\n.ff label{display:block;font-size:6px;font-weight:700;letter-spacing:3.5px;\r\n text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:.3rem}\r\n.ff input,.ff textarea{width:100%;background:rgba(255,255,255,.025);border:none;\r\n border-bottom:1px solid rgba(255,255,255,.07);color:#fff;font-family:'Barlow',sans-serif;\r\n font-size:11px;padding:.5rem .2rem;outline:none;transition:all .3s;resize:none}\r\n.ff input::placeholder,.ff textarea::placeholder{color:rgba(255,255,255,.1);font-size:10px}\r\n.ff input:focus,.ff textarea:focus{border-bottom-color:var(--red);background:rgba(191,24,36,.03)}\r\n.ff::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;\r\n background:var(--red);transition:width .4s ease}\r\n.ff:focus-within::after{width:100%}\r\n.ff textarea{height:58px}\r\n\r\n.form-submit{width:100%;padding:.72rem;background:transparent;color:#fff;\r\n border:1px solid rgba(191,24,36,.4);cursor:pointer;font-family:'Barlow',sans-serif;\r\n font-size:8px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;\r\n position:relative;overflow:hidden;transition:all .4s;\r\n display:flex;align-items:center;justify-content:center;gap:8px}\r\n.form-submit::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;\r\n background:var(--red);transition:width .4s cubic-bezier(.16,1,.3,1);z-index:0}\r\n.form-submit:hover::before{width:100%}\r\n.form-submit:hover{border-color:var(--red);letter-spacing:4.5px}\r\n.form-submit span,.form-submit svg{position:relative;z-index:1}\r\n.form-submit svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:2.5;transition:transform .3s}\r\n.form-submit:hover svg{transform:translateX(5px)}\r\n\r\n.f-success{display:none;text-align:center;padding:1.8rem 1rem}\r\n.f-success.show{display:block}\r\n.fsi{width:44px;height:44px;margin:0 auto 1rem;background:rgba(76,175,80,.08);\r\n border:1px solid rgba(76,175,80,.3);border-radius:50%;display:flex;align-items:center;\r\n justify-content:center;font-size:20px;animation:pop .5s cubic-bezier(.16,1,.3,1)}\r\n@keyframes pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}\r\n.fst{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;\r\n color:#fff;text-transform:uppercase;letter-spacing:-1px}\r\n.fss{font-size:8.5px;color:rgba(255,255,255,.22);letter-spacing:1.5px;margin-top:.3rem}\r\n\r\n.social-wrap{padding:.7rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.04)}\r\n.social-lbl{font-size:6px;font-weight:700;letter-spacing:4px;text-transform:uppercase;\r\n color:rgba(255,255,255,.16);margin-bottom:.6rem;display:flex;align-items:center;gap:6px}\r\n.social-lbl::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.04)}\r\n.s-link{display:flex;align-items:center;gap:.6rem;padding:.4rem .45rem;\r\n border:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.32);\r\n text-decoration:none;font-size:8px;font-weight:600;letter-spacing:1.5px;\r\n text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden;margin-bottom:.28rem}\r\n.s-link::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;\r\n background:rgba(191,24,36,.07);transition:width .3s}\r\n.s-link:hover::before{width:100%}\r\n.s-link:hover{color:#fff;border-color:rgba(191,24,36,.25)}\r\n.s-link:hover .si{color:var(--red)}\r\n.si{font-size:12px;flex-shrink:0;transition:color .3s;position:relative;z-index:1;width:16px;text-align:center}\r\n.sn{font-size:7.5px;flex:1;position:relative;z-index:1}\r\n.sa{color:rgba(191,24,36,.3);position:relative;z-index:1;transition:transform .3s;font-size:8px}\r\n.s-link:hover .sa{transform:translateX(3px)}\r\n\r\n\/* \u2550\u2550\u2550 GRID \u2550\u2550\u2550 *\/\r\n.grid-wrap{position:relative}\r\n.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--black);position:relative}\r\n#laser-canvas{position:absolute;inset:0;pointer-events:none;z-index:10}\r\n\r\n\/* \u2550\u2550\u2550 CARD \u2550\u2550\u2550 *\/\r\n.card{background:#fff;display:flex;flex-direction:column;position:relative;\r\n overflow:hidden;cursor:pointer;opacity:0;transform:translateY(35px) scale(.97)}\r\n.card.in{opacity:1;transform:translateY(0) scale(1);\r\n transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}\r\n.card:hover{z-index:5;box-shadow:0 20px 60px rgba(0,0,0,.14)}\r\n.cs-bar{position:absolute;left:0;top:0;bottom:0;width:3px;\r\n background:linear-gradient(to bottom,var(--red),var(--orange));\r\n transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:3}\r\n.card:hover .cs-bar{transform:scaleY(1)}\r\n.scan{position:absolute;top:0;left:0;right:0;height:2px;\r\n background:linear-gradient(90deg,transparent,var(--red),transparent);\r\n transform:translateX(-100%);transition:transform .7s ease;z-index:4}\r\n.card:hover .scan{transform:translateX(100%)}\r\n.badge{position:absolute;top:9px;right:9px;z-index:5;color:#fff;font-size:7px;\r\n font-weight:700;letter-spacing:2px;text-transform:uppercase;\r\n padding:3px 8px;display:flex;align-items:center;gap:4px}\r\n.badge.done{background:var(--red)}\r\n.badge.go{background:var(--dark);animation:pb2 2s ease-in-out infinite}\r\n@keyframes pb2{0%,100%{box-shadow:0 0 0 0 rgba(50,50,50,.5)}50%{box-shadow:0 0 0 5px rgba(50,50,50,0)}}\r\n.bchk{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.6);border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;font-size:7px}\r\n.bdot{width:6px;height:6px;background:#4caf50;border-radius:50%;animation:bl 1.2s ease-in-out infinite}\r\n.logo-wrap{width:100%;height:108px;background:#f5f5f5;display:flex;align-items:center;\r\n justify-content:center;padding:1rem;position:relative;overflow:hidden;transition:background .3s}\r\n.logo-wrap::before{content:'';position:absolute;inset:0;\r\n background:linear-gradient(135deg,transparent,rgba(191,24,36,.04));opacity:0;transition:opacity .3s}\r\n.card:hover .logo-wrap::before{opacity:1}\r\n.card:hover .logo-wrap{background:#fff}\r\n.logo-wrap::after{content:'';position:absolute;top:0;left:-110%;width:55%;height:100%;\r\n background:linear-gradient(120deg,transparent,rgba(255,255,255,.9),transparent);\r\n transform:skewX(-20deg);transition:left .8s ease}\r\n.card:hover .logo-wrap::after{left:140%}\r\n.logo-wrap img{max-width:130px;max-height:72px;width:auto;height:auto;\r\n object-fit:contain;filter:grayscale(30%);transition:all .4s cubic-bezier(.16,1,.3,1);transform:scale(.93)}\r\n.card:hover .logo-wrap img{filter:grayscale(0%) drop-shadow(0 3px 12px rgba(0,0,0,.12));transform:scale(1.07)}\r\n.cbody{padding:.9rem 1.1rem;flex:1;display:flex;flex-direction:column;border-top:1px solid #f0f0f0}\r\n.ctag{font-size:7.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;\r\n color:var(--red);margin-bottom:.4rem;opacity:.55;transition:opacity .2s}\r\n.card:hover .ctag{opacity:1}\r\n.cname{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;\r\n color:#111;margin-bottom:.3rem;line-height:1.3}\r\n.cproj{font-size:11px;color:#999;line-height:1.6;flex:1}\r\n.cfoot{padding:.65rem 1.1rem;display:flex;justify-content:space-between;align-items:center;\r\n background:#f9f9f9;border-top:1px solid #f0f0f0;transition:background .3s}\r\n.card:hover .cfoot{background:#fff5f5}\r\n.ccost{font-family:'Barlow Condensed',sans-serif;font-size:13.5px;font-weight:900;color:var(--red)}\r\n.ccost-val{display:inline-block;position:relative}\r\n.ccost-top{position:absolute;left:0;right:0;top:0;height:50%;background:#f9f9f9;\r\n transform:translateY(0);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;z-index:2}\r\n.ccost-bot{position:absolute;left:0;right:0;bottom:0;height:50%;background:#f9f9f9;\r\n transform:translateY(0);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;z-index:2}\r\n.card:hover .ccost-top{transform:translateY(-100%)}\r\n.card:hover .ccost-bot{transform:translateY(100%)}\r\n.ccost-num{position:relative;z-index:1}\r\n.cper{font-size:8px;color:#bbb;font-weight:600;text-transform:uppercase;\r\n letter-spacing:1.5px;background:#eee;padding:2px 8px}\r\n.ctt{position:absolute;bottom:36px;left:0;right:0;background:var(--dark);\r\n color:#fff;padding:.75rem 1.1rem;\r\n transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:6;\r\n border-top:2px solid var(--red);pointer-events:none}\r\n.card:hover .ctt{transform:translateY(0)}\r\n.ctt-lbl{font-size:7.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;\r\n color:var(--red);margin-bottom:.35rem}\r\n.ctt-tags{display:flex;flex-wrap:wrap;gap:4px}\r\n.ctt-tag{font-size:8px;font-weight:600;letter-spacing:1px;text-transform:uppercase;\r\n padding:2px 8px;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6)}\r\n.clink{display:flex;align-items:center;justify-content:center;gap:6px;\r\n padding:.65rem 1.1rem;background:var(--dark);color:#fff;\r\n font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;\r\n text-decoration:none;border-top:1px solid #e0e0e0;position:relative;overflow:hidden;z-index:7}\r\n.clink::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;\r\n background:var(--red);transition:width .3s ease;z-index:0}\r\n.card:hover .clink::before{width:100%}\r\n.clink span,.clink svg{position:relative;z-index:1}\r\n.clink svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.5;transition:transform .3s}\r\n.card:hover .clink svg{transform:translateX(5px)}\r\n.card.hidden{display:none}\r\n.countbar{text-align:center;padding:.65rem;font-size:8.5px;color:#ccc;\r\n letter-spacing:3px;text-transform:uppercase;background:#fff;border-top:1px solid #f0f0f0}\r\n\r\n\/* TOTAL STRIP *\/\r\n.ts{background:var(--dark);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}\r\n.ts::before{content:'';position:absolute;inset:0;\r\n background:repeating-linear-gradient(90deg,transparent,transparent 70px,rgba(191,24,36,.04) 70px,rgba(191,24,36,.04) 71px)}\r\n.ts-inner{position:relative;z-index:1}\r\n.ts-label{font-size:8px;font-weight:700;letter-spacing:5px;text-transform:uppercase;\r\n color:rgba(255,255,255,.2);margin-bottom:.7rem;\r\n display:flex;align-items:center;justify-content:center;gap:12px}\r\n.ts-label::before,.ts-label::after{content:'';width:40px;height:1px;background:rgba(191,24,36,.35)}\r\n.ts-num{font-family:'Barlow Condensed',sans-serif;font-size:clamp(50px,8vw,96px);\r\n font-weight:900;color:#fff;line-height:1;letter-spacing:-3px}\r\n.ts-num span{color:var(--red)}\r\n.ts-sub{font-size:10px;color:rgba(255,255,255,.18);letter-spacing:2px;text-transform:uppercase;margin-top:.8rem}\r\n\r\n\/* TIMELINE *\/\r\n.tl-section{background:#0d0d0d;padding:4rem 0 3rem;position:relative;overflow:hidden}\r\n.tl-section::before{content:'JOURNEY';position:absolute;top:50%;left:50%;\r\n transform:translate(-50%,-50%);font-family:'Barlow Condensed',sans-serif;\r\n font-size:clamp(80px,15vw,210px);font-weight:900;color:transparent;\r\n -webkit-text-stroke:1px rgba(255,255,255,.025);pointer-events:none;\r\n letter-spacing:-6px;white-space:nowrap}\r\n.tl-head{text-align:center;margin-bottom:3rem;position:relative;z-index:2}\r\n.tl-head-tag{font-size:8px;font-weight:700;letter-spacing:5px;text-transform:uppercase;\r\n color:var(--red);margin-bottom:.6rem;display:flex;align-items:center;justify-content:center;gap:10px}\r\n.tl-head-tag::before,.tl-head-tag::after{content:'';width:25px;height:1px;background:var(--red);opacity:.5}\r\n.tl-head h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,5vw,58px);\r\n font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:-1px}\r\n.tl-head h3 span{color:var(--red)}\r\n.tl-track{position:relative;padding:2.5rem 0;overflow-x:auto;cursor:grab;scrollbar-width:none}\r\n.tl-track::-webkit-scrollbar{display:none}\r\n.tl-track:active{cursor:grabbing}\r\n.tl-line{position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.05);transform:translateY(-50%)}\r\n.tl-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--orange));\r\n width:0;transition:width 2.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 14px rgba(191,24,36,.6)}\r\n.tl-items{display:flex;gap:0;min-width:max-content;padding:0 3rem;position:relative;z-index:2}\r\n.tli{display:flex;flex-direction:column;align-items:center;width:165px;flex-shrink:0;\r\n opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}\r\n.tli.in{opacity:1;transform:translateY(0)}\r\n.tli:nth-child(even){flex-direction:column-reverse}\r\n.tli-dot{width:14px;height:14px;background:var(--black);border:2px solid rgba(255,255,255,.14);\r\n border-radius:50%;flex-shrink:0;position:relative;z-index:3;transition:all .3s;cursor:pointer}\r\n.tli:hover .tli-dot{background:var(--red);border-color:var(--red);\r\n transform:scale(1.6);box-shadow:0 0 0 4px rgba(191,24,36,.2)}\r\n.tli-dot.go{background:#4caf50;border-color:#4caf50;animation:pg 1.5s ease-in-out infinite}\r\n@keyframes pg{0%,100%{box-shadow:0 0 0 0 rgba(76,175,80,.4)}50%{box-shadow:0 0 0 9px rgba(76,175,80,0)}}\r\n.tli-line{width:1px;height:40px;background:rgba(255,255,255,.06);transition:background .3s}\r\n.tli:hover .tli-line{background:var(--red)}\r\n.tli-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);\r\n padding:.8rem .9rem;width:152px;text-align:center;transition:all .35s;position:relative}\r\n.tli-card::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);\r\n width:0;height:1px;background:var(--red);transition:width .3s}\r\n.tli:nth-child(even) .tli-card::after{bottom:auto;top:-1px}\r\n.tli:hover .tli-card::after{width:100%}\r\n.tli:hover .tli-card{border-color:rgba(191,24,36,.25);background:rgba(191,24,36,.04)}\r\n.tli-card.go{border-color:rgba(76,175,80,.18)}\r\n.tli-year{font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:900;color:var(--red);line-height:1;margin-bottom:.2rem}\r\n.tli-name{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;\r\n color:rgba(255,255,255,.65);line-height:1.3;margin-bottom:.2rem}\r\n.tli-val{font-size:8px;color:rgba(255,255,255,.28);letter-spacing:.5px}\r\n.tli-val.go{color:#4caf50}\r\n\r\n\/* MARQUEE *\/\r\n.mq{background:var(--black);padding:.9rem 0;overflow:hidden;position:relative}\r\n.mq::before,.mq::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}\r\n.mq::before{left:0;background:linear-gradient(to right,var(--black),transparent)}\r\n.mq::after{right:0;background:linear-gradient(to left,var(--black),transparent)}\r\n.mq-track{display:flex;gap:2rem;width:max-content;animation:mqa 35s linear infinite}\r\n.mq-track:hover{animation-play-state:paused}\r\n@keyframes mqa{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n.mq-item{display:flex;align-items:center;gap:.6rem}\r\n.mq-dot{width:3px;height:3px;background:var(--red);border-radius:50%;flex-shrink:0}\r\n.mq-name{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;\r\n letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.18);white-space:nowrap}\r\n\r\n@keyframes sw{0%{transform:scale(0);opacity:.5}100%{transform:scale(1);opacity:0}}\r\n\r\n@media(max-width:1100px){.main-layout{grid-template-columns:190px 1fr 190px}}\r\n@media(max-width:820px){.main-layout{grid-template-columns:1fr}.side-panel{display:none}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"cur\"><\/div>\r\n<div id=\"cur-ring\"><\/div>\r\n\r\n<!-- HERO -->\r\n<div class=\"hero\">\r\n <canvas id=\"pc\"><\/canvas>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"hero-glow\"><\/div>\r\n <div class=\"hero-slash\"><\/div><div class=\"hero-slash\"><\/div><div class=\"hero-slash\"><\/div>\r\n <div class=\"hero-corner tl\"><\/div><div class=\"hero-corner br\"><\/div>\r\n <div class=\"hero-corner tr\"><\/div><div class=\"hero-corner bl\"><\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-eye\">\r\n <div class=\"hero-eye-line\"><\/div>\r\n <div class=\"hero-eye-txt\">MEP Technologies Co. Ltd<\/div>\r\n <div class=\"hero-eye-line\"><\/div>\r\n <\/div>\r\n <h1 class=\"hero-h\">\r\n <span class=\"out\">OUR<\/span>\r\n <span class=\"red\" id=\"scramble\">CLIENTS<\/span>\r\n <\/h1>\r\n <p class=\"hero-p\">Engineering reliable MEP solutions \u2014 trusted by leading organizations across Saudi Arabia<\/p>\r\n <div class=\"hero-tags\">\r\n <div class=\"hero-tag\">Government<\/div>\r\n <div class=\"hero-tag\">Construction<\/div>\r\n <div class=\"hero-tag\">Education<\/div>\r\n <div class=\"hero-tag\">Energy<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll\">\r\n <div class=\"hero-scroll-line\"><\/div>\r\n <div class=\"hero-scroll-txt\">Scroll<\/div>\r\n <\/div>\r\n <div class=\"hero-live\">\r\n <div class=\"hero-live-num\">\r\n <div class=\"hl-dot\"><\/div>\r\n <span class=\"hl-n\" id=\"live-n\">14<\/span>\r\n <span style=\"font-size:15px;color:rgba(255,255,255,.25)\">Projects<\/span>\r\n <\/div>\r\n <div class=\"hero-live-lbl\">Delivered in Saudi Arabia<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- STATS -->\r\n<div class=\"stats\">\r\n <div class=\"stat\"><div class=\"stat-n\" data-t=\"14\" data-s=\"+\">0<\/div><div class=\"stat-l\">Trusted Clients<\/div><\/div>\r\n <div class=\"stat\"><div class=\"stat-n\" data-t=\"90\" data-p=\"SAR \" data-s=\"M+\">0<\/div><div class=\"stat-l\">Project Value<\/div><\/div>\r\n <div class=\"stat\"><div class=\"stat-n\" data-t=\"100\" data-s=\"%\">0<\/div><div class=\"stat-l\">Commitment<\/div><\/div>\r\n<\/div>\r\n\r\n<!-- PARTNERS BANNER -->\r\n<div class=\"pb\">\r\n <span class=\"pb-word\" id=\"pw\">PARTNERS<\/span>\r\n <div class=\"pb-sub\" id=\"ps\">Our Valued Clients & Partners<\/div>\r\n<\/div>\r\n\r\n<!-- COUNTER STRIP -->\r\n<div class=\"cs\">\r\n <div class=\"ci\"><div class=\"cn\" data-c=\"8\" data-s=\"\">0<\/div><div class=\"cl\">Government Projects<\/div><\/div>\r\n <div class=\"ci\"><div class=\"cn\" data-c=\"21\" data-s=\" Days\">0<\/div><div class=\"cl\">Fastest Delivery<\/div><\/div>\r\n <div class=\"ci\"><div class=\"cn\" data-c=\"4\" data-s=\"\">0<\/div><div class=\"cl\">Sectors Covered<\/div><\/div>\r\n <div class=\"ci\"><div class=\"cn\" data-c=\"3\" data-s=\" Years\">0<\/div><div class=\"cl\">In The Market<\/div><\/div>\r\n<\/div>\r\n\r\n<!-- FILTERS -->\r\n<div class=\"filters\">\r\n <button class=\"fb active\" onclick=\"mf(this,'all')\">All Clients<\/button>\r\n <button class=\"fb\" onclick=\"mf(this,'government')\">Government<\/button>\r\n <button class=\"fb\" onclick=\"mf(this,'construction')\">Construction<\/button>\r\n <button class=\"fb\" onclick=\"mf(this,'education')\">Education<\/button>\r\n <button class=\"fb\" onclick=\"mf(this,'energy')\">Energy<\/button>\r\n<\/div>\r\n\r\n<!-- MAIN LAYOUT -->\r\n<div class=\"main-layout\">\r\n\r\n <!-- LEFT PANEL -->\r\n <div class=\"side-panel panel-left\">\r\n <div class=\"v-beam\"><\/div>\r\n <div class=\"p-corner tl\"><\/div><div class=\"p-corner tr\"><\/div>\r\n <div class=\"p-corner bl\"><\/div><div class=\"p-corner br\"><\/div>\r\n <div class=\"panel-scroll\">\r\n <div class=\"panel-title\">Project Stats<\/div>\r\n\r\n <!-- COMPLETED -->\r\n <div class=\"cblock\">\r\n <div class=\"orb-wrap\">\r\n <div class=\"orb-ring\"><div class=\"orb-dot\"><\/div><\/div>\r\n <div class=\"orb-ring\"><\/div>\r\n <\/div>\r\n <div class=\"cb-badge\"><div class=\"cb-dot\"><\/div>Delivered<\/div>\r\n <div class=\"bnum\"><span class=\"acc\" id=\"comp-num\">0<\/span><span class=\"plus\">+<\/span><\/div>\r\n <div class=\"blbl\">Completed Projects<\/div>\r\n <div class=\"bval\">\r\n <div class=\"bval-lbl\">Total Value Delivered<\/div>\r\n <div class=\"bval-num\">SAR <span id=\"comp-val\">0<\/span>M<\/div>\r\n <\/div>\r\n <div class=\"fbar\"><div class=\"fbar-fill\" id=\"comp-bar\"><\/div><\/div>\r\n <\/div>\r\n\r\n <!-- ONGOING -->\r\n <div class=\"oblock\">\r\n <div class=\"pulse-wrap\">\r\n <div class=\"p-ring\"><\/div><div class=\"p-ring\"><\/div><div class=\"p-ring\"><\/div>\r\n <\/div>\r\n <div class=\"live-badge\"><div class=\"live-dot\"><\/div>Live \/ On Going<\/div>\r\n <div class=\"bnum green\"><span class=\"acc\" id=\"ong-num\">0<\/span><\/div>\r\n <div class=\"blbl\" style=\"color:rgba(76,175,80,.4)\">Active Projects<\/div>\r\n <div class=\"bval\">\r\n <div class=\"bval-lbl\">Combined Value<\/div>\r\n <div class=\"bval-num\" style=\"color:var(--green)\">SAR <span id=\"ong-val\">0<\/span>M<\/div>\r\n <\/div>\r\n <div class=\"proj-list\">\r\n <div class=\"proj-item\">\r\n <div class=\"proj-name\">Arabic Language Complex<\/div>\r\n <div class=\"proj-row\">\r\n <div class=\"proj-bar\"><div class=\"proj-fill\" id=\"pf1\"><\/div><\/div>\r\n <span class=\"proj-pct\" id=\"pp1\">45%<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"proj-item\">\r\n <div class=\"proj-name\">Bab Al-Wazir Building<\/div>\r\n <div class=\"proj-row\">\r\n <div class=\"proj-bar\"><div class=\"proj-fill\" id=\"pf2\"><\/div><\/div>\r\n <span class=\"proj-pct\" id=\"pp2\">30%<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- GRID -->\r\n <div class=\"grid-wrap\">\r\n <div class=\"grid\" id=\"grid\">\r\n <canvas id=\"laser-canvas\"><\/canvas>\r\n\r\n <!-- 1 -->\r\n <div class=\"card\" data-cat=\"government\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png\" alt=\"National Center\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfdb Government<\/div><div class=\"cname\">National Center \u2014 Vegetation Cover<\/div><div class=\"cproj\">First National Park (Khulais) \u2014 2024<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 13,600,000<\/span><\/span><\/span><span class=\"cper\">12 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">MEP Works<\/span><span class=\"ctt-tag\">Infrastructure<\/span><span class=\"ctt-tag\">National Parks<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/khulais\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 2 -->\r\n <div class=\"card\" data-cat=\"government\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png\" alt=\"National Center\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfdb Government<\/div><div class=\"cname\">National Center \u2014 Vegetation Cover<\/div><div class=\"cproj\">Sixth National Park (Al-Sabkha \/ Tabouk) \u2014 2024<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 10,617,990<\/span><\/span><\/span><span class=\"cper\">12 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">MEP Works<\/span><span class=\"ctt-tag\">Infrastructure<\/span><span class=\"ctt-tag\">National Parks<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/tabouk\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 3 -->\r\n <div class=\"card\" data-cat=\"government\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png\" alt=\"National Center\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfdb Government<\/div><div class=\"cname\">National Center \u2014 Vegetation Cover<\/div><div class=\"cproj\">Fourth National Park (Najran) \u2014 2024<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 8,350,000<\/span><\/span><\/span><span class=\"cper\">12 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">MEP Works<\/span><span class=\"ctt-tag\">Infrastructure<\/span><span class=\"ctt-tag\">National Parks<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/najran\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 4 -->\r\n <div class=\"card\" data-cat=\"education\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/cd7229b0-df7b-435f-83b4-f91d6c0b6dc3_removalai_preview.png\" alt=\"Almaarefa University\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udf93 Education<\/div><div class=\"cname\">Almaarefa University<\/div><div class=\"cproj\">Phase 1 \u2014 Building No. 3 \u2014 2024<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 9,723,773<\/span><\/span><\/span><span class=\"cper\">6 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Electrical<\/span><span class=\"ctt-tag\">Plumbing<\/span><span class=\"ctt-tag\">HVAC<\/span><span class=\"ctt-tag\">Fire Fighting<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/almarefa\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 5 -->\r\n <div class=\"card\" data-cat=\"government\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/4d632e58-3f51-4a0a-a13f-263afb8ebb6b_removalai_preview.png\" alt=\"Ministry of Defense\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfdb Government<\/div><div class=\"cname\">Ministry of Defense<\/div><div class=\"cproj\">Security Reinforcements \u2014 Phase Four \u2014 2025<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 5,495,332<\/span><\/span><\/span><span class=\"cper\">8 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Security Systems<\/span><span class=\"ctt-tag\">Electrical<\/span><span class=\"ctt-tag\">Civil Defense<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/ministry-of-defensereadiness-building\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 6 -->\r\n <div class=\"card\" data-cat=\"education\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge go\"><div class=\"bdot\"><\/div>ON GOING<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/4c2bf25a-4521-4a8a-ba3a-a1bd0f7f2a52_removalai_preview.png\" alt=\"Imam University\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udf93 Education<\/div><div class=\"cname\">Imam University<\/div><div class=\"cproj\">Arabic Language Complex Building \u2014 2026<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 12,350,250<\/span><\/span><\/span><span class=\"cper\">In Progress<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">MEP Works<\/span><span class=\"ctt-tag\">Electrical<\/span><span class=\"ctt-tag\">Plumbing<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/imam-universityarabic-language-academy\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 7 -->\r\n <div class=\"card\" data-cat=\"education\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge go\"><div class=\"bdot\"><\/div>ON GOING<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/4c2bf25a-4521-4a8a-ba3a-a1bd0f7f2a52_removalai_preview.png\" alt=\"Imam University\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udf93 Education<\/div><div class=\"cname\">Imam University<\/div><div class=\"cproj\">Bab Al-Wazir Building \u2014 2026<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 13,797,764<\/span><\/span><\/span><span class=\"cper\">In Progress<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">MEP Works<\/span><span class=\"ctt-tag\">Electrical<\/span><span class=\"ctt-tag\">Plumbing<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/imam-universityministers-building\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 8 -->\r\n <div class=\"card\" data-cat=\"construction\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/0d5c3ef5-9576-4b42-9315-56ea1aa80ebf_removalai_preview.png\" alt=\"Asas Aleemar\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfd7 Construction<\/div><div class=\"cname\">Asas Aleemar<\/div><div class=\"cproj\">Residential Building \u2014 Al Malqa \u2014 2023<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 1,642,712<\/span><\/span><\/span><span class=\"cper\">4 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Electrical<\/span><span class=\"ctt-tag\">Plumbing<\/span><span class=\"ctt-tag\">Residential MEP<\/span><\/div><\/div>\r\n <a href=\"#\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 9 -->\r\n <div class=\"card\" data-cat=\"construction\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/06886eb3-2300-41ea-9073-a13df3fd0bbe_removalai_preview.png\" alt=\"Etab International\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfd7 Construction<\/div><div class=\"cname\">Etab International<\/div><div class=\"cproj\">Safety & Fire Prevention \u2014 Lovett Warehouses \u2014 2024<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 984,960<\/span><\/span><\/span><span class=\"cper\">1.5 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Fire Prevention<\/span><span class=\"ctt-tag\">Safety Systems<\/span><span class=\"ctt-tag\">Civil Defense<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/etab-warehouses\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 10 -->\r\n <div class=\"card\" data-cat=\"construction\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/2798caec-9e56-41b0-b8ff-53a61f74589d_removalai_preview.png\" alt=\"ABV Rock Group\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfd7 Construction<\/div><div class=\"cname\">ABV Rock Group<\/div><div class=\"cproj\">Renovation Works \u2014 2024<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 500,000<\/span><\/span><\/span><span class=\"cper\">3 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Renovation<\/span><span class=\"ctt-tag\">MEP Works<\/span><span class=\"ctt-tag\">Electrical<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/hospitality-building-abv-rock\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 11 -->\r\n <div class=\"card\" data-cat=\"construction\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/0efe814d-f984-4671-9473-a160a0066c06_removalai_preview.png\" alt=\"Amwaj International\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfd7 Construction<\/div><div class=\"cname\">Amwaj International<\/div><div class=\"cproj\">Fire Alarm & Firefighting \u2014 Zahran Building \u2014 2024<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 132,210<\/span><\/span><\/span><span class=\"cper\">1 Month<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Fire Alarm<\/span><span class=\"ctt-tag\">Firefighting<\/span><span class=\"ctt-tag\">Civil Defense<\/span><\/div><\/div>\r\n <a href=\"#\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 12 -->\r\n <div class=\"card\" data-cat=\"construction\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/cd32942d-c963-4423-a574-873898931821_removalai_preview.png\" alt=\"Aljawada\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfd7 Construction<\/div><div class=\"cname\">Aljawada for Contracting<\/div><div class=\"cproj\">Safety Works & Civil Defense \u2014 Zahran Co. \u2014 2023<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 66,130<\/span><\/span><\/span><span class=\"cper\">21 Days<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Safety Works<\/span><span class=\"ctt-tag\">Civil Defense<\/span><span class=\"ctt-tag\">Fire Systems<\/span><\/div><\/div>\r\n <a href=\"#\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 13 -->\r\n <div class=\"card\" data-cat=\"energy\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\"><img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/5d3cf8ef-a3d6-4977-b196-295ae22778d0_removalai_preview.png\" alt=\"Naft Gas Station\"><\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\u26a1 Energy<\/div><div class=\"cname\">Naft Gas Station<\/div><div class=\"cproj\">Light Protection & Earthing \u2014 2023<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 100,000<\/span><\/span><\/span><span class=\"cper\">2 Months<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">Earthing<\/span><span class=\"ctt-tag\">Lightning Protection<\/span><span class=\"ctt-tag\">Electrical<\/span><\/div><\/div>\r\n <a href=\"#\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <!-- 14 \u2014 LOMAREF \/ BUHOUR AL-MASHRIQ -->\r\n <div class=\"card\" data-cat=\"construction\">\r\n <div class=\"cs-bar\"><\/div><div class=\"scan\"><\/div>\r\n <div class=\"badge done\"><div class=\"bchk\">\u2713<\/div>COMPLETED<\/div>\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-14-115111.png\" alt=\"Buhour Al-Mashriq \u2014 Lomaref\">\r\n <\/div>\r\n <div class=\"cbody\"><div class=\"ctag\">\ud83c\udfd7 Construction<\/div><div class=\"cname\">Buhour Al-Mashriq Co.<\/div><div class=\"cproj\">Lomaref Administrative Building \u2014 Jeddah \u2014 2025<\/div><\/div>\r\n <div class=\"cfoot\"><span class=\"ccost\"><span class=\"ccost-val\"><span class=\"ccost-top\"><\/span><span class=\"ccost-bot\"><\/span><span class=\"ccost-num\">SAR 850,000<\/span><\/span><\/span><span class=\"cper\">45 Days<\/span><\/div>\r\n <div class=\"ctt\"><div class=\"ctt-lbl\">Scope of Work<\/div><div class=\"ctt-tags\"><span class=\"ctt-tag\">MEP Works<\/span><span class=\"ctt-tag\">Electrical<\/span><span class=\"ctt-tag\">Fire Fighting<\/span><span class=\"ctt-tag\">Plumbing<\/span><\/div><\/div>\r\n <a href=\"https:\/\/mep-tec.com\/lomaref-administrative-building\/\" class=\"clink\"><span>View Project<\/span><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"countbar\" id=\"cb\">Showing 14 clients<\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT PANEL -->\r\n <div class=\"side-panel panel-right\">\r\n <div class=\"v-beam\" style=\"animation-delay:1.5s\"><\/div>\r\n <div class=\"p-corner tl\"><\/div><div class=\"p-corner tr\"><\/div>\r\n <div class=\"p-corner bl\"><\/div><div class=\"p-corner br\"><\/div>\r\n <div class=\"panel-scroll\" style=\"padding:0;display:flex;flex-direction:column\">\r\n\r\n <div class=\"form-header\">\r\n <div class=\"fh-tag\">Get In Touch<\/div>\r\n <h3>CONTACT <span>US<\/span><\/h3>\r\n <div class=\"form-header-sub\">We reply within 24 hours<\/div>\r\n <\/div>\r\n\r\n <div class=\"form-body\" id=\"form-body\">\r\n <div class=\"ff\"><label>Full Name<\/label><input type=\"text\" id=\"f-name\" placeholder=\"Your name\"><\/div>\r\n <div class=\"ff\"><label>Email Address<\/label><input type=\"email\" id=\"f-email\" placeholder=\"you@company.com\"><\/div>\r\n <div class=\"ff\"><label>Company \/ Address<\/label><input type=\"text\" id=\"f-addr\" placeholder=\"Your company\"><\/div>\r\n <div class=\"ff\"><label>Subject<\/label><input type=\"text\" id=\"f-subj\" placeholder=\"Project inquiry...\"><\/div>\r\n <div class=\"ff\"><label>Message<\/label><textarea id=\"f-msg\" placeholder=\"Tell us about your project...\"><\/textarea><\/div>\r\n <button class=\"form-submit\" onclick=\"submitForm()\">\r\n <span>Send Message<\/span>\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"f-success\" id=\"f-success\">\r\n <div class=\"fsi\">\u2713<\/div>\r\n <div class=\"fst\">Message Sent!<\/div>\r\n <div class=\"fss\">We'll be in touch soon<\/div>\r\n <\/div>\r\n\r\n <div class=\"social-wrap\">\r\n <div class=\"social-lbl\">Follow Us<\/div>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/mep-technologies-a07bbb3a4\/\" class=\"s-link\" target=\"_blank\" rel=\"noopener\"><span class=\"si\">in<\/span><span class=\"sn\">LinkedIn<\/span><span class=\"sa\">\u2192<\/span><\/a>\r\n <a href=\"https:\/\/x.com\/MEP_TECHNO\" class=\"s-link\"><span class=\"si\">\ud835\udd4f<\/span><span class=\"sn\">X \/ Twitter<\/span><span class=\"sa\">\u2192<\/span><\/a>\r\n <a href=\"https:\/\/www.instagram.com\/mep_technologies\/\" class=\"s-link\" target=\"_blank\" rel=\"noopener\"><span class=\"si\">\u25ce<\/span><span class=\"sn\">Instagram<\/span><span class=\"sa\">\u2192<\/span><\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@meptechnologies\" class=\"s-link\" target=\"_blank\" rel=\"noopener\"><span class=\"si\">\u266a<\/span><span class=\"sn\">TikTok<\/span><span class=\"sa\">\u2192<\/span><\/a>\r\n <a href=\"https:\/\/accounts.snapchat.com\/v2\/login\" class=\"s-link\" target=\"_blank\" rel=\"noopener\"><span class=\"si\">\ud83d\udc7b<\/span><span class=\"sn\">Snapchat<\/span><span class=\"sa\">\u2192<\/span><\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div><!-- \/main-layout -->\r\n\r\n<!-- TOTAL STRIP -->\r\n<div class=\"ts\">\r\n <div class=\"ts-inner\">\r\n <div class=\"ts-label\">Total Project Value Delivered<\/div>\r\n <div class=\"ts-num\"><span>SAR <\/span><span id=\"tv\">0<\/span><span>+<\/span><\/div>\r\n <div class=\"ts-sub\">Across 14 clients \u2014 Saudi Arabia<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- TIMELINE -->\r\n<div class=\"tl-section\">\r\n <div class=\"tl-head\">\r\n <div class=\"tl-head-tag\">Our Journey<\/div>\r\n <h3>Project <span>Timeline<\/span><\/h3>\r\n <\/div>\r\n <div class=\"tl-track\" id=\"tlt\">\r\n <div class=\"tl-line\"><div class=\"tl-fill\" id=\"tlf\"><\/div><\/div>\r\n <div class=\"tl-items\">\r\n <div class=\"tli\"><div class=\"tli-card\"><div class=\"tli-year\">2023<\/div><div class=\"tli-name\">Naft Gas Station<\/div><div class=\"tli-val\">SAR 100,000<\/div><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div style=\"width:152px\"><\/div><\/div>\r\n <div class=\"tli\"><div style=\"width:152px\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-card\"><div class=\"tli-year\">2023<\/div><div class=\"tli-name\">Aljawada Contracting<\/div><div class=\"tli-val\">SAR 66,130<\/div><\/div><\/div>\r\n <div class=\"tli\"><div class=\"tli-card\"><div class=\"tli-year\">2023<\/div><div class=\"tli-name\">Asas Aleemar<\/div><div class=\"tli-val\">SAR 1,642,712<\/div><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div style=\"width:152px\"><\/div><\/div>\r\n <div class=\"tli\"><div style=\"width:152px\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-card\"><div class=\"tli-year\">2024<\/div><div class=\"tli-name\">Amwaj International<\/div><div class=\"tli-val\">SAR 132,210<\/div><\/div><\/div>\r\n <div class=\"tli\"><div class=\"tli-card\"><div class=\"tli-year\">2024<\/div><div class=\"tli-name\">ABV Rock Group<\/div><div class=\"tli-val\">SAR 500,000<\/div><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div style=\"width:152px\"><\/div><\/div>\r\n <div class=\"tli\"><div style=\"width:152px\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-card\"><div class=\"tli-year\">2024<\/div><div class=\"tli-name\">Etab International<\/div><div class=\"tli-val\">SAR 984,960<\/div><\/div><\/div>\r\n <div class=\"tli\"><div class=\"tli-card\"><div class=\"tli-year\">2024<\/div><div class=\"tli-name\">Almaarefa University<\/div><div class=\"tli-val\">SAR 9,723,773<\/div><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div style=\"width:152px\"><\/div><\/div>\r\n <div class=\"tli\"><div style=\"width:152px\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-card\"><div class=\"tli-year\">2024<\/div><div class=\"tli-name\">National Center \u00d7 3<\/div><div class=\"tli-val\">SAR 32,567,990<\/div><\/div><\/div>\r\n <div class=\"tli\"><div class=\"tli-card\"><div class=\"tli-year\">2025<\/div><div class=\"tli-name\">Ministry of Defense<\/div><div class=\"tli-val\">SAR 5,495,332<\/div><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot\"><\/div><div class=\"tli-line\"><\/div><div style=\"width:152px\"><\/div><\/div>\r\n <div class=\"tli\"><div style=\"width:152px\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot go\"><\/div><div class=\"tli-line\"><\/div><div class=\"tli-card go\"><div class=\"tli-year\">2026<\/div><div class=\"tli-name\">Imam \u2014 Arabic Language<\/div><div class=\"tli-val go\">\u25cf ON GOING<\/div><\/div><\/div>\r\n <div class=\"tli\"><div class=\"tli-card go\"><div class=\"tli-year\">2026<\/div><div class=\"tli-name\">Imam \u2014 Bab Al-Wazir<\/div><div class=\"tli-val go\">\u25cf ON GOING<\/div><\/div><div class=\"tli-line\"><\/div><div class=\"tli-dot go\"><\/div><div class=\"tli-line\"><\/div><div style=\"width:152px\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"mq\">\r\n <div class=\"mq-track\">\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">National Center \u2014 Khulais<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">National Center \u2014 Tabouk<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">National Center \u2014 Najran<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Ministry of Defense<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Almaarefa University<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Imam University<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Asas Aleemar<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Etab International<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">ABV Rock Group<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Amwaj International<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Aljawada Contracting<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Naft Gas Station<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">New Client 2025<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">National Center \u2014 Khulais<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">National Center \u2014 Tabouk<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">National Center \u2014 Najran<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Ministry of Defense<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Almaarefa University<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Imam University<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Asas Aleemar<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Etab International<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">ABV Rock Group<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Amwaj International<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Aljawada Contracting<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">Naft Gas Station<\/div><\/div>\r\n <div class=\"mq-item\"><div class=\"mq-dot\"><\/div><div class=\"mq-name\">New Client 2025<\/div><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DUAL CURSOR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nvar cur=document.getElementById('cur'),ring=document.getElementById('cur-ring');\r\nvar mx=0,my=0,rx=0,ry=0;\r\ndocument.addEventListener('mousemove',function(e){mx=e.clientX;my=e.clientY;cur.style.left=mx+'px';cur.style.top=my+'px'});\r\n(function lerp(){rx+=(mx-rx)*.13;ry+=(my-ry)*.13;ring.style.left=rx+'px';ring.style.top=ry+'px';requestAnimationFrame(lerp)})();\r\ndocument.querySelectorAll('a,.card,.fb').forEach(function(el){\r\n el.addEventListener('mouseenter',function(){cur.style.width='18px';cur.style.height='18px';ring.style.width='52px';ring.style.height='52px';ring.style.borderColor='rgba(191,24,36,.8)'});\r\n el.addEventListener('mouseleave',function(){cur.style.width='10px';cur.style.height='10px';ring.style.width='34px';ring.style.height='34px';ring.style.borderColor='rgba(191,24,36,.55)'});\r\n});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n COUNTER ANIMATION \u2014 triggers once grid visible\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nvar panelDone=false;\r\nnew IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting&&!panelDone){\r\n panelDone=true;\r\n animCount(document.getElementById('comp-num'),0,11,1800,1);\r\n animCount(document.getElementById('comp-val'),0,64.1,2200,.1);\r\n setTimeout(function(){document.getElementById('comp-bar').style.width='78%'},300);\r\n setTimeout(function(){\r\n animCount(document.getElementById('ong-num'),0,2,1200,1);\r\n animCount(document.getElementById('ong-val'),0,26.1,1600,.1);\r\n setTimeout(function(){\r\n document.getElementById('pf1').style.width='45%';\r\n document.getElementById('pf2').style.width='30%';\r\n document.getElementById('pp1').classList.add('show');\r\n document.getElementById('pp2').classList.add('show');\r\n },500);\r\n },400);\r\n }\r\n });\r\n},{threshold:0.05}).observe(document.getElementById('grid'));\r\n\r\nfunction animCount(el,from,to,dur,step){\r\n var st=null;\r\n (function tick(ts){\r\n if(!st)st=ts;\r\n var p=Math.min((ts-st)\/dur,1),ep=1-Math.pow(1-p,4),val=from+(to-from)*ep;\r\n el.textContent=step<1?val.toFixed(1):Math.floor(val);\r\n if(p<1)requestAnimationFrame(tick);else el.textContent=to;\r\n })(performance.now());\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO PARTICLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function(){\r\n var c=document.getElementById('pc'),ctx=c.getContext('2d'),W,H,pts=[];\r\n function resize(){W=c.width=c.offsetWidth;H=c.height=c.offsetHeight}\r\n resize();window.addEventListener('resize',resize);\r\n for(var i=0;i<80;i++)pts.push({x:Math.random()*3000,y:Math.random()*900,vx:(Math.random()-.5)*.5,vy:(Math.random()-.5)*.5,r:Math.random()*1.8+.3,a:Math.random()});\r\n function draw(){\r\n ctx.clearRect(0,0,W,H);\r\n pts.forEach(function(p){p.x+=p.vx;p.y+=p.vy;if(p.x<0||p.x>W)p.vx*=-1;if(p.y<0||p.y>H)p.vy*=-1;ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,Math.PI*2);ctx.fillStyle='rgba(191,24,36,'+p.a*.6+')';ctx.fill()});\r\n pts.forEach(function(a,i){pts.slice(i+1).forEach(function(b){var d=Math.hypot(a.x-b.x,a.y-b.y);if(d<130){ctx.beginPath();ctx.moveTo(a.x,a.y);ctx.lineTo(b.x,b.y);ctx.strokeStyle='rgba(191,24,36,'+(1-d\/130)*.14+')';ctx.lineWidth=.5;ctx.stroke()}})});\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LASER GAPS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function(){\r\n var canvas=document.getElementById('laser-canvas');if(!canvas)return;\r\n var ctx=canvas.getContext('2d'),grid=document.getElementById('grid');\r\n var lasers=[],mx=-999,my=-999,t=0;\r\n function resize(){canvas.width=grid.offsetWidth;canvas.height=grid.offsetHeight}\r\n resize();window.addEventListener('resize',resize);\r\n function init(){lasers=[];var cols=3,cw=grid.offsetWidth\/cols;for(var i=1;i<cols;i++)lasers.push({x:cw*i,y:0,speed:1.5+Math.random()*2,len:50+Math.random()*90,opacity:.3+Math.random()*.4,phase:Math.random()*Math.PI*2})}\r\n init();window.addEventListener('resize',init);\r\n function draw(){ctx.clearRect(0,0,canvas.width,canvas.height);t+=.018;\r\n lasers.forEach(function(l){var dx=l.x-mx,dy=(l.y+l.len\/2)-my,dist=Math.hypot(dx,dy),boost=dist<130?1+(130-dist)\/65:1;\r\n l.y+=l.speed*boost;if(l.y>canvas.height)l.y=-l.len;\r\n var alpha=l.opacity*(0.55+0.45*Math.sin(t+l.phase))*Math.min(boost,3);\r\n var g=ctx.createLinearGradient(l.x,l.y,l.x,l.y+l.len);\r\n g.addColorStop(0,'rgba(191,24,36,0)');g.addColorStop(.4,'rgba(191,24,36,'+alpha+')');g.addColorStop(.6,'rgba(233,78,27,'+alpha+')');g.addColorStop(1,'rgba(191,24,36,0)');\r\n ctx.beginPath();ctx.moveTo(l.x,l.y);ctx.lineTo(l.x,l.y+l.len);ctx.strokeStyle=g;ctx.lineWidth=dist<100?2.5:1.5;ctx.stroke();\r\n if(dist<100){ctx.beginPath();ctx.arc(l.x,l.y+l.len\/2,4,0,Math.PI*2);ctx.fillStyle='rgba(191,24,36,'+(1-dist\/100)*.9+')';ctx.fill()}\r\n });requestAnimationFrame(draw)}\r\n draw();\r\n grid.addEventListener('mousemove',function(e){var r=grid.getBoundingClientRect();mx=e.clientX-r.left;my=e.clientY-r.top});\r\n grid.addEventListener('mouseleave',function(){mx=-999;my=-999});\r\n})();\r\n\r\n\/* VALUE REVEAL *\/\r\ndocument.querySelectorAll('.ccost-num').forEach(function(el){\r\n var card=el.closest('.card');if(!card)return;\r\n var raw=el.textContent,target=parseInt(raw.replace(\/[^0-9]\/g,''))||0,prefix=raw.includes('SAR')?'SAR ':'',done=false;\r\n card.addEventListener('mouseenter',function(){if(done)return;done=true;var st=null;(function step(ts){if(!st)st=ts;var p=Math.min((ts-st)\/500,1),e=1-Math.pow(1-p,3);el.textContent=prefix+Math.floor(e*target).toLocaleString();if(p<1)requestAnimationFrame(step);else el.textContent=raw})(performance.now())});\r\n card.addEventListener('mouseleave',function(){done=false;el.textContent=raw});\r\n});\r\n\r\n\/* SCRAMBLE *\/\r\n(function(){\r\n var el=document.getElementById('scramble'),orig='CLIENTS',chars='ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$%',iter=0,f=0;\r\n function run(){el.textContent=orig.split('').map(function(c,i){return i<iter?orig[i]:chars[Math.floor(Math.random()*chars.length)]}).join('');if(iter<orig.length){f++;if(f>=2){f=0;iter+=.4}requestAnimationFrame(run)}else el.textContent=orig}\r\n setTimeout(run,1000);\r\n})();\r\n\r\n\/* GLITCH *\/\r\n(function(){\r\n var el=document.getElementById('pw');if(!el)return;\r\n function glitch(){el.style.textShadow='5px 0 var(--red),-5px 0 rgba(0,200,255,.4)';el.style.transform='skewX(4deg)';setTimeout(function(){el.style.textShadow='none';el.style.transform='';setTimeout(function(){el.style.textShadow='-4px 0 var(--red),4px 0 rgba(0,200,255,.3)';el.style.transform='skewX(-2deg)';setTimeout(function(){el.style.textShadow='none';el.style.transform=''},80)},160)},90)}\r\n setInterval(glitch,3500);\r\n})();\r\n\r\n\/* STATS *\/\r\nfunction animN(el){var t=+el.dataset.t,p=el.dataset.p||'',s=el.dataset.s||'',dur=2200,st=null;(function step(ts){if(!st)st=ts;var prog=Math.min((ts-st)\/dur,1),e=1-Math.pow(1-prog,4);el.textContent=p+Math.floor(e*t)+s;if(prog<1)requestAnimationFrame(step)})(performance.now())}\r\nvar sc=false;\r\nnew IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting&&!sc){sc=true;document.querySelectorAll('.stat-n[data-t]').forEach(animN);document.querySelectorAll('.stat-l').forEach(function(el,i){setTimeout(function(){el.classList.add('in')},i*180+600)})}})},{threshold:.5}).observe(document.querySelector('.stats'));\r\n\r\nvar sc2=false;\r\nnew IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting&&!sc2){sc2=true;document.querySelectorAll('.cn[data-c]').forEach(function(el){var t=+el.dataset.c,s=el.dataset.s||'',dur=1600,st=null;(function step(ts){if(!st)st=ts;var p=Math.min((ts-st)\/dur,1),e2=1-Math.pow(1-p,3);el.textContent=Math.floor(e2*t)+s;if(p<1)requestAnimationFrame(step)})(performance.now())})}})},{threshold:.5}).observe(document.querySelector('.cs'));\r\n\r\nnew IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){document.getElementById('pw').classList.add('in');document.getElementById('ps').classList.add('in')}})},{threshold:.3}).observe(document.querySelector('.pb'));\r\n\r\n\/* CARD REVEAL *\/\r\nvar co=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){var d=+e.target.dataset.d||0;setTimeout(function(){e.target.classList.add('in')},d)}})},{threshold:.06});\r\ndocument.querySelectorAll('.card').forEach(function(c,i){c.dataset.d=i*70;co.observe(c)});\r\n\r\n\/* 3D TILT + SPOTLIGHT *\/\r\ndocument.querySelectorAll('.card').forEach(function(card){\r\n card.addEventListener('mousemove',function(e){var r=card.getBoundingClientRect(),dx=(e.clientX-r.left-r.width\/2)\/(r.width\/2),dy=(e.clientY-r.top-r.height\/2)\/(r.height\/2),x=((e.clientX-r.left)\/r.width)*100,y=((e.clientY-r.top)\/r.height)*100;card.style.transform='perspective(900px) rotateY('+dx*5+'deg) rotateX('+(-dy*4)+'deg) scale(1.02)';card.style.transition='transform .1s ease';card.style.background='radial-gradient(circle at '+x+'% '+y+'%, rgba(191,24,36,.05) 0%, #fff 60%)'});\r\n card.addEventListener('mouseleave',function(){card.style.transform='perspective(900px) rotateY(0) rotateX(0) scale(1)';card.style.transition='transform .5s cubic-bezier(.16,1,.3,1)';card.style.background='#fff'});\r\n});\r\n\r\n\/* SHOCKWAVE *\/\r\ndocument.querySelectorAll('.card').forEach(function(card){\r\n card.addEventListener('click',function(e){var w=document.createElement('div'),sz=Math.max(card.offsetWidth,card.offsetHeight)*2.5,r=card.getBoundingClientRect();w.style.cssText='position:absolute;border-radius:50%;background:rgba(191,24,36,.18);pointer-events:none;z-index:10;animation:sw .65s ease-out forwards;width:'+sz+'px;height:'+sz+'px;left:'+(e.clientX-r.left-sz\/2)+'px;top:'+(e.clientY-r.top-sz\/2)+'px';card.appendChild(w);setTimeout(function(){w.remove()},700)});\r\n});\r\n\r\n\/* MAGNETIC BUTTONS *\/\r\ndocument.querySelectorAll('.fb').forEach(function(btn){\r\n btn.addEventListener('mousemove',function(e){var r=btn.getBoundingClientRect(),dx=e.clientX-r.left-r.width\/2,dy=e.clientY-r.top-r.height\/2;btn.style.transform='translate('+dx*.18+'px,'+dy*.18+'px)'});\r\n btn.addEventListener('mouseleave',function(){btn.style.transform='';btn.style.transition='transform .4s cubic-bezier(.16,1,.3,1)'});\r\n});\r\n\r\n\/* FILTER *\/\r\nfunction mf(btn,cat){\r\n document.querySelectorAll('.fb').forEach(function(b){b.classList.remove('active')});btn.classList.add('active');var n=0;\r\n document.querySelectorAll('.card').forEach(function(c){c.style.gridColumn='';if(cat==='all'||c.dataset.cat===cat){c.classList.remove('hidden');c.classList.remove('in');c.style.transform='scale(.88) translateY(20px)';c.style.opacity='0';void c.offsetWidth;var ni=n;setTimeout(function(){c.style.transition='transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease';c.style.transform='';c.style.opacity='';c.classList.add('in')},ni*55);n++}else c.classList.add('hidden')});\r\n var vis=Array.from(document.querySelectorAll('.card:not(.hidden)'));if(vis.length%3===1)vis[vis.length-1].style.gridColumn='2';\r\n document.getElementById('cb').textContent='Showing '+n+' client'+(n!==1?'s':'');\r\n}\r\n\r\n\/* PARALLAX *\/\r\nwindow.addEventListener('scroll',function(){var sy=window.scrollY;var hg=document.querySelector('.hero-glow');if(hg)hg.style.transform='translate(-50%,calc(-50% + '+sy*.35+'px))';var hgr=document.querySelector('.hero-grid');if(hgr)hgr.style.transform='translateY('+sy*.14+'px)'});\r\n\r\n\/* TOTAL VALUE *\/\r\nvar tv=false;\r\nnew IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting&&!tv){tv=true;var t=90764121,dur=3000,st=null;(function step(ts){if(!st)st=ts;var p=Math.min((ts-st)\/dur,1),e2=1-Math.pow(1-p,4);document.getElementById('tv').textContent=Math.floor(e2*t).toLocaleString();if(p<1)requestAnimationFrame(step)})(performance.now())}})},{threshold:.4}).observe(document.querySelector('.ts'));\r\n\r\n\/* TIMELINE *\/\r\nvar tld=false;\r\nnew IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting&&!tld){tld=true;document.getElementById('tlf').style.width='100%';document.querySelectorAll('.tli').forEach(function(el,i){setTimeout(function(){el.classList.add('in')},i*110)})}})},{threshold:.2}).observe(document.querySelector('.tl-section'));\r\n(function(){var t=document.getElementById('tlt'),dn=false,sx,sl;t.addEventListener('mousedown',function(e){dn=true;sx=e.pageX-t.offsetLeft;sl=t.scrollLeft});t.addEventListener('mouseleave',function(){dn=false});t.addEventListener('mouseup',function(){dn=false});t.addEventListener('mousemove',function(e){if(!dn)return;e.preventDefault();t.scrollLeft=sl-(e.pageX-t.offsetLeft-sx)*1.2})})();\r\n\r\n\/* LIVE COUNTER TICK *\/\r\n(function(){var el=document.getElementById('live-n');if(!el)return;setInterval(function(){el.style.transform='translateY(-10px)';el.style.opacity='0';el.style.transition='all .2s ease';setTimeout(function(){el.style.transform='translateY(10px)';setTimeout(function(){el.style.transform='translateY(0)';el.style.opacity='1';el.style.transition='all .35s cubic-bezier(.16,1,.3,1)'},60)},220)},7000)})();\r\n\r\n\/* FORM *\/\r\nfunction submitForm(){\r\n var n=document.getElementById('f-name').value.trim(),e=document.getElementById('f-email').value.trim();\r\n document.getElementById('f-name').style.borderBottomColor=!n?'rgba(191,24,36,.8)':'';\r\n document.getElementById('f-email').style.borderBottomColor=!e?'rgba(191,24,36,.8)':'';\r\n if(!n||!e)return;\r\n document.getElementById('form-body').style.display='none';\r\n document.getElementById('f-success').classList.add('show');\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Our Clients \u2014 MEP Technologies MEP Technologies Co. Ltd OUR CLIENTS Engineering reliable MEP solutions \u2014 trusted by leading organizations across Saudi Arabia Government Construction Education Energy Scroll 14 Projects Delivered in Saudi Arabia 0Trusted Clients 0Project Value 0Commitment PARTNERS Our Valued Clients & Partners 0Government Projects 0Fastest Delivery 0Sectors Covered 0In The Market All […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3243","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CLIENTS - MEP Technologies Co. Ltd.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mep-tec.com\/en\/clients\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CLIENTS - MEP Technologies Co. Ltd.\" \/>\n<meta property=\"og:description\" content=\"Our Clients \u2014 MEP Technologies MEP Technologies Co. Ltd OUR CLIENTS Engineering reliable MEP solutions \u2014 trusted by leading organizations across Saudi Arabia Government Construction Education Energy Scroll 14 Projects Delivered in Saudi Arabia 0Trusted Clients 0Project Value 0Commitment PARTNERS Our Valued Clients & Partners 0Government Projects 0Fastest Delivery 0Sectors Covered 0In The Market All […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mep-tec.com\/en\/clients\/\" \/>\n<meta property=\"og:site_name\" content=\"MEP Technologies Co. Ltd.\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-14T14:03:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mep-tec.com\\\/clients\\\/\",\"url\":\"https:\\\/\\\/mep-tec.com\\\/clients\\\/\",\"name\":\"CLIENTS - MEP Technologies Co. Ltd.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mep-tec.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mep-tec.com\\\/clients\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mep-tec.com\\\/clients\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mep-tec.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png\",\"datePublished\":\"2026-05-02T07:30:53+00:00\",\"dateModified\":\"2026-05-14T14:03:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mep-tec.com\\\/clients\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mep-tec.com\\\/clients\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mep-tec.com\\\/clients\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mep-tec.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png\",\"contentUrl\":\"https:\\\/\\\/mep-tec.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mep-tec.com\\\/clients\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mep-tec.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CLIENTS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mep-tec.com\\\/#website\",\"url\":\"https:\\\/\\\/mep-tec.com\\\/\",\"name\":\"MEP Technologies Co. Ltd.\",\"description\":\"WE BUILD WITH VISION AND INNOVATE WITH QUALITY\",\"publisher\":{\"@id\":\"https:\\\/\\\/mep-tec.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mep-tec.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mep-tec.com\\\/#organization\",\"name\":\"MEP Technologies Co. Ltd.\",\"url\":\"https:\\\/\\\/mep-tec.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mep-tec.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mep-tec.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-WhatsApp-Image-2026-05-11-at-1.38.23-PM-e1778678884909.jpeg\",\"contentUrl\":\"https:\\\/\\\/mep-tec.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-WhatsApp-Image-2026-05-11-at-1.38.23-PM-e1778678884909.jpeg\",\"width\":406,\"height\":406,\"caption\":\"MEP Technologies Co. Ltd.\"},\"image\":{\"@id\":\"https:\\\/\\\/mep-tec.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CLIENTS - MEP Technologies Co. Ltd.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mep-tec.com\/en\/clients\/","og_locale":"en_US","og_type":"article","og_title":"CLIENTS - MEP Technologies Co. Ltd.","og_description":"Our Clients \u2014 MEP Technologies MEP Technologies Co. Ltd OUR CLIENTS Engineering reliable MEP solutions \u2014 trusted by leading organizations across Saudi Arabia Government Construction Education Energy Scroll 14 Projects Delivered in Saudi Arabia 0Trusted Clients 0Project Value 0Commitment PARTNERS Our Valued Clients & Partners 0Government Projects 0Fastest Delivery 0Sectors Covered 0In The Market All […]","og_url":"https:\/\/mep-tec.com\/en\/clients\/","og_site_name":"MEP Technologies Co. Ltd.","article_modified_time":"2026-05-14T14:03:52+00:00","og_image":[{"url":"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mep-tec.com\/clients\/","url":"https:\/\/mep-tec.com\/clients\/","name":"CLIENTS - MEP Technologies Co. Ltd.","isPartOf":{"@id":"https:\/\/mep-tec.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mep-tec.com\/clients\/#primaryimage"},"image":{"@id":"https:\/\/mep-tec.com\/clients\/#primaryimage"},"thumbnailUrl":"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png","datePublished":"2026-05-02T07:30:53+00:00","dateModified":"2026-05-14T14:03:52+00:00","breadcrumb":{"@id":"https:\/\/mep-tec.com\/clients\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mep-tec.com\/clients\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mep-tec.com\/clients\/#primaryimage","url":"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png","contentUrl":"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/eb3f4a9d-decb-48a7-aea5-a4f48dcedce2_removalai_preview.png"},{"@type":"BreadcrumbList","@id":"https:\/\/mep-tec.com\/clients\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mep-tec.com\/"},{"@type":"ListItem","position":2,"name":"CLIENTS"}]},{"@type":"WebSite","@id":"https:\/\/mep-tec.com\/#website","url":"https:\/\/mep-tec.com\/","name":"MEP Technologies Co. Ltd.","description":"WE BUILD WITH VISION AND INNOVATE WITH QUALITY","publisher":{"@id":"https:\/\/mep-tec.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mep-tec.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mep-tec.com\/#organization","name":"MEP Technologies Co. Ltd.","url":"https:\/\/mep-tec.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mep-tec.com\/#\/schema\/logo\/image\/","url":"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/cropped-WhatsApp-Image-2026-05-11-at-1.38.23-PM-e1778678884909.jpeg","contentUrl":"https:\/\/mep-tec.com\/wp-content\/uploads\/2026\/05\/cropped-WhatsApp-Image-2026-05-11-at-1.38.23-PM-e1778678884909.jpeg","width":406,"height":406,"caption":"MEP Technologies Co. Ltd."},"image":{"@id":"https:\/\/mep-tec.com\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/pages\/3243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/comments?post=3243"}],"version-history":[{"count":81,"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/pages\/3243\/revisions"}],"predecessor-version":[{"id":3562,"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/pages\/3243\/revisions\/3562"}],"wp:attachment":[{"href":"https:\/\/mep-tec.com\/en\/wp-json\/wp\/v2\/media?parent=3243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}