{"id":2784,"date":"2026-10-18T01:30:33","date_gmt":"2026-10-18T01:30:33","guid":{"rendered":"https:\/\/bicc.com.sa\/?page_id=2784"},"modified":"2026-10-18T01:30:33","modified_gmt":"2026-10-18T01:30:33","slug":"bicc-home","status":"publish","type":"page","link":"https:\/\/bicc.com.sa\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@200;300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n#bh4{--k:#070808;--w:#f4f2ee;--o:#F26A21;font-family:Poppins,system-ui,sans-serif;font-weight:300;background:var(--k);color:var(--w);-webkit-font-smoothing:antialiased;overflow:hidden}\n#bh4 *{box-sizing:border-box;margin:0;padding:0}\n#bh4 a{color:inherit;text-decoration:none}\n#bh4 .stage{position:relative;height:100vh;min-height:620px;display:flex;overflow:hidden}\n\/* halves *\/\n#bh4 .half{position:relative;flex:1;overflow:hidden;transition:flex 1.1s cubic-bezier(.2,.8,.2,1);cursor:pointer;will-change:flex}\n#bh4 .stage.l .a,#bh4 .stage.r .b{flex:1.7}\n#bh4 .half .media{position:absolute;inset:0;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.2,.8,.2,1),filter 1.1s;filter:brightness(.55) saturate(.6)}\n#bh4 .half .media video,#bh4 .half .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n#bh4 .half .media video{opacity:0;transition:opacity 1.2s}\n#bh4 .half .media video.ok{opacity:1}\n#bh4 .stage.l .a .media,#bh4 .stage.r .b .media{transform:scale(1);filter:brightness(.85) saturate(1)}\n#bh4 .stage.l .b .media,#bh4 .stage.r .a .media{filter:brightness(.3) saturate(.2)}\n#bh4 .half .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,8,.45),rgba(7,8,8,.05) 35%,rgba(7,8,8,.05) 60%,rgba(7,8,8,.9))}\n#bh4 .half .tint{position:absolute;inset:0;opacity:0;transition:opacity 1s;background:radial-gradient(60% 60% at 50% 100%,rgba(242,106,33,.28),transparent 70%)}\n#bh4 .stage.l .a .tint,#bh4 .stage.r .b .tint{opacity:1}\n\/* curtain intro *\/\n#bh4 .half .cover{position:absolute;inset:0;background:var(--k);z-index:5;transform-origin:center;animation:open 1.6s .6s cubic-bezier(.7,0,.2,1) forwards}\n#bh4 .a .cover{transform-origin:left}\n#bh4 .b .cover{transform-origin:right}\n@keyframes open{to{transform:scaleX(0)}}\n\/* text *\/\n#bh4 .txt{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(28px,5vw,80px) clamp(40px,7vh,80px);z-index:3}\n#bh4 .n{display:block;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:rgba(244,242,238,.6);margin-bottom:22px;opacity:0;animation:fade 1.2s 2s forwards}\n#bh4 h2{font-weight:200;font-size:clamp(34px,4.6vw,76px);line-height:1.08;letter-spacing:-.03em;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em;transition:font-size 1.1s cubic-bezier(.2,.8,.2,1)}\n#bh4 .stage.l .b h2,#bh4 .stage.r .a h2{font-size:clamp(26px,3vw,50px)}\n#bh4 h2 b{display:block;font-weight:200;transform:translateY(110%);animation:rise 1.4s 1.5s cubic-bezier(.2,.8,.2,1) forwards;transition:font-weight .4s}\n#bh4 .stage.l .a h2 b,#bh4 .stage.r .b h2 b{font-weight:300}\n@keyframes rise{to{transform:none}}\n@keyframes fade{to{opacity:1}}\n#bh4 .desc{max-width:44ch;color:rgba(244,242,238,.75);font-size:15px;margin-top:18px;max-height:0;opacity:0;overflow:hidden;transition:max-height .9s cubic-bezier(.2,.8,.2,1),opacity .8s .1s,margin .6s}\n#bh4 .stage.l .a .desc,#bh4 .stage.r .b .desc{max-height:120px;opacity:1}\n#bh4 .go{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font-size:12px;letter-spacing:.25em;text-transform:uppercase;font-weight:400;opacity:0;animation:fade 1.2s 2.3s forwards}\n#bh4 .go:before{content:\"\";width:40px;height:1px;background:var(--w);transition:width .6s cubic-bezier(.2,.8,.2,1)}\n#bh4 .stage.l .a .go:before,#bh4 .stage.r .b .go:before{width:80px;background:var(--o)}\n#bh4 .go i{font-style:normal;transition:transform .5s}\n#bh4 .stage.l .a .go i,#bh4 .stage.r .b .go i{transform:translateX(6px)}\n\/* divider + centre *\/\n#bh4 .mid{position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.22);z-index:4;transform:translateX(-50%);transition:left 1.1s cubic-bezier(.2,.8,.2,1);pointer-events:none}\n#bh4 .stage.l .mid{left:62.96%}#bh4 .stage.r .mid{left:37.04%}\n#bh4 .mid:before{content:\"\";position:absolute;left:50%;top:50%;width:1px;height:0;background:#fff;transform:translate(-50%,-50%);animation:grow 1.4s 1s cubic-bezier(.2,.8,.2,1) forwards}\n@keyframes grow{to{height:100%}}\n#bh4 .top{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:30px clamp(28px,5vw,80px);pointer-events:none}\n#bh4 .top img{height:34px;width:auto;opacity:0;animation:fade 1.2s .2s forwards}\n#bh4 .top .tr{display:flex;align-items:center;gap:22px;pointer-events:auto}\n#bh4 .top span{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:rgba(244,242,238,.6);opacity:0;animation:fade 1.2s 2.2s forwards}\n#bh4 .top .lang{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,242,238,.9);opacity:0;animation:fade 1.2s 2.2s forwards;transition:.3s;z-index:7;position:relative}\n#bh4 .top .lang:hover{border-color:#fff;background:rgba(255,255,255,.1)}\n#bh4 .orb{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;font-size:10px;letter-spacing:.3em;text-transform:uppercase;pointer-events:none;backdrop-filter:blur(8px);background:rgba(7,8,8,.25);transition:left 1.1s cubic-bezier(.2,.8,.2,1),opacity .6s;opacity:0;animation:fade 1s 2.4s forwards}\n#bh4 .stage.l .orb{left:62.96%}#bh4 .stage.r .orb{left:37.04%}\n#bh4 .orb:after{content:\"\";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.18);animation:ring 3s ease-out infinite}\n@keyframes ring{0%{transform:scale(.8);opacity:0}40%{opacity:1}100%{transform:scale(1.5);opacity:0}}\n\/* grain *\/\n#bh4 .grain{position:absolute;inset:0;z-index:4;opacity:.07;pointer-events:none;background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'><filter id='n'><feTurbulence baseFrequency='.85' numOctaves='2'\/><\/filter><rect width='140' height='140' filter='url(%23n)' opacity='.6'\/><\/svg>\")}\n\/* bottom strip *\/\n#bh4 .strip{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;gap:40px;padding:14px clamp(28px,5vw,80px);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(244,242,238,.45);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,rgba(7,8,8,.6));opacity:0;animation:fade 1.4s 2.6s forwards;pointer-events:none}\n#bh4 .strip .mq{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}\n#bh4 .strip .mq div{display:flex;gap:56px;width:max-content;align-items:center;animation:tk 60s linear infinite}\n#bh4 .strip .mq img{height:22px;width:auto;opacity:.55;filter:brightness(0) invert(1)}\n@keyframes tk{to{transform:translateX(-50%)}}\n#bh4 .cur{position:fixed;z-index:80;width:10px;height:10px;border-radius:50%;background:#fff;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .35s,height .35s,background .35s}\n#bh4 .cur.big{width:84px;height:84px;background:rgba(255,255,255,.95)}\n@media(hover:none){#bh4 .cur{display:none}}\n\/* mobile: stack *\/\n@media(max-width:820px){\n #bh4 .stage{flex-direction:column;min-height:100vh}\n #bh4 .half{flex:1!important}\n #bh4 .half .media{transform:none!important;filter:brightness(.6) saturate(.8)!important}\n #bh4 .mid,#bh4 .orb{display:none}\n #bh4 .txt{padding-bottom:36px}\n #bh4 .desc{max-height:120px;opacity:1}\n #bh4 .strip{display:none}\n #bh4 .top span{display:none}\n #bh4 .half .cover{animation:open 1.2s .4s cubic-bezier(.7,0,.2,1) forwards;transform-origin:top}\n @keyframes open{to{transform:scaleY(0)}}\n}\n@media(prefers-reduced-motion:reduce){#bh4 *{animation-duration:.01s!important;transition-duration:.01s!important}}\n<\/style>\n\n<div id=\"bh4\">\n<div class=\"cur\" id=\"cur\"><\/div>\n<div class=\"stage\" id=\"stage\">\n  <div class=\"top\"><img decoding=\"async\" src=\"\/wp-content\/themes\/bicc-hero-child\/assets\/images\/logo.png\" alt=\"BICC\"><div class=\"tr\"><span>Choose your department<\/span><a class=\"lang\" id=\"langsw\" href=\"#\">\u0639\u0631\u0628\u064a<\/a><\/div><\/div>\n\n  <a class=\"half a\" href=\"\/construction-division\/\" data-side=\"l\">\n    <div class=\"media\">\n      <img decoding=\"async\" src=\"\/wp-content\/themes\/bicc-hero-child\/assets\/images\/image-left.webp\" alt=\"\">\n      <video muted loop playsinline preload=\"none\" data-src=\"https:\/\/constructiondivisions.bicc.com.sa\/assets\/images\/hero-bg.webm\"><\/video>\n    <\/div>\n    <div class=\"veil\"><\/div><div class=\"tint\"><\/div>\n    <div class=\"txt\">\n      <span class=\"n\">01 \u2014 Division<\/span>\n      <h2><b>Engineering<\/b><b>&amp; Construction<\/b><\/h2>\n      <p class=\"desc\">EPC works, civil and MEP construction, camp and yard development, and turnaround support for industrial clients across the Kingdom.<\/p>\n      <span class=\"go\">Enter <i>\u2192<\/i><\/span>\n    <\/div>\n    <div class=\"cover\"><\/div>\n  <\/a>\n\n  <a class=\"half b\" href=\"\/facility-division\/\" data-side=\"r\">\n    <div class=\"media\">\n      <img decoding=\"async\" src=\"\/wp-content\/themes\/bicc-hero-child\/assets\/images\/image-right.webp\" alt=\"\">\n      <video muted loop playsinline preload=\"none\" data-src=\"\/wp-content\/uploads\/2025\/03\/FINAL-BICC-BG-VIDEO-Low.mp4\"><\/video>\n    <\/div>\n    <div class=\"veil\"><\/div><div class=\"tint\"><\/div>\n    <div class=\"txt\">\n      <span class=\"n\">02 \u2014 Division<\/span>\n      <h2><b>Facility<\/b><b>Management<\/b><\/h2>\n      <p class=\"desc\">Catering, housekeeping, laundry, maintenance, security, manpower and workforce accommodation \u2014 one contract for the whole camp.<\/p>\n      <span class=\"go\">Enter <i>\u2192<\/i><\/span>\n    <\/div>\n    <div class=\"cover\"><\/div>\n  <\/a>\n\n  <div class=\"mid\"><\/div>\n  <div class=\"orb\">Select<\/div>\n  <div class=\"grain\"><\/div>\n\n  <div class=\"strip\">\n    <span>Platinum Nitaqat<\/span>\n    <div class=\"mq\"><div id=\"logos\"><\/div><\/div>\n    <span>\u00a9 2026 BICC<\/span>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var R=document.getElementById('bh4'),stage=document.getElementById('stage');\n  var halves=R.querySelectorAll('.half');\n  halves.forEach(function(h){\n    h.addEventListener('mouseenter',function(){stage.classList.remove('l','r');stage.classList.add(h.dataset.side)});\n    h.addEventListener('mouseleave',function(){stage.classList.remove('l','r')});\n  });\n  \/* lazy videos: start after the curtain opens, only on desktop *\/\n  if(matchMedia('(min-width:821px)').matches){\n    setTimeout(function(){R.querySelectorAll('video').forEach(function(v){v.src=v.dataset.src;v.addEventListener('canplay',function(){v.classList.add('ok')},{once:true});v.play().catch(function(){})})},1800);\n  }\n  \/* subtle mouse parallax on titles *\/\n  var txts=R.querySelectorAll('.txt');\n  addEventListener('mousemove',function(e){var x=(e.clientX\/innerWidth-.5),y=(e.clientY\/innerHeight-.5);txts.forEach(function(t){t.style.transform='translate('+(x*10)+'px,'+(y*6)+'px)'})},{passive:true});\n  \/* logos *\/\n  var base='\/wp-content\/themes\/bicc-hero-child\/assets\/clients\/';\n  var L=['imgi_7_14-300x210-3.png','imgi_10_2-300x210-2.png','imgi_11_3-300x210-2.png','imgi_12_4-300x210-2.png','imgi_13_5-300x210-1.png','imgi_14_6-300x210-1.png','imgi_15_7-300x210-2.png','imgi_16_8-300x210-1.png','imgi_17_9-300x210-2.png','pngegg-768x768.png','Iso-certifictaion.png'].map(function(f){return base+f});\n  L.push('\/wp-content\/uploads\/2026\/10\/rsi-logo-transparent.png');\n  var box=document.getElementById('logos');L.concat(L).forEach(function(u){var im=new Image();im.src=u;im.alt='Client';box.appendChild(im)});\n  \/* language toggle *\/\n  var ls=document.getElementById('langsw');if(ls){var ar=\/^\\\/ar(\\\/|$)\/.test(location.pathname);ls.textContent=ar?'English':'\u0639\u0631\u0628\u064a';ls.href=(ar?location.pathname.replace(\/^\\\/ar\/,'')||'\/':'\/ar'+location.pathname)+location.search;}\n  var st=document.createElement('style');st.textContent='.trp-language-switcher-container,#trp-floater-ls{display:none!important}';document.head.appendChild(st);\n  \/* cursor *\/\n  var cur=document.getElementById('cur');addEventListener('mousemove',function(e){cur.style.left=e.clientX+'px';cur.style.top=e.clientY+'px'});\n  halves.forEach(function(h){h.addEventListener('mouseenter',function(){cur.classList.add('big')});h.addEventListener('mouseleave',function(){cur.classList.remove('big')})});\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Choose your department\u0639\u0631\u0628\u064a 01 \u2014 Division Engineering&amp; Construction EPC works, civil and MEP construction, camp and yard development, and turnaround support for industrial clients across the Kingdom. Enter \u2192 02 \u2014 Division FacilityManagement Catering, housekeeping, laundry, maintenance, security, manpower and workforce accommodation \u2014 one contract for the whole camp. Enter \u2192 Select Platinum Nitaqat \u00a9 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2784","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/pages\/2784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/comments?post=2784"}],"version-history":[{"count":6,"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/pages\/2784\/revisions"}],"predecessor-version":[{"id":2827,"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/pages\/2784\/revisions\/2827"}],"wp:attachment":[{"href":"https:\/\/bicc.com.sa\/ar\/wp-json\/wp\/v2\/media?parent=2784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}