@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');
html[lang="ar"] #wnpro-site,html[lang="ar"] #wnpro-site *{font-family:'Tajawal',Tahoma,Arial,sans-serif!important}html[lang="ar"] #wnpro-site{line-height:1.7}#wn-header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}#wn-lang-switch{min-height:40px;border:1px solid #e0ddd6;background:#fff;color:#183d43;padding:8px 12px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer}#wn-lang-switch:focus-visible,.wn-social:focus-visible{outline:3px solid #dd821d;outline-offset:3px}.wn-social{width:34px;min-width:34px;height:34px;border:1px solid #dfddd7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center!important;color:#183d43!important;text-decoration:none;font:700 13px Arial!important;background:#fff;transition:background .2s}.wn-social:hover{background:#fff1dd}.wn-social svg{width:16px;height:16px}html[lang="ar"] #wnpro-site a[href^="mailto:"],html[lang="ar"] #wnpro-site a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}#wnpro-site [class*="wn-social"]{white-space:nowrap}#wnpro-site .wn-header{gap:14px!important}#wnpro-site .wn-header-nav{gap:10px 14px!important}#wnpro-site .wn-header-nav>div{font-size:15px!important}#wnpro-site .wn-quote{font-size:14px!important;padding:12px 18px!important}html[lang="ar"] #wnpro-site .wn-main-title{line-height:1.5!important;font-size:54px!important}#wnpro-site .wn-footer-social{display:flex;align-items:center;gap:10px;margin-top:10px}#wnpro-site .wn-footer-social a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #ffffff33;border-radius:7px}#wnpro-site .wn-footer-social a:hover{color:#fff!important;border-color:#d58e41}#wnpro-site .wn-footer-social svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:850px){#wnpro-site .wn-header{flex-wrap:wrap;padding:10px 16px!important}#wnpro-site .wn-header-nav{order:4;width:100%;justify-content:center!important;gap:12px 22px!important}#wn-header-controls{margin-inline-start:auto}#wnpro-site .wn-quote{display:none}#wnpro-site .wn-header img{height:49px!important}#wnpro-site .wn-main-title{font-size:38px!important}html[lang="ar"] #wnpro-site .wn-main-title{font-size:38px!important}#wnpro-site .wn-hero{padding:65px 22px 90px!important}#wnpro-site .wn-showcase{height:auto!important;grid-template-columns:1fr 1fr!important;grid-auto-rows:180px;grid-template-rows:180px 180px!important;padding:0 20px!important;margin-top:55px!important}#wnpro-site .wn-showcase>div:first-child{grid-row:auto!important}#wnpro-site .wn-why-grid,#wnpro-site .wn-client-grid,#wnpro-site .wn-footer-grid,#wnpro-site .wn-contact-grid{grid-template-columns:1fr!important;gap:24px!important;padding-inline:20px!important}#wnpro-site .wn-service-grid{columns:1!important;column-count:1!important;grid-template-columns:1fr!important;padding-inline:20px!important}#wnpro-site .wn-agency-card{padding:24px!important}#wnpro-site .wn-agency-card>div{flex-direction:column!important;grid-template-columns:1fr!important}#wnpro-site .wn-agency-card>div>div{width:100%!important;max-width:100%!important;flex-basis:auto!important}#wnpro-site .wn-contact-grid>div{padding:24px!important}#wnpro-site .wn-footer-social{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#wnpro-site *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.wn-brand-grid img{max-width:100%;object-fit:contain}.wn-brand-grid>a{min-width:0!important}.wn-brand-grid{row-gap:28px!important}@media(max-width:1100px){#wnpro-site .wn-header{flex-wrap:wrap}#wnpro-site .wn-header-nav{order:4;width:100%;justify-content:center!important}#wn-header-controls{margin-inline-start:auto}}@media(max-width:650px){#wnpro-site .wn-brand-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px!important;justify-items:center}#wnpro-site .wn-brand-grid img{width:100%!important;max-width:160px;height:62px!important}#wnpro-site .wn-brand-grid>a{width:100%}#wnpro-site .wn-brand-grid>a img{max-width:135px;height:40px!important}#wnpro-site .wn-header-nav{gap:10px 16px!important}#wnpro-site .wn-header-nav>div{font-size:13px!important}}

