@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700&family=Noto+Kufi+Arabic:wght@300;400;500;600&display=swap";:root{--navy:#071d33;--navy-deep:#05172a;--orange:#c85a22;--copper:#b87333;--ivory:#f4f1ea;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-width:320px;min-height:100%}html{scroll-behavior:smooth}body{background:var(--navy);font-family:Noto Kufi Arabic,sans-serif;overflow-x:hidden}button{font-family:Noto Kufi Arabic,sans-serif}.hero{background:var(--navy);direction:rtl;width:100%;height:100vh;min-height:720px;position:relative;overflow:hidden}.hero-background{z-index:0;background-image:url(/images/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(90deg,#05172a0d 0%,#05172a1a 25%,#05172a4d 48%,#05172aad 72%,#05172ae6 100%);position:absolute;inset:0}.hero-header{z-index:10;direction:ltr;background:#f6f3edf7;border-bottom:1px solid #071d3314;justify-content:space-between;align-items:center;width:100%;height:85px;padding:0 6%;display:flex;position:relative}.header-actions{direction:ltr;align-items:center;gap:22px;display:flex}.language-switcher{direction:ltr;align-items:center;gap:10px;display:flex}.language-switcher button{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0;font-family:Alexandria,sans-serif;font-size:12px;font-weight:600}.language-switcher button.active{color:var(--orange)}.language-switcher span{background:#071d3340;width:1px;height:15px}.contact-button{border:1px solid var(--orange);min-width:118px;height:38px;color:var(--navy);cursor:pointer;background:0 0;padding:0 20px;font-size:12px;font-weight:500;transition:background .25s,color .25s}.contact-button:hover{background:var(--orange);color:var(--white)}.header-logo{justify-content:center;align-items:center;width:248px;height:84px;display:flex}.header-logo img{object-fit:contain;width:100%;height:100%;display:block}.hero-content{z-index:5;text-align:right;width:min(620px,42vw);color:var(--white);direction:rtl;position:absolute;top:53%;right:7%;transform:translateY(-43%)}.hero-accent{background:var(--orange);width:58px;height:3px;margin-bottom:22px}.hero-content h1{letter-spacing:-1.5px;flex-direction:column;font-family:Alexandria,sans-serif;font-size:clamp(48px,4.4vw,72px);font-weight:600;line-height:1.28;display:flex}.hero-title-white{color:var(--white)}.hero-title-orange{color:var(--orange)}.hero-content p{color:#ffffffe0;text-align:justify;text-align-last:right;width:min(540px,100%);margin-top:22px;font-size:clamp(14px,.9vw,16px);font-weight:400;line-height:2.1}.primary-button{border:1px solid var(--orange);background:var(--orange);min-width:190px;height:52px;color:var(--white);cursor:pointer;justify-content:center;align-items:center;gap:18px;margin-top:32px;padding:0 25px;font-size:12px;font-weight:500;display:inline-flex}.primary-button:hover{background:#ae4819;border-color:#ae4819}.button-arrow{font-family:Arial,sans-serif;font-size:18px}.about-section{background:var(--ivory);width:100%;color:var(--navy);direction:rtl;position:relative;overflow:hidden}.about-section:before{content:"";background:var(--orange);width:5px;height:100%;position:absolute;top:0;right:0}.about-container{width:min(1480px,86%);margin:0 auto;padding:110px 0 105px}.about-intro{grid-template-columns:.95fr 1.05fr;align-items:start;gap:110px;display:grid}.about-accent{background:var(--orange);width:58px;height:3px;margin-bottom:25px;display:block}.about-title h2{color:var(--navy);letter-spacing:-1.5px;flex-direction:column;margin:0;font-family:Alexandria,sans-serif;font-size:clamp(42px,3.7vw,64px);font-weight:500;line-height:1.5;display:flex}.about-title h2 span{color:var(--orange)}.about-description{width:100%;max-width:650px;padding-top:53px}.about-description p{color:#071d33c7;text-align:justify;text-align-last:right;width:100%;margin:0;font-size:15px;line-height:2.25}.about-description p+p{margin-top:24px}.values-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:80px;display:grid}.value-card{background:#ffffff4d;border:1px solid #071d331f;min-height:285px;padding:42px 38px 38px;position:relative}.value-card:before{content:"";background:var(--orange);width:52px;height:3px;position:absolute;top:-1px;right:-1px}.value-icon{width:58px;height:58px;margin-bottom:28px}.value-icon svg{fill:none;width:100%;height:100%;stroke:var(--navy);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.value-icon svg .icon-accent{stroke:var(--orange);stroke-width:2.4px}.value-content h3{color:var(--navy);font-family:Alexandria,sans-serif;font-size:21px;font-weight:600;line-height:1.6}.value-line{background:var(--orange);width:30px;height:2px;margin:14px 0 15px;display:block}.value-content p{color:#071d33a3;text-align:justify;text-align-last:right;max-width:320px;font-size:13px;line-height:2.05}.services-section{background:var(--navy);width:100%;color:var(--white);direction:rtl;position:relative;overflow:hidden}.services-section:before{content:"";background:var(--orange);width:5px;height:100%;position:absolute;top:0;right:0}.services-container{width:min(1480px,86%);margin:0 auto;padding:110px 0 115px}.services-intro{grid-template-columns:.95fr 1.05fr;align-items:start;gap:110px;display:grid}.services-accent{background:var(--orange);width:58px;height:3px;margin-bottom:25px;display:block}.services-heading h2{flex-direction:column;font-family:Alexandria,sans-serif;font-size:clamp(42px,3.7vw,64px);font-weight:500;line-height:1.5;display:flex}.services-heading h2 span{color:var(--orange)}.services-description{max-width:650px;padding-top:53px}.services-description p{color:#ffffffb3;text-align:justify;text-align-last:right;font-size:15px;line-height:2.25}.services-grid{border-top:1px solid #ffffff24;border-right:1px solid #ffffff24;grid-template-columns:repeat(4,1fr);margin-top:82px;display:grid}.service-card{border-bottom:1px solid #ffffff24;border-left:1px solid #ffffff24;flex-direction:column;justify-content:space-between;min-height:330px;padding:44px 34px 38px;display:flex;position:relative}.service-icon{width:62px;height:62px}.service-icon svg{fill:none;stroke:#ffffffe0;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.service-icon svg .icon-accent{stroke:var(--orange);stroke-width:2.3px}.service-content{margin-top:54px}.service-content h3{min-height:68px;font-family:Alexandria,sans-serif;font-size:19px;font-weight:500;line-height:1.8}.service-content p{color:#ffffff91;text-align:justify;text-align-last:right;margin-top:17px;font-size:12px;line-height:2.05}.service-corner{background:var(--orange);width:46px;height:3px;position:absolute;top:0;right:0}.projects-section{background:var(--ivory);width:100%;color:var(--navy);direction:rtl;position:relative;overflow:hidden}.projects-section:before{content:"";background:var(--orange);width:5px;height:100%;position:absolute;top:0;right:0}.projects-container{width:min(1380px,84%);margin:0 auto;padding:95px 0 100px}.projects-intro{grid-template-columns:.95fr 1.05fr;gap:110px;display:grid}.projects-accent{background:var(--orange);width:58px;height:3px;margin-bottom:25px;display:block}.projects-heading h2{flex-direction:column;font-family:Alexandria,sans-serif;font-size:clamp(40px,3.45vw,59px);font-weight:500;line-height:1.5;display:flex}.projects-heading h2 span{color:var(--orange)}.projects-description{max-width:700px;padding-top:50px}.projects-description p{color:#071d33d1;text-align:justify;text-align-last:right;font-size:17px;line-height:2.25}.projects-showcase{direction:rtl;grid-template-columns:1.28fr .72fr;gap:18px;margin-top:68px;display:grid}.projects-side{grid-template-rows:repeat(2,1fr);gap:18px;display:grid}.project-card{background:var(--white);border:1.5px solid var(--orange);overflow:hidden}.project-image{border-bottom:1.5px solid var(--orange);height:190px;overflow:hidden}.project-card-large .project-image{height:408px}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-info{padding:16px 20px 18px}.project-card-large .project-info{padding:19px 24px 21px}.project-category{color:var(--orange);margin-bottom:6px;font-size:9px;display:block}.project-info h3{font-family:Alexandria,sans-serif;font-size:16px;line-height:1.65}.project-card-large .project-info h3{font-size:20px}.project-info p{color:#071d339e;text-align:justify;text-align-last:right;margin-top:7px;font-size:10px;line-height:1.9}.why-section{background:var(--navy);width:100%;color:var(--white);direction:rtl;position:relative;overflow:hidden}.why-section:before{content:"";background:var(--orange);width:5px;height:100%;position:absolute;top:0;right:0}.why-container{width:min(1380px,84%);margin:0 auto;padding:100px 0 105px}.why-intro{grid-template-columns:.95fr 1.05fr;gap:110px;display:grid}.why-accent{background:var(--orange);width:58px;height:3px;margin-bottom:25px;display:block}.why-heading h2{flex-direction:column;font-family:Alexandria,sans-serif;font-size:clamp(40px,3.45vw,59px);font-weight:500;line-height:1.5;display:flex}.why-heading h2 span{color:var(--orange)}.why-description{max-width:700px;padding-top:50px}.why-description p{color:#ffffffbd;text-align:justify;text-align-last:right;font-size:16px;line-height:2.25}.why-grid{border-top:1px solid #ffffff24;border-right:1px solid #ffffff24;grid-template-columns:repeat(4,1fr);margin-top:72px;display:grid}.why-card{border-bottom:1px solid #ffffff24;border-left:1px solid #ffffff24;min-height:315px;padding:38px 30px 34px;position:relative}.why-card:before{content:"";background:var(--orange);width:46px;height:3px;position:absolute;top:0;right:0}.why-icon{width:58px;height:58px}.why-icon svg{fill:none;stroke:#ffffffe0;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.why-content{margin-top:43px}.why-content h3{font-family:Alexandria,sans-serif;font-size:18px;font-weight:500}.why-line{background:var(--orange);width:28px;height:2px;margin:14px 0 15px;display:block}.why-content p{color:#ffffff94;text-align:justify;text-align-last:right;font-size:11px;line-height:2.1}.contact-section{background:var(--ivory);width:100%;color:var(--navy);direction:rtl;position:relative;overflow:hidden}.contact-section:before{content:"";background:var(--orange);width:5px;height:100%;position:absolute;top:0;right:0}.contact-container{width:min(1380px,84%);margin:0 auto;padding:72px 0 60px}.contact-intro{grid-template-columns:.9fr 1.1fr;gap:85px;display:grid}.contact-accent{background:var(--orange);width:52px;height:3px;margin-bottom:20px;display:block}.contact-heading h2{flex-direction:column;font-family:Alexandria,sans-serif;font-size:clamp(36px,3vw,52px);font-weight:500;line-height:1.45;display:flex}.contact-heading h2 span{color:var(--orange)}.contact-description{max-width:680px;padding-top:42px}.contact-description p{color:#071d33c7;text-align:justify;text-align-last:right;font-size:14px;line-height:2.15}.contact-details{direction:ltr;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin-top:42px;display:grid}.contact-item,.contact-address-item{direction:rtl;background:#ffffff6b;border:1px solid #071d3321;grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:20px;height:128px;padding:0 28px;display:grid;position:relative}.contact-item:before,.contact-address-item:before{content:"";background:var(--orange);width:42px;height:3px;position:absolute;top:-1px;right:-1px}.contact-icon{justify-content:center;align-items:center;width:46px;height:46px;display:flex}.contact-icon svg{fill:none;width:31px;height:31px;stroke:var(--orange);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.contact-item-content{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.contact-item-content>span{width:100%;color:var(--navy);text-align:right;margin-bottom:8px;font-family:Alexandria,sans-serif;font-size:14px;font-weight:600;line-height:1.45}.contact-value,.contact-item-content a{color:#071d33b8;font-family:Alexandria,sans-serif;font-size:12px;text-decoration:none}.contact-phones{white-space:nowrap;direction:ltr;align-items:center;gap:12px;display:flex}.contact-phone-divider{background:#071d3333;width:1px;height:16px}.contact-email{text-align:left;direction:ltr}.contact-address-item .contact-value{color:#071d33b8;text-align:left;direction:ltr;margin:0;font-family:Alexandria,sans-serif;font-size:11px;font-style:normal;line-height:1.85}.site-footer{background:var(--navy-deep);border-top:1px solid #ffffff0f;width:100%;min-height:0;overflow:hidden}.footer-container{direction:rtl;grid-template-rows:156px 64px;grid-template-columns:1fr 1fr;width:min(1596px,84%);height:220px;margin:0 auto;padding:0;display:grid}.footer-brand{grid-area:1/1;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0;display:flex}.footer-brand img{object-fit:contain;filter:none;width:164px;max-width:none;height:108px;display:block;transform:none}.footer-socials{direction:rtl;grid-area:1/2;justify-content:flex-end;align-items:center;gap:10px;width:100%;height:100%;padding:0;display:flex}.footer-socials a{color:#ffffffc2;border:1px solid #ffffff2e;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:color .25s,border-color .25s,background .25s;display:flex}.footer-socials a:hover{color:var(--white);border-color:var(--orange);background:var(--orange)}.footer-socials svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.footer-socials a:first-child svg{fill:currentColor;stroke:none;width:16px;height:16px}.footer-bottom{text-align:center;direction:ltr;border-top:1px solid #ffffff1c;grid-area:2/1/auto/-1;justify-content:center;align-items:center;width:100%;height:64px;padding:0;display:flex}.footer-bottom span{color:#ffffff75;letter-spacing:1.2px;margin:0;font-family:Alexandria,sans-serif;font-size:9px;font-weight:400;line-height:1}@media (width<=1050px){.hero-header{height:82px;padding:0 4%}.header-logo{width:220px;height:81px}.hero-content{width:53vw;right:5%}.about-container,.services-container{width:90%;padding:85px 0}.projects-container,.why-container,.contact-container{width:88%;padding:80px 0}.about-intro,.services-intro,.projects-intro,.why-intro,.contact-intro{grid-template-columns:1fr;gap:30px}.about-description,.services-description,.projects-description,.why-description,.contact-description{max-width:760px;padding-top:0}.services-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.projects-showcase{grid-template-columns:1fr}.projects-side{grid-template-rows:none;grid-template-columns:repeat(2,1fr)}.contact-details{grid-template-columns:repeat(2,1fr)}.contact-address-item{grid-column:1/-1}.footer-container{grid-template-rows:145px 60px;width:88%;height:205px}.footer-brand img{width:148px;height:98px}.footer-socials a{flex-basis:40px;width:40px;height:40px}}@media (width<=700px){.hero{height:100svh;min-height:650px}.hero-header{height:77px;padding:0 16px}.header-logo{width:158px;height:76px;transform:translate(12px)}.contact-button{display:none}.hero-content{width:auto;inset:auto 24px 52px;transform:none}.hero-content h1{font-size:clamp(40px,11vw,54px)}.hero-content p{text-align:right;font-size:13px}.primary-button{width:100%}.about-container,.services-container,.projects-container,.why-container,.contact-container{width:auto;margin:0 24px;padding:60px 0}.about-intro,.services-intro,.projects-intro,.why-intro,.contact-intro{display:block}.about-description,.services-description,.projects-description,.why-description,.contact-description{margin-top:28px;padding-top:0}.values-grid,.services-grid,.why-grid,.contact-details{grid-template-columns:1fr}.projects-showcase,.projects-side{display:block}.project-card{margin-bottom:16px}.project-card-large .project-image,.projects-side .project-image,.project-image{height:225px}.contact-address-item{grid-column:auto}.contact-item,.contact-address-item{grid-template-columns:42px minmax(0,1fr);column-gap:16px;height:auto;min-height:104px;padding:17px 19px}.footer-container{flex-direction:column;width:calc(100% - 48px);height:auto;padding:18px 0 0;display:flex}.footer-brand{justify-content:center;width:100%;height:90px;padding:0}.footer-brand img{width:136px;height:84px}.footer-socials{direction:ltr;justify-content:center;gap:8px;width:100%;height:55px;padding:0}.footer-socials a{flex-basis:38px;width:38px;height:38px}.footer-socials svg{width:16px;height:16px}.footer-bottom{width:100%;height:54px;margin-top:15px}.footer-bottom span{letter-spacing:.7px;font-size:8px;line-height:1.6}}