@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}body{background-image:url(../bg/circle-scatter-haikei1.svg);background-repeat:no-repeat;background-size:cover;background-size:-100%}#section-gallery{--gallery-gap:15px;margin:auto auto 50px;width:min(100% - var(--gallery-gap),1000px)}.intro{margin-top:32px;margin-bottom:32px;margin-inline:auto;padding:15px;border-radius:1px;outline:solid 5px rgb(40,42,58);background-color:var(--logo-black)}.intro p{margin:0;line-height:1.3}.container{margin-bottom:50px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;grid-gap:var(--gallery-gap);grid-auto-flow:dense}.gallery-item{width:100%;height:100%;position:relative;overflow:hidden;border-radius:3px}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .5s ease-in-out,filter .5s}.gallery-item:hover img{transform:scale(1.1);filter:grayscale(1)}.gallery-item .text{text-align:center;opacity:0;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:25px;z-index:4;transition:.3s ease-in-out;-webkit-backdrop-filter:blur(5px) saturate(1.8) brightness(80%);backdrop-filter:blur(5px) saturate(1.8) brightness(80%)}.gallery-item:hover .text{top:50%;opacity:1;padding:1em;width:100%}.w-1{grid-column:span 1}.w-2{grid-column:span 2}.w-3{grid-column:span 3}.w-4{grid-column:span 4}.h-1{grid-row:span 1}.h-2{grid-row:span 2}.h-3{grid-row:span 3}.h-4{grid-row:span 4}.lightbox{display:none;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;padding:2vw;background:#000c}.lightbox:target{display:block;animation:show linear .25s}@keyframes show{0%{opacity:0}to{opacity:1}}.lightbox img{display:block;width:100%;height:100%;object-position:center;object-fit:contain}@media screen and (orientation:portrait),screen and (min-resolution: 200dpi){.container{--gallery-gap:8px;width:min(100% - var(--gallery-gap),700px);grid-template-columns:repeat(2,1fr)}.w-1,.w-2{grid-column:span 1}.w-3,.w-4{grid-column:span 2}.h-1,.h-2{grid-row:span 1}.h-3,.h-4{grid-row:span 2}}