:root{--f:"Crimson Pro","Tajawal",Georgia,serif;--acc:#003DA6;--acc2:#B48965}
body{font-family:var(--f);color:#000F3D;font-size:17px}
.btn,.form,.form input,.form select,.pj,.pj .ph,.tag,.new,.tabs>*,.gal img,.faq details,.strip>.wrap>div{border-radius:0!important}
.btn{letter-spacing:.06em;font-weight:500;font-size:15px}
.btn-dark{background:#003DA6;color:#fff;border:1px solid #003DA6}
.btn-dark:hover{background:#000F3D;border-color:#000F3D}
.btn-ghost{background:transparent;border:1px solid currentColor}
.topbar{background:#000F3D;color:#c9cfe0}
.hd{background:#000F3D;border-bottom:0}
.hd nav a{color:#fff;font-size:15px;letter-spacing:.04em}
.hd nav a:hover{color:#B48965}
.hd .lang{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.hd .btn-dark{background:#fff;color:#003DA6;border-color:#fff}
.brand{display:flex;align-items:center;gap:12px}
.brand b{display:none}
.brand .brand-logo{height:26px;width:auto;display:block}
.brand small{color:#aab3cc;letter-spacing:.1em;text-transform:uppercase;font-size:10px}
.hero h1,.h2,.form h2,.pj h3{font-weight:400;letter-spacing:.01em}
.eyebrow{color:#B48965;letter-spacing:.16em}
.hero .eyebrow{color:#E2C9AE}
#overview{background:#000F3D;color:#fff}
#overview p{color:#d5dbea}
#overview .h2{color:#fff}
#overview .btn-dark{background:#fff;color:#003DA6;border-color:#fff}
#projects,#gallery{background:#FAF9F5!important}
#faq{background:#fff!important}
.strip{background:#fff}
.tabs>*{border:1px solid #003DA6;background:#fff;color:#003DA6}
.tabs>.on{background:#003DA6;color:#fff}
.dark{background:#000F3D}
.ft{background:#000F3D;color:#c9cfe0}
.tabs .on,.tabs button.on,.tabs a.on{background:#003DA6!important;border-color:#003DA6!important;color:#fff!important}
.new{background:#B48965!important;color:#fff!important}