:root{--blue:#0877b9;--navy:#071b35;--cyan:#11a4dd;--ink:#172230;--muted:#6d7782;--bg:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Cairo,Arial,sans-serif;color:var(--ink);background:#fff}.wrap{width:min(1160px,90%);margin:auto}.top{height:95px;background:#fff;position:fixed;inset:0 0 auto;z-index:30;box-shadow:0 2px 18px #0001}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none}.mark{font-size:34px;font-weight:900;font-style:italic;letter-spacing:-5px;color:var(--blue);padding-right:10px}.brandtxt{display:flex;flex-direction:column;font-size:10px;letter-spacing:1px}.brandtxt small{font-size:7px;color:#777;margin-top:3px}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{font-size:12px;font-weight:700;color:#394553;text-decoration:none;text-transform:uppercase}.nav nav a:hover{color:var(--blue)}#lang{border:1px solid #d5dde5;background:#fff;padding:9px 12px;color:var(--blue);font-family:inherit;cursor:pointer}.menu{display:none;background:none;border:0;font-size:25px}.hero{height:720px;position:relative;background:linear-gradient(90deg,#06172a99,#06172a33),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1900&q=85') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#04172ed9 0%,#04172e8a 45%,transparent 78%)}.heroContent{position:relative;padding-top:220px;color:#fff}.eyebrow{font-size:13px;letter-spacing:5px;color:#6bd2ff;font-weight:700}.hero h1{font-size:68px;line-height:.98;margin:18px 0 24px;letter-spacing:-3px;max-width:760px}.heroSub{max-width:590px;line-height:1.8;color:#d8e2eb}.cta{display:inline-block;margin-top:22px;background:var(--blue);color:#fff;text-decoration:none;border:0;padding:17px 25px;font:700 11px inherit;letter-spacing:1px;cursor:pointer}.down{position:absolute;bottom:22px;left:50%;font-size:40px;color:#fff;text-decoration:none}.section{padding:100px 0}.title{text-align:center;margin-bottom:55px}.title span{display:block;width:44px;height:3px;background:var(--blue);margin:0 auto 18px}.title h2{font-size:30px;letter-spacing:2px;margin:0}.title p{color:var(--muted);font-size:14px}.cards{display:grid;gap:24px}.three{grid-template-columns:repeat(3,1fr)}.cards article{padding:36px 32px;background:#fff;border:1px solid #e8edf1;box-shadow:0 8px 30px #0b31550b}.cards h3{font-size:18px}.cards p,.copy p{font-size:13px;line-height:1.9;color:var(--muted)}.icon{font-size:35px;color:var(--blue)}.dark{background:var(--navy);color:#fff}.title.light p{color:#a8b7c5}.title.light h2{color:#fff}.services article{background:#0d2948;border-color:#17395d;color:#fff;position:relative;overflow:hidden}.services .num{font-size:65px;font-weight:800;color:#ffffff0d;position:absolute;right:20px;top:8px}.services p{color:#aab8c5}.services a{color:#42bdeb;text-decoration:none;font-size:11px;font-weight:700}.work{background:var(--bg)}.split{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;margin-bottom:28px;min-height:340px}.split.reverse{grid-template-columns:.95fr 1.05fr}.split.reverse .photo{order:2}.photo{background-size:cover;background-position:center}.p1{background-image:url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1000&q=80')}.p2{background-image:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1000&q=80')}.copy{padding:65px}.copy small{color:var(--blue);font-weight:800}.copy h3{font-size:28px;margin:8px 0 15px}.swot{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}.swot div{text-align:center;padding:28px;border-right:1px solid #dbe2e8}.swot b{display:block;font-size:45px;color:var(--blue)}.swot span{font-size:12px;font-weight:700}.contact{background:linear-gradient(#071b35f2,#071b35f2),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1900&q=80') center/cover;color:#fff}.contactgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{width:100%;padding:15px;border:1px solid #ffffff2b;background:#ffffff0d;color:#fff;font:13px inherit;outline:none}textarea{grid-column:1/-1}select option{color:#111}.details{border-left:1px solid #ffffff2b;padding-left:45px}.details h3{color:#52c9f4}.details p{font-size:12px;line-height:1.8;color:#c5d1db}footer{background:#041223;color:#91a2b2;padding:30px 0;font-size:11px}.foot{display:flex;align-items:center;justify-content:space-between}.mark.small{font-size:26px}.foot p{display:inline;margin-left:15px}[dir=rtl] body{font-family:Cairo,Montserrat,sans-serif}[dir=rtl] .mark{border-right:0;padding-right:0;padding-left:10px}[dir=rtl] .hero h1{letter-spacing:0}[dir=rtl] .shade{background:linear-gradient(270deg,#04172ed9 0%,#04172e8a 45%,transparent 78%)}[dir=rtl] .details{border-left:0;border-right:1px solid #ffffff2b;padding-left:0;padding-right:45px}[dir=rtl] .services .num{right:auto;left:20px}[dir=rtl] .foot p{margin-left:0;margin-right:15px}@media(max-width:800px){.top{height:72px}.brandtxt{display:none}.menu{display:block}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;box-shadow:0 10px 20px #0002}.nav nav.open{display:flex}.hero{height:650px}.heroContent{padding-top:190px}.hero h1{font-size:45px}.three,.contactgrid,.split,.split.reverse{grid-template-columns:1fr}.split.reverse .photo{order:0}.photo{min-height:260px}.copy{padding:38px}.swot{grid-template-columns:1fr 1fr}.section{padding:75px 0}form{grid-template-columns:1fr}textarea{grid-column:auto}.details{padding:30px 0 0!important;border:0!important}.foot{gap:20px;flex-direction:column;align-items:flex-start}}

.foot-brand{display:flex;align-items:center}.footer-right{display:flex;align-items:center;gap:28px}.socials{display:flex;align-items:center;gap:9px}.socials>span{margin-right:3px;color:#91a2b2}.socials a{width:34px;height:34px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;color:#b8c7d5;transition:.2s ease}.socials a:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}.socials svg{width:16px;height:16px;fill:currentColor}[dir=rtl] .socials>span{margin-right:0;margin-left:3px}@media(max-width:800px){.footer-right{width:100%;align-items:flex-start;flex-direction:column;gap:18px}.socials{flex-wrap:wrap}}
