:root{--green:#174b3a;--green2:#0c3429;--orange:#f28b22;--cream:#f7f4ed;--ink:#14221c;--muted:#66736d;--line:#e5e8e4;--white:#fff;--shadow:0 20px 55px #0d34291f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,Tajawal,Arial,sans-serif;font-size:17px;line-height:1.75}html[dir=rtl] body{font-family:Tajawal,Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1240px,100% - 44px);margin-inline:auto}.topline{background:var(--green2);color:#dbe7e1;font-size:13px}.topline .container{white-space:nowrap;justify-content:space-between;gap:24px;padding-block:7px;display:flex;overflow:hidden}header{z-index:80;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;position:sticky;top:0}.nav{align-items:center;gap:22px;height:88px;display:flex}.brand{flex:none;align-items:center;gap:11px;display:flex}.brand img{object-fit:contain;width:52px;height:52px}.brand span{flex-direction:column;line-height:1;display:flex}.brand b{letter-spacing:.08em;font-size:20px}.brand small{color:var(--orange);letter-spacing:.28em;margin-top:5px;font-size:10px;font-weight:800}.navlinks{flex:1;justify-content:center;align-items:center;gap:19px;font-size:14px;font-weight:800;display:flex}.navlinks>a,.dropdown>button{white-space:nowrap;background:0 0;border:0;padding:32px 0;position:relative}.navlinks>a:after,.dropdown>button:after{content:"";inset-inline:0;background:var(--orange);height:2px;transition:all .2s;position:absolute;bottom:23px;transform:scaleX(0)}.navlinks>a:hover:after,.dropdown>button:hover:after{transform:scaleX(1)}.dropdown{position:relative}.dropdown>button{color:inherit}.dropdown>div{inset-inline-start:-24px;border:1px solid var(--line);width:220px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:14px;padding:10px;transition:all .18s;position:absolute;top:calc(100% - 13px);transform:translateY(8px)}.dropdown>div:before{content:"";inset-inline:0;height:20px;position:absolute;top:-18px}.dropdown:hover>div,.dropdown:focus-within>div,.dropdown.open>div{opacity:1;visibility:visible;pointer-events:auto;transform:none}.dropdown>div a{border-radius:9px;padding:11px 13px;display:block}.dropdown>div a:hover{background:var(--cream);color:var(--orange)}.lang{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:900;display:flex}.lang span{font-size:19px}.hamb{background:0 0;border:0;font-size:27px;display:none}.hero{color:#fff;isolation:isolate;background-position:50%;background-size:cover;align-items:center;min-height:690px;transition:background-image .35s;display:grid;position:relative}.shade{z-index:-1;background:linear-gradient(90deg,#061914e6 0%,#061914a3 52%,#0619141f 100%);position:absolute;inset:0}html[dir=rtl] .shade{background:linear-gradient(-90deg,#061914e6 0%,#061914a3 52%,#0619141f 100%)}.herobody{padding-block:90px}.herobody>div{max-width:780px}.kicker,.eyebrow{color:var(--orange);letter-spacing:.08em;margin-bottom:14px;font-size:14px;font-weight:900;display:inline-block}.hero h1{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(44px,6vw,82px);line-height:1.08}.hero p{color:#e9f1ed;max-width:720px;margin:0;font-size:clamp(18px,2vw,24px)}.actions{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:11px 22px;font-size:15px;font-weight:900;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.orange{background:var(--orange);color:#fff}.btn.white{color:var(--green);background:#fff}.btn.ghost{color:#fff;background:#ffffff14;border-color:#ffffff73}.btn.outline{border-color:var(--green);color:var(--green)}.dots{bottom:30px;justify-content:center;gap:8px;display:flex;position:absolute;inset-inline:0}.dots button{background:#ffffff8c;border:0;border-radius:99px;width:10px;height:10px;padding:0;transition:all .2s}.dots button.active{background:var(--orange);width:34px}.ticker{background:var(--orange);color:#fff;font-weight:900;overflow:hidden}.ticker>div{will-change:transform;width:max-content;animation:26s linear infinite ticker;display:flex}.ticker span{white-space:nowrap;padding:12px 28px}@keyframes ticker{to{transform:translate(-50%)}}html[dir=rtl] .ticker>div{animation-name:tickerR}@keyframes tickerR{to{transform:translate(50%)}}.section{padding:100px 0}.section.soft{background:var(--cream)}.section.dark{background:var(--green2);color:#fff}.section h2,.heading h2,.ctabox h2{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(34px,4vw,56px);line-height:1.18}.lead{color:var(--muted);max-width:720px;font-size:19px}.dark .lead{color:#cddbd5}.split{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.bigimage{object-fit:cover;width:100%;height:520px;box-shadow:var(--shadow);border-radius:24px}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;display:grid}.stats div{border-top:2px solid var(--orange);padding-top:15px}.stats b{color:var(--green);font-size:34px;display:block}.stats span{color:var(--muted);font-size:13px}.heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:44px;display:flex}.heading h2{max-width:820px;margin:0}.catgrid,.servicegrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.catgrid article,.servicegrid article{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:260px;padding:30px;transition:all .25s}.catgrid article:hover,.servicegrid article:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-7px)}.catgrid i,.servicegrid i{width:72px;height:72px;color:var(--green);background:#e8f1ed;border-radius:18px;place-items:center;margin-bottom:24px;font-size:35px;font-style:normal;display:grid}.servicegrid i{color:var(--orange);background:#fff1e3}.catgrid h3,.servicegrid h3{margin:0 0 10px;font-size:23px;line-height:1.25}.catgrid p,.servicegrid p{color:var(--muted);margin:0}.catgrid.large article{min-height:320px}.brandgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.brandcard{border:1px solid var(--line);background:#fff;border-radius:24px;padding-bottom:30px;transition:all .28s;position:relative;overflow:hidden;box-shadow:0 8px 28px #0d342912}.brandcard:hover{box-shadow:var(--shadow);transform:translateY(-8px)}.brandcard .cover{object-fit:cover;width:100%;height:370px}.logobox{background:#fff;border-radius:18px;place-items:center;width:150px;height:100px;margin:-50px auto 18px;padding:18px;display:grid;position:relative;box-shadow:0 10px 28px #00000021}.logobox img{object-fit:contain;width:100%;height:100%}.brandcard h3{text-align:center;margin:0 20px 6px;font-size:25px}.brandcard p{text-align:center;color:var(--muted);margin:0 22px;font-size:16px}.marketgrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.marketcard{border:1px solid var(--line);background:#fff;border-radius:19px;place-items:center;min-height:230px;padding:26px;transition:all .2s;display:grid}.marketcard:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.marketcard img{object-fit:contain;width:80%;height:120px}.marketcard h3{margin:16px 0 0;font-size:18px}.dark ul{padding-inline-start:20px}.dark li{margin:12px 0}.orangeText{color:var(--orange)!important}.pagehero{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;padding:125px 0 105px;position:relative;overflow:hidden}.pagehero:after{content:"M";inset-inline-end:5%;color:#ffffff09;font-size:440px;font-weight:900;line-height:1;position:absolute;top:-155px}.pagehero .container{z-index:1;position:relative}.pagehero span{color:var(--orange);font-weight:900}.pagehero h1{max-width:900px;margin:14px 0 20px;font-size:clamp(46px,6vw,78px);line-height:1.1}.pagehero p{color:#d7e3de;max-width:780px;margin:0;font-size:20px}.gallery{columns:3 330px;column-gap:22px}.gallery img{break-inside:avoid;object-fit:cover;border-radius:18px;width:100%;min-height:240px;margin-bottom:22px}.teamgrid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.teamgrid article{background:#fff;border-radius:20px;padding-bottom:25px;overflow:hidden}.teamgrid article>div{position:relative}.teamgrid img{object-fit:cover;width:100%;height:380px}.teamgrid article>div span{bottom:15px;background:var(--orange);color:#fff;border-radius:99px;padding:4px 12px;font-weight:900;position:absolute;inset-inline-end:15px}.teamgrid h3,.teamgrid p{margin-inline:24px}.teamgrid h3{margin-top:20px;margin-bottom:2px;font-size:22px}.teamgrid p{color:var(--muted);margin-top:0}.roojlogo{height:440px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff0ef,#fff);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.roojlogo img{max-width:320px}.roojlogo small{letter-spacing:.22em;color:#a26462;margin-top:25px}.badges{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.badges span{background:var(--cream);border-radius:99px;padding:8px 14px;font-size:13px;font-weight:800}.productgrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.productgrid article{border:1px solid var(--line);background:#fff;border-radius:19px;min-height:240px;padding:28px;position:relative;overflow:hidden}.productgrid article>b{color:#9c5956;background:#f5dddc;border-radius:50%;place-items:center;width:82px;height:82px;font-size:24px;display:grid}.productgrid article>small{top:20px;color:#c9b2aa;font-size:24px;font-weight:900;position:absolute;inset-inline-end:23px}.productgrid h3{margin-top:38px;font-size:23px}.center{text-align:center;margin-top:35px}.cta{background:var(--orange);color:#fff;padding:66px 0}.ctabox{justify-content:space-between;align-items:center;gap:30px;display:flex}.ctabox h2{margin:0 0 6px}.ctabox p{margin:0;font-size:18px}.contactgrid{grid-template-columns:.85fr 1.15fr;gap:70px;display:grid}.contactgrid aside{background:var(--green2);color:#fff;border-radius:24px;padding:42px}.contactgrid aside h2{margin-top:0;font-size:36px}.contactgrid aside p{color:#cad9d2}.contactgrid aside div{border-top:1px solid #ffffff29;flex-direction:column;margin-top:24px;padding-top:17px;display:flex}.contactgrid aside small{color:var(--orange);font-weight:800}.contactgrid form,.fields{gap:16px;display:grid}.contactgrid input,.contactgrid textarea,.editcard input,.editcard textarea,.login input{background:#fff;border:1px solid #dfe5e1;border-radius:10px;outline:none;width:100%;padding:13px 15px}.contactgrid textarea,.editcard textarea{resize:vertical;min-height:140px}.contactgrid input:focus,.contactgrid textarea:focus,.editcard input:focus,.editcard textarea:focus,.login input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f28b221f}.policy{max-width:850px}.policy h2{margin-top:35px;font-size:30px}.policy p{color:var(--muted)}footer{color:#d9e4df;background:#08271f;padding:75px 0 25px}.footergrid{grid-template-columns:1.6fr .7fr 1fr;gap:70px;display:grid}.footerbrand img{width:68px;height:68px}.footerbrand b{color:#fff}.footergrid p{color:#aebfb8;max-width:480px}.footergrid h4{color:#fff;margin:0 0 16px;font-size:18px}.footergrid>div:not(:first-child){flex-direction:column;gap:8px;display:flex}.footergrid a:hover{color:var(--orange)}.copyright{color:#8ca199;border-top:1px solid #ffffff1f;margin-top:55px;padding-top:22px;font-size:13px}.loading{background:var(--green2);color:#fff;letter-spacing:.15em;place-items:center;min-height:100vh;font-size:22px;font-weight:900;display:grid}.login{background:linear-gradient(140deg,var(--green2),var(--green));place-items:center;min-height:100vh;padding:24px;display:grid}.login form{background:#fff;border-radius:24px;gap:15px;width:min(440px,100%);padding:42px;display:grid;box-shadow:0 30px 80px #00000040}.login img{object-fit:contain;width:100px;height:100px;margin:auto}.login h1{text-align:center;margin:0 0 10px;font-size:27px}.login p{text-align:center;color:#b32a2a;margin:0}.admin{min-height:100vh;color:var(--ink);background:#f3f5f3;grid-template-columns:280px 1fr;display:grid}.admin>aside{background:var(--green2);color:#fff;flex-direction:column;height:100vh;padding:25px 18px;display:flex;position:sticky;top:0;overflow:auto}.adminbrand{justify-items:center;padding:15px 0 28px;display:grid}.adminbrand img{object-fit:contain;background:#fff;border-radius:15px;width:82px;height:82px;padding:8px}.adminbrand b{margin-top:10px;font-size:18px}.adminbrand small{color:#94aaa1}.admin>aside nav{gap:5px;display:grid}.admin>aside nav button,.viewsite,.logout{color:#d2e0da;text-align:right;background:0 0;border:0;border-radius:8px;padding:11px 13px;font-weight:700}.admin>aside nav button{justify-content:space-between;display:flex}.admin>aside nav button span{background:#ffffff1f;border-radius:20px;padding:0 8px}.admin>aside nav button:hover,.admin>aside nav button.active,.viewsite:hover{color:#fff;background:#ffffff1a}.viewsite{margin-top:auto}.logout{color:#ffaaa0}.admin>section{min-width:0;padding:32px}.admin>section>header{background:0 0;border:0;justify-content:space-between;align-items:center;margin-bottom:26px;display:flex;position:static}.admin>section>header small{color:var(--orange);font-weight:800}.admin>section>header h1{margin:2px 0 0;font-size:34px}.adminform{grid-template-columns:1fr 1fr;gap:24px;display:grid}.editgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.editcard{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px;box-shadow:0 5px 20px #0a281f0a}.editcard>label,.fields label{color:#53615b;gap:6px;margin-top:13px;font-size:13px;font-weight:800;display:grid}.imageedit{grid-template-columns:105px 1fr;gap:10px;margin-top:7px;display:grid}.imageedit img{object-fit:contain;border:1px solid var(--line);background:#f1f3f1;border-radius:9px;grid-row:span 2;width:105px;height:105px}.imageedit label{color:var(--green);cursor:pointer;background:#e9f2ee;border:1px dashed #8cae9f;border-radius:8px;place-items:center;font-size:13px;font-weight:900;display:grid}.imageedit label input{display:none}.imageedit>input{font-size:12px}.listbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.listbar span{color:var(--muted)}.listbar button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:800}.reorder{align-items:center;gap:7px;margin-bottom:10px;display:flex}.reorder button{border:1px solid var(--line);background:#fff;border-radius:6px;width:34px;height:34px}.reorder b{color:#aab3af;margin-inline-start:auto}.delete{color:#b62d24;background:#fff3f2;border:1px solid #f1c6c2;border-radius:8px;width:100%;margin-top:17px;padding:10px;font-weight:800}@media (width<=1180px){.navlinks{gap:11px;font-size:12px}.brand span{display:none}.brandgrid{gap:20px}.brandcard .cover{height:320px}.catgrid,.servicegrid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){body{font-size:16px}.topline .container span:last-child{display:none}.nav{height:76px}.brand span{display:flex}.hamb{order:4;display:block}.lang{margin-inline-start:auto}.navlinks{top:76px;border-top:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:15px 22px 25px;display:none;position:absolute;inset-inline:0;box-shadow:0 20px 35px #0000001f}.navlinks.show{display:flex}.navlinks>a,.dropdown>button{text-align:start;width:100%;padding:12px 5px;display:block}.navlinks>a:after,.dropdown>button:after{display:none}.dropdown>div{width:100%;box-shadow:none;background:var(--cream);opacity:1;visibility:visible;pointer-events:auto;border:0;margin:0 0 8px;padding:6px;display:none;position:static;transform:none}.dropdown.open>div{display:block}.hero{min-height:650px}.split{grid-template-columns:1fr;gap:40px}.bigimage{height:430px}.brandgrid,.teamgrid,.productgrid,.marketgrid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:1/-1}.admin{grid-template-columns:1fr}.admin>aside{height:auto;position:static}.admin>aside nav{grid-template-columns:repeat(2,1fr)}.viewsite{margin-top:15px}.adminform,.editgrid{grid-template-columns:1fr}}@media (width<=680px){.container{width:min(100% - 28px,1240px)}.brand span{display:none}.hero{min-height:640px}.hero h1{font-size:42px}.herobody{padding-block:65px}.actions .btn{width:100%}.section{padding:70px 0}.section h2,.heading h2,.ctabox h2{font-size:34px}.heading{flex-direction:column;align-items:start}.brandgrid,.teamgrid,.marketgrid,.catgrid,.servicegrid,.productgrid{grid-template-columns:1fr}.brandcard .cover{height:360px}.brandcard{width:100%;max-width:520px;margin-inline:auto}.stats{gap:7px}.stats b{font-size:28px}.bigimage{height:330px}.pagehero{padding:85px 0 75px}.pagehero h1{font-size:43px}.ctabox{flex-direction:column;align-items:start}.contactgrid{grid-template-columns:1fr;gap:28px}.footergrid{grid-template-columns:1fr;gap:35px}.footergrid>div:first-child{grid-column:auto}.admin>section{padding:20px 12px}.admin>aside nav{grid-template-columns:1fr 1fr}.admin>section>header{align-items:flex-start;gap:14px}.admin>section>header h1{font-size:25px}.admin>section>header .btn{white-space:nowrap;padding:8px 12px}.login form{padding:28px}.imageedit{grid-template-columns:85px 1fr}.imageedit img{width:85px;height:85px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker>div{animation-duration:60s}.hero,.btn,.brandcard{transition:none}}.catgrid i svg,.servicegrid i svg{width:40px;height:40px}.imageedit .filepreview{color:#ce3b28;border:1px solid var(--line);background:#fff2ed;border-radius:9px;grid-row:span 2;place-items:center;width:105px;height:105px;font-size:22px;font-weight:900;display:grid}