@media(max-width:750px){#wnpro-site .wn-agency-card{grid-template-columns:1fr!important;gap:25px!important;padding:25px!important}#wnpro-site .wn-agency-card>div:first-child{min-height:180px!important;padding:25px!important}#wnpro-site .wn-agency-card>div:first-child img{height:130px!important}}

#wnpro-site .wn-company-profile{border:0;font-family:inherit;line-height:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}#wnpro-site .wn-company-profile[disabled]{cursor:default!important;opacity:.8}#wnpro-site .wn-company-profile[aria-disabled="true"]{pointer-events:none}@media(max-width:850px){#wnpro-site .wn-company-profile{display:inline-flex!important;padding:10px 14px!important;font-size:12px!important}}

#wnpro-site .wn-dedicated{background:#fafbf9;color:#15363d}#wnpro-site .wn-dedicated-hero{background:linear-gradient(125deg,#061f2c,#104d4d);padding:70px 7%;color:white;text-align:center}#wnpro-site .wn-dedicated-hero>p{color:#f4b86f;letter-spacing:1px;font-size:13px;font-weight:700;margin:0 0 22px}#wnpro-site .wn-dedicated h1{font-size:46px;line-height:1.45;font-weight:800;margin:0 0 24px}#wnpro-site .wn-dedicated-hero>div{max-width:850px;margin:auto;color:#bdd1d4;font-size:17px;line-height:1.9}#wnpro-site .wn-dedicated-body{max-width:1200px;margin:auto;padding:65px 35px}#wnpro-site .wn-dedicated h2{font-size:29px;line-height:1.5;margin:0 0 22px;font-weight:800}#wnpro-site .wn-dedicated h3{font-size:20px;margin:0 0 15px;font-weight:800}#wnpro-site .wn-dedicated p{font-size:15px;line-height:1.9;color:#5c7177;margin:0 0 18px}#wnpro-site .wn-project-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:start}#wnpro-site .wn-project-sectors{background:#f1f5f2;padding:28px;border-inline-start:3px solid #ee862d}#wnpro-site .wn-project-sectors p{border-bottom:1px solid #dbe5e0;padding:10px 0;margin:0}#wnpro-site .wn-delivery-steps,#wnpro-site .wn-sla-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}#wnpro-site .wn-delivery-steps article,#wnpro-site .wn-sla-grid article{padding:28px;background:white;border:1px solid #e1e8e5;border-radius:12px}#wnpro-site .wn-delivery-steps span{display:block;font-size:13px;color:#b86b26;margin-bottom:24px}#wnpro-site .wn-dedicated-cta{margin-top:60px;background:#0c333b;color:white;padding:40px;text-align:center;border-radius:12px}#wnpro-site .wn-dedicated-cta button{border:0;border-radius:8px;padding:14px 25px;background:#ef8422;color:white;font-size:15px;font-weight:800;cursor:pointer}#wnpro-site .wn-dedicated-cta button:focus-visible{outline:3px solid white;outline-offset:5px}#wnpro-site .wn-sla-heading{max-width:900px;margin:auto;text-align:center}#wnpro-site .wn-header-nav{gap:10px 14px!important}#wnpro-site .wn-header-nav>div{font-size:14px!important}@media(max-width:750px){#wnpro-site .wn-dedicated-hero{padding:45px 6%}#wnpro-site .wn-dedicated h1{font-size:32px}#wnpro-site .wn-dedicated-body{padding:40px 6%}#wnpro-site .wn-project-intro,#wnpro-site .wn-delivery-steps,#wnpro-site .wn-sla-grid{grid-template-columns:1fr;gap:18px}#wnpro-site .wn-dedicated h2{font-size:25px}#wnpro-site .wn-dedicated-cta{padding:30px 20px}#wnpro-site .wn-header-nav{column-gap:18px!important}}

#wnpro-site .wn-dedicated .wn-dedicated-hero>p{color:#f4b86f}
/* Mobile layout: keep every card inside its column and avoid desktop grid spans. */
#wnpro-site,#wnpro-site *{box-sizing:border-box}
#wnpro-site img{max-width:100%}
@media(max-width:750px){
 #wnpro-site div{min-width:0}
 #wnpro-site .wn-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 12px!important;padding:10px 14px!important;align-items:center}
 #wnpro-site .wn-header>div:first-child{grid-column:1;grid-row:1}
 #wnpro-site .wn-header img{height:42px!important;max-width:95px!important}
 #wnpro-site #wn-header-controls{grid-column:2;grid-row:1;margin:0!important}
 #wnpro-site #wn-header-controls .wn-social{display:none}
 #wnpro-site #wn-lang-switch{min-height:38px;padding:8px 10px;font-size:12px}
 #wnpro-site .wn-company-profile{grid-column:3;grid-row:1;padding:10px 12px!important;font-size:11px!important;min-height:38px}
 #wnpro-site .wn-header-nav{grid-column:1/-1;grid-row:2;display:flex!important;width:100%;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:10px!important;overflow-x:auto;scrollbar-width:none;padding-block:3px 5px;-webkit-overflow-scrolling:touch}
 #wnpro-site .wn-header-nav::-webkit-scrollbar{display:none}
 #wnpro-site .wn-header-nav>div{flex:0 0 auto;font-size:12px!important;white-space:nowrap}
 #wnpro-site .wn-hero{padding:44px 20px 86px!important}
 #wnpro-site .wn-main-title,html[lang="ar"] #wnpro-site .wn-main-title{font-size:32px!important;line-height:1.45!important;overflow-wrap:break-word}
 #wnpro-site div[style*="grid-template-columns"]:not(.wn-showcase):not(.wn-brand-grid){grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 #wnpro-site .wn-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:145px 145px!important;grid-auto-rows:145px;gap:12px!important;height:auto!important}
 #wnpro-site .wn-showcase>div{grid-column:auto!important;grid-row:auto!important}
 #wnpro-site div:is([style*="margin:110px"],[style*="margin: 110px"]),#wnpro-site div:is([style*="margin:100px"],[style*="margin: 100px"]),#wnpro-site div:is([style*="margin:90px"],[style*="margin: 90px"]),#wnpro-site div:is([style*="margin:80px"],[style*="margin: 80px"]){margin:48px auto!important;padding-inline:20px!important}
 #wnpro-site div:is([style*="padding:80px 40px"],[style*="padding: 80px 40px"]){padding:44px 20px!important}
 #wnpro-site div:is([style*="font-size:42px"],[style*="font-size: 42px"]){font-size:30px!important;line-height:1.4}
 #wnpro-site div[style*="text-align: justify"]{text-align:start!important}
 #wnpro-site div:is([style*="columns:3 280px"],[style*="columns: 3 280px"]){columns:1!important;column-count:1!important}
 #wnpro-site div:is([style*="width:82px; height:82px"],[style*="width: 82px; height: 82px"]){width:56px!important;height:56px!important;border-radius:12px!important;font-size:29px!important}
 #wnpro-site div:is([style*="padding:60px;"],[style*="padding: 60px;"]){padding:30px 20px!important}
 #wnpro-site .wn-agency-card{padding:22px!important;gap:22px!important}
 #wnpro-site .wn-agency-card>div{min-width:0!important}
 #wnpro-site .wn-agency-card p{font-size:16px!important;line-height:1.8!important;text-align:start!important}
 #wnpro-site .wn-agency-card a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 #wnpro-site div:is([style*="padding:60px 40px 30px"],[style*="padding: 60px 40px 30px"]){padding:44px 20px 28px!important}
 #wnpro-site .wn-footer-grid{padding:0!important;gap:28px!important}
 #wnpro-site .wn-contact-grid{padding-inline:20px!important}
 #wnpro-site .wn-contact-grid>div{padding:22px!important}
 #wnpro-site input,#wnpro-site select,#wnpro-site textarea{max-width:100%;font-size:16px!important}
 #wnpro-site>a[href^="https://wa.me/"]{width:52px!important;height:52px!important;right:16px!important;bottom:18px!important}
}
@media(max-width:360px){#wnpro-site .wn-header{gap:8px!important;padding-inline:12px!important}#wnpro-site .wn-header img{max-width:80px!important;height:38px!important}#wnpro-site .wn-header-nav{gap:12px!important}#wnpro-site .wn-header-nav>div{font-size:12px!important}}

/* WNPRO identity: orange, golden yellow and mint sampled from the corporate logo. */
#wnpro-site{--wn-orange:#ff6800;--wn-yellow:#ffd126;--wn-mint:#68fbd1;--wn-green:#087456;--wn-ink:#153e33;--wn-dark:#06382d;--wn-paper:#fffdf7;background:var(--wn-paper)!important;color:var(--wn-ink)!important}
#wnpro-site .wn-header{background:rgba(255,253,247,.97)!important;border-bottom-color:#deebe2!important}
#wnpro-site .wn-hero{background:linear-gradient(135deg,#06382d 0%,#0b5742 58%,#187454 100%)!important}
#wnpro-site .wn-header-nav>div{color:#36564a!important}
#wnpro-site .wn-header-nav>div:not([style*="transparent"]){color:#a63c00!important;border-bottom-color:var(--wn-orange)!important}
#wnpro-site .wn-quote,#wnpro-site #wn-submit-message,#wnpro-site .wn-dedicated-cta button,#wnpro-site .wn-agency-card a,#wnpro-site .wn-hero div[style*="cursor: pointer"][style*="linear-gradient"],#wnpro-site .wn-hero div[style*="cursor:pointer"][style*="linear-gradient"]{background:linear-gradient(125deg,#ff6800,#ffb719)!important;color:#153e33!important;border-color:#ff6800!important;box-shadow:0 8px 22px -10px #a7410055!important}
#wnpro-site .wn-agency-card a{display:inline-flex;justify-content:center;align-items:center}
#wnpro-site div[style*="background-clip: text"],#wnpro-site div[style*="background-clip:text"]{background:none!important;color:#087456!important;-webkit-text-fill-color:#087456!important}
#wnpro-site .wn-social{color:#087456!important;border-color:#cfe7da;background:white}
#wnpro-site .wn-social:hover,#wnpro-site #wn-lang-switch:hover{background:#e8fff5;border-color:#087456}
#wnpro-site #wn-lang-switch{color:#15523e;border-color:#cfe7da}
#wnpro-site .wn-agency-card{border-color:#dbe9df!important;background:linear-gradient(140deg,#fffdf7,#f2fbf5)!important}
#wnpro-site .wn-dedicated{background:#fffdf7;color:#153e33}
#wnpro-site .wn-dedicated-hero{background:linear-gradient(135deg,#06382d,#11624c)!important}
#wnpro-site .wn-dedicated .wn-dedicated-hero>p{color:#ffd126}
#wnpro-site .wn-dedicated-hero>div{color:#d8f3e6}
#wnpro-site .wn-dedicated p{color:#52695e}
#wnpro-site .wn-dedicated h1,#wnpro-site .wn-dedicated-cta h2{color:white}
#wnpro-site .wn-project-sectors{background:#edfcf2;border-inline-start-color:#ff6800}
#wnpro-site .wn-project-sectors p{border-bottom-color:#d8eadf}
#wnpro-site .wn-delivery-steps article,#wnpro-site .wn-sla-grid article{border-color:#d8eadf}
#wnpro-site .wn-delivery-steps span{color:#ae4500}
#wnpro-site .wn-dedicated-cta{background:#06382d}
#wnpro-site .wn-footer-social a{color:#cbe8d7!important;border-color:#68fbd144}
#wnpro-site .wn-footer-social a:hover{color:#ffd126!important;border-color:#ffd126}
#wnpro-site :is(a,button,input,select,textarea,[role="button"]):focus-visible{outline-color:#087456!important}
#wnpro-site div:is([style*="color: transparent"],[style*="color:transparent"])[style*="linear-gradient"]{background:none!important;color:#087456!important;-webkit-text-fill-color:#087456!important}

/* Keep the homepage AI and technology imagery within the WNPRO identity. */
#wnpro-site .wn-showcase img,#wnpro-site img[src*="82193d47-64e4-480d-9617-5a5355b57380"]{filter:url(#wnpro-photo-palette)}