@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap");:root{--d:#15353F;--t:#3FA2BF;--w:#fff;--l:#f3f7f8}*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial;color:#17343d;line-height:1.8}.wrap{width:min(1200px,92%);margin:auto}header{position:absolute;width:100%;z-index:5;border-bottom:1px solid #ffffff35}.nav{height:90px;display:flex;align-items:center;gap:35px;color:#fff}.brand{display:flex;align-items:center;gap:10px}.brand img{width:60px}.brand small{display:block;font-size:9px;letter-spacing:2px}.nav nav{display:flex;gap:22px;margin-right:auto}.nav a{color:#fff;text-decoration:none}.btn{background:var(--t);color:#fff!important;padding:12px 24px;text-decoration:none;font-weight:700;border-radius:3px}.hero{min-height:790px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#15353ff2,#15353f90),url("banner/1.avif") center/cover}.hero h1{font-size:70px;line-height:1.15;margin:15px 0}.hero em{color:var(--t);font-style:normal}.hero p{font-size:19px;max-width:680px}.ghost{color:#fff;margin-right:20px}.strength{background:var(--d);color:#fff;padding:32px}.four,.three{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.strength div{text-align:center;border-left:1px solid #ffffff33}.strength b{display:block;color:var(--t);font-size:20px}.strength small{color:#d8e6e9}section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tag{color:var(--t);font-weight:800}h2{font-size:43px;line-height:1.25}.visual{height:430px;background:linear-gradient(135deg,var(--d),var(--t));color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}.vision{background:var(--d);color:#fff}.vision .three{grid-template-columns:repeat(3,1fr)}.vision article{padding:35px;border:1px solid #ffffff25}.vision i{font-size:55px;color:var(--t);opacity:.6}.light{background:var(--l)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:#fff;padding:28px;border-top:4px solid var(--t);box-shadow:0 8px 25px #15353f0d}.cards h3{margin:0}.cards p{color:#64777d}.method{background:var(--d);color:#fff}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.steps div{background:#fff;color:var(--d);padding:25px 15px;text-align:center;font-weight:700}.steps b{display:block;color:var(--t);font-size:28px}.quality{text-align:center}.quality .three{grid-template-columns:repeat(3,1fr)}.quality article{border:1px solid #d9e5e8;padding:25px}.quality h3{color:var(--t)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.projects div{height:320px;background:linear-gradient(0deg,#15353fee,#3fa2bf55),url("banner/2.avif") center/cover;color:#fff;display:flex;align-items:end;padding:25px;font-size:20px;font-weight:800}.cta{background:var(--t);color:#fff;text-align:center}.cta .btn{background:var(--d)}footer{background:#0b2931;color:#fff;padding:55px 0}@media(max-width:850px){.nav nav{display:none}.nav .btn{margin-right:auto}.hero h1{font-size:43px}.split,.cards,.three,.four,.steps,.projects{grid-template-columns:1fr 1fr}.vision .three{grid-template-columns:1fr}.hero{min-height:680px}}@media(max-width:520px){.cards,.three,.four,.steps,.projects,.split{grid-template-columns:1fr}.hero h1{font-size:36px}h2{font-size:32px}.strength div{border:0}.nav .btn{display:none}}