@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(../fonts/barlow-v12-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(../fonts/poppins-v22-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cairo;font-style:normal;font-weight:400;src:url(../fonts/cairo-v28-arabic-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cairo;font-style:normal;font-weight:700;src:url(../fonts/cairo-v28-arabic-700.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;--random-color: cornflowerblue;--logo-orange: #F06621;--logo-orange: #ff5c04;--logo-orange-trans: #f0662172;--super-black: #001122;--logo-black: #223645;--logo-black-trans: #223645b2;--logo-grey: #5F5F5F;--cool-purple: #BC4BFF;--pretty-pink: #D31272;--light-orange: #ddd6d6;--animation-distance: 20px;--trans-time: .5s}body{background-color:#012;margin:0;min-width:320px;display:flex;flex-direction:column;min-height:100vh}.left{margin-left:calc(10vw - 20px);margin-right:auto}.right{margin-right:7vw;margin-left:auto}img{display:block;height:auto}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}p{margin-block:0;margin-inline:auto}h1{width:fit-content;margin-block:0;margin-inline:auto;font-family:Geneva,Verdana,sans-serif;font-weight:500;font-size:clamp(2rem,3vw,3rem);line-height:1.1}h2{font-family:Barlow,sans-serif;width:fit-content;margin-block:0;margin-inline:auto;font-weight:400;font-size:clamp(1rem,2vw,2.5rem);line-height:1.1}h3{margin:0;font-family:Barlow,sans-serif;color:var(--logo-black);width:fit-content;margin-block:0;margin-inline:auto;font-size:clamp(.9rem,1.3vw,1.3rem);line-height:1.1}.large{margin-bottom:40px;margin-top:20px;margin-inline:auto;font-family:Poppins,sans-serif;font-size:clamp(1.4rem,1.7vw,1.7rem);line-height:1.4}.medium{margin:0;font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(1rem,2vw,1.5rem)}.small{font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(.75rem,1.3vw,1.3rem);line-height:1.1}.service-text{padding:20px;position:absolute;bottom:0;min-height:150px;background-color:var(--logo-black);border-radius:20px;font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(.85rem,1.35vw,1.35rem);line-height:1.2}.about-text{margin-top:16px;font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(.8rem,1.5vw,1.4rem);line-height:1.3}header{margin:auto;display:flex;justify-content:space-between;align-items:center;width:85%}#header-logo{max-width:130px;padding-block:5px;padding-inline:min(2vw,10px);pointer-events:none;border-radius:10px}.pages-parent{min-width:50%;top:0}.pages{padding:min(20px,1.4vw);width:auto;max-height:3rem;min-width:fit-content;background-color:var(--logo-black-trans);border-radius:10px;display:flex;align-items:center;justify-content:space-around}.pages-item{text-decoration:none;font-family:Barlow,sans-serif;font-size:clamp(.7rem,.5rem + 1vw,1.5rem);font-weight:500;color:#fff;margin-inline:3px;margin-bottom:40px;transition:font-size .3s,padding .3s,border-radius .3s,border-bottom .3s,background-color .2s;border-radius:2px;border-bottom:dashed var(--logo-black) 3px;padding:.1rem}.pages-item:hover{background-color:var(--logo-orange);font-size:clamp(1.2rem,1rem + 2vw,2.7rem);border-radius:20px;border-bottom:none;padding:6px}button{margin:0;border-radius:32px;border:3px solid rgb(42,41,66);padding-inline:min(1vw + 4px,20px);padding-block:min(.5vw + 2px,10px);font-size:clamp(.7rem,1.2vw,1.3rem);font-weight:500;font-family:inherit;background-color:var(--logo-black);color:#eaeaea;cursor:pointer;transition:background-color .25s,border .25s;text-align:center}button:hover{background-color:var(--logo-orange);border:3px solid rgb(198,197,207)}button:focus,button:focus-visible{outline:none}footer{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:20px 5px;background-color:var(--light-orange);border-top:solid 2px var(--logo-grey);padding-block:min(10px,2vw);height:fit-content}.foot-list{display:flex;flex-direction:column;justify-content:flex-start}#foot-logo{height:100px;pointer-events:none}.socials.foot{display:flex;justify-content:center;gap:10px;margin-top:15px;height:100%}.socials.foot{align-items:center;gap:10px}.social.logo{width:36px;height:auto}.foot.nav{display:flex;margin-top:min(10px,.4vw);gap:10px;max-height:100px;flex-flow:column wrap;justify-content:start}.nav-item{font-weight:400;font-size:clamp(.8rem,1.3vw,1.3rem);line-height:1.1;color:var(--logo-black)}.foot.contacts{margin-top:min(10px,.4vw);display:flex;flex-direction:column;gap:8px}main{flex-grow:1;display:flex;flex-direction:column;width:100%}section{margin:0;position:relative;width:100%}.logo{transition:scale .3s;transition:rotate .1s}.logo:hover{scale:110%;rotate:3deg}@media screen and (orientation:portrait),screen and (min-resolution: 200dpi){.floaters-right,.floaters-left{visibility:hidden}.left,.left:lang(ar){margin-left:auto;margin-right:auto}.right,.right:lang(ar){margin-left:auto;margin-right:auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;width:min(600px,90%)}nav{order:-1;margin-block:20px;margin-inline:auto;width:100%}.pages{justify-content:space-around}#header-logo{max-width:80px;pointer-events:none}footer{display:grid;justify-content:space-around;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:40px 20px}.socials.foot{align-items:center;gap:10px}.foot-logo{order:4}}*:lang(ar){text-align:right;font-family:Cairo}.left:lang(ar){margin-right:7vw;margin-left:auto}.right:lang(ar){margin-left:calc(10vw - 20px);margin-right:auto}:is(header,.pages,.map,.contact-us,.check-out):lang(ar){flex-direction:row-reverse}.pages:lang(ar){max-height:3.5rem}@media (orientation:portrait),(min-resolution: 200dpi){.map:lang(ar){flex-direction:column-reverse}}.bg-services:lang(ar),.bg-clients:lang(ar){scale:-1 1}.view-all:lang(ar){margin-right:auto;margin-left:0}h1:lang(ar){font-weight:500;font-size:clamp(2rem,3vw,3rem);line-height:1.8}h2:lang(ar){font-weight:400;font-size:clamp(1rem,2vw,3.6rem);line-height:1.8}h3:lang(ar){font-weight:600;font-size:clamp(.9rem,1.3vw,1.3rem);line-height:1.8}.large:lang(ar){font-weight:500;font-size:clamp(1.5rem,1.8vw,1.8rem);line-height:1.8}.medium:lang(ar){font-weight:500;font-size:clamp(1rem,1.5vw,1.5rem)}.small:lang(ar){font-weight:400;font-size:clamp(.75rem,1.3vw,1.3rem);line-height:1.8}.service-text:lang(ar){font-weight:400;font-size:clamp(1rem,1.4vw,1.4rem);line-height:1.6}.about-text:lang(ar){font-weight:400;font-size:clamp(1rem,1.6vw,1.6rem);line-height:1.8}.floaters-right:lang(ar){left:0;right:unset}.floaters-left:lang(ar){right:0;left:unset}.floaters-right,.floaters-left{position:absolute;width:30%;overflow:hidden;height:130%}.floaters-right{right:0}.floaters-left{left:0}#last-floater{overflow-x:hidden;height:100%}.snack{position:absolute;height:calc(3vw + 50px);filter:contrast(.9) saturate(.9) hue-rotate(-10deg)}#snack1{height:calc(4vw + 69px);left:0%;top:8%;--animation-distance: 20px;animation:hover 4s ease-in-out infinite}#snack2{height:calc(2vw + 30px);bottom:20%;right:30%;animation:spin 50s reverse linear infinite}#snack2b{top:40%;right:5%;animation:spin 65s linear infinite}#snack3{bottom:3%;left:5%;animation:spin 60s linear infinite;z-index:1}#snack4{display:none;height:calc(4vw + 69px);right:30%;margin-top:25%;--animation-distance: 20px;animation:hover 4s ease-in-out infinite}#snack4,#snack5,#snack6{filter:contrast(.9) saturate(.8) hue-rotate(-5deg) drop-shadow(10px 6px 2px rgba(25,17,17,.264))}#snack5{top:30%;left:35%;--animation-distance: 20px;animation:circular-motion 20s linear infinite}#snack6{top:50%;left:20%;--animation-distance:20px;animation:circular-motion 15s linear reverse infinite}#snack7{width:calc(8vw + 60px);height:calc(7vw + 60px);object-fit:contain;top:40%;left:25%;--animation-distance:20px;animation:slide 10s ease-in-out infinite}.zoomin{transition:scale var(--trans-time) ease-in}.zoomin:hover{scale:1.2;transition:scale var(--trans-time)}.rotate{rotate:0deg;transition:rotate var(--trans-time) ease}.rotate:hover{rotate:180deg}.godown{transition:translate var(--trans-time) ease-out}.godown:hover{translate:0 60px}.goside{transition:translate var(--trans-time)}.goside:hover{translate:60px 20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(var(--animation-distance))}}@keyframes circular-motion{0%{transform:rotate(0) translate(var(--animation-distance)) rotate(0)}to{transform:rotate(360deg) translate(var(--animation-distance)) rotate(-360deg)}}@keyframes slide{0%,to{transform:translate(0)}50%{transform:translate(var(--animation-distance))}}#bg-hero{text-align:left;width:100%;height:700px;z-index:-5;background-size:cover;background-position:bottom;filter:blur(2px);position:absolute;transform:translateY(40px);position:fixed;top:-100px;background-image:url(../bg/homebgads.jpg);--bghero-color1: rgba(39, 41, 81, .595);--bghero-color2: rgba(39, 41, 81, .407)}#bgvideo{z-index:-5;position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}#bg-hero:after{background-image:linear-gradient(140deg,var(--bghero-color1),var(--bghero-color2));content:"";position:absolute;width:100%;height:100%}.intro{isolation:isolate;outline:solid 2px var(--logo-black);margin-top:64px;margin-bottom:32px;background-color:var(--logo-black-trans);border-radius:30px;max-width:clamp(400px,40% + 250px,45% + 100px);padding:20px}.contact-us{margin-top:20px;display:flex;align-items:center;gap:20px}.whatsapp{height:50px}.big-logo{width:calc(90vw - clamp(400px,42% + 275px,50% + 150px));height:80%;margin-inline:auto;position:absolute;left:2%;bottom:0}.big-logo:lang(ar){left:unset;right:2%}.bg-clients{position:absolute;top:0;width:100%;height:150%;z-index:-2;background-size:100% 100%;background-repeat:no-repeat;background-color:var(--logo-black);mask:url(../bg/curve1.svg) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.clients{max-width:clamp(400px,42% + 275px,50% + 150px);margin-top:128px;background-color:var(--logo-black-trans);display:flex;gap:20px;flex-direction:column;padding:min(20px,1.5vw);border-radius:50px}.companies{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:center;align-items:center;gap:min(3vw,20px)}.check-out{margin-inline:auto;display:flex;align-items:center;gap:20px}.check-out>*{margin:0}.clients .logo{width:min(180px,48px + 16vw)}.bg-services{background-size:100% 100%;background-repeat:no-repeat;position:absolute;top:8%;width:100%;height:130%;z-index:-2;background-color:var(--logo-orange);mask:url(../bg/curve2.svg) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.services{margin-top:80px;width:fit-content}.services-title{background-color:var(--logo-black);padding:25px;border-radius:60px;box-shadow:5px 5px 10px #00000056}.services-grid{margin-top:40px;display:grid;gap:10px 25px;grid-template-columns:1fr 1fr;grid-template-rows:1fr fr;width:min(40vw + 200px,80vw)}.service{border-radius:15px;position:relative;height:300px;background-color:var(--logo-black);outline:solid 2px var(--logo-black)}.service-image{position:absolute;border-radius:20px;width:100%;height:60%;object-fit:cover;object-position:top;opacity:40%;filter:blur(2px)}.service-name{position:absolute;width:100%;text-align:center;margin-top:10px;object-position:center}#section-map{padding-bottom:100px;bottom:0}.bg-map{text-align:left;width:100%;height:180%;bottom:-5%;z-index:-5;background-image:url(../bg/homebgads.jpg);background-size:cover;position:absolute}.bg-map:after{background-image:linear-gradient(var(--logo-orange-trans),#791a1a1e);content:"";position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.map{margin-top:100px;display:flex;gap:15px;align-items:flex-end;justify-content:flex-end;max-width:clamp(40px,40vw + 400px,1000px);isolation:isolate}.map-info{background-color:var(--logo-black-trans);padding:20px;border-radius:20px;flex-grow:1}.view-all{display:block;margin-left:auto;margin-top:50px}.iraq{width:min(50vh,90%);transition:filter .25s}.iraq:hover{filter:drop-shadow(0 0 20px rgb(255,103,2)) blur(.5px)}@media screen and (orientation:portrait),screen and (min-resolution: 200dpi){.intro{max-width:max(45vw + 250px,80%)}.bg-clients{top:0;width:100%;height:220%;background-size:200% 100%;background-color:var(--logo-black);mask:url(../bg/curve1.svg) no-repeat;-webkit-mask-size:200% 100%;mask-size:200% 100%}.big-logo{width:max(50%,200px);margin-top:128px;position:static}.clients{margin-top:32px}.services-grid{margin-top:40px;display:grid;gap:10px;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;width:min(500px,90vw)}.bg-services{background-size:200% 100%;top:5%;width:100%;height:110%;-webkit-mask-size:200% 100%;mask-size:200% 100%}.map{flex-direction:column-reverse;align-items:center;width:90vw}.map-info{padding:15px}}