@font-face{font-family:CairoLocal;src:url('/assets/fonts/cairo-arabic-v31.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:CairoLocal;src:url('/assets/fonts/cairo-latin-v31.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
:root{--co-navy:#061b2b;--co-navy2:#0b2940;--co-teal:#00695c;--co-blue:#1769aa;--co-ink:#10263a;--co-muted:#536778;--co-line:#d9e6ec;--co-soft:#f4f8fa;--co-white:#fff;--co-shadow:0 18px 46px rgba(10,40,62,.09)}
html{scroll-behavior:smooth}
body.conversion-v2{margin:0;background:#fff;color:var(--co-ink);font-family:CairoLocal,Cairo,Arial,sans-serif;overflow-x:clip}
.conversion-v2 *{box-sizing:border-box}.conversion-v2 a{text-underline-offset:3px}.conversion-v2 img{max-width:100%}
.conversion-v2 .container,.conversion-v2 .co-container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.conversion-v2 .site-header{position:sticky!important;top:0!important;z-index:120!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 28px rgba(11,37,56,.06)!important}
.conversion-v2 .site-header .ms-brand-copy small{color:#0b6670!important}
.conversion-v2 .site-header .menu a.active,.conversion-v2 .site-header .menu a:hover{color:#00695c!important;border-bottom-color:#1769aa!important}
.conversion-v2 .btn-small.btn-call{background:#175fa8!important;color:#fff!important}
.conversion-v2 .btn-small.btn-wa{background:#087a3e!important;color:#fff!important}
.conversion-v2 .service-marquee{position:relative;height:48px;overflow:hidden;background:linear-gradient(90deg,#00695c,#087b88 48%,#1769aa);color:#fff}
.conversion-v2 .marquee-track{display:flex;align-items:center;width:max-content;min-width:max-content;height:100%;animation:coTickerAr 32s linear infinite}
.conversion-v2[dir=ltr] .marquee-track{animation-name:coTickerEn}
.conversion-v2 .marquee-track a{position:relative;display:inline-flex;align-items:center;height:44px;padding:0 22px;color:#fff;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.conversion-v2 .marquee-track a:after{content:"";position:absolute;inset-inline-end:0;top:13px;width:1px;height:18px;background:rgba(255,255,255,.28)}
.conversion-v2 .service-marquee:hover .marquee-track{animation-play-state:paused}
@keyframes coTickerAr{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes coTickerEn{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.co-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--co-navy);color:#fff}
.co-hero:before{content:"";position:absolute;inset:-45% -10% auto 34%;height:650px;background:radial-gradient(circle,rgba(23,105,170,.34),rgba(0,105,92,.17) 42%,transparent 69%);z-index:-1}
.co-hero-grid{min-height:570px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);align-items:center;gap:54px;padding:62px 0 68px}
.co-kicker{display:inline-flex;align-items:center;min-height:32px;padding:7px 13px;border:1px solid rgba(190,238,244,.32);border-radius:999px;background:rgba(2,24,39,.5);color:#c8f7f3;font-size:12px;font-weight:900}
.co-hero h1{max-width:720px;margin:17px 0 15px;color:#fff;font-size:clamp(39px,4.5vw,62px);line-height:1.13;letter-spacing:-.8px}
.conversion-v2[lang=en] .co-hero h1{font-size:clamp(37px,4vw,56px);letter-spacing:-1px}
.co-hero h1 span{color:#8ceaf0}.co-lead{max-width:690px;margin:0;color:#dce9ee;font-size:17px;line-height:1.9}
.co-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.co-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:900;transition:transform .2s ease,filter .2s ease}
.co-btn:hover{transform:translateY(-2px)}.co-btn-primary{background:#00695c;color:#fff;box-shadow:0 14px 30px rgba(0,105,92,.25)}.co-btn-blue{background:#1769aa;color:#fff}.co-btn-ghost{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff}
.co-trust{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.co-trust li{padding:7px 11px;border:1px solid rgba(190,238,244,.24);border-radius:999px;background:rgba(3,27,43,.46);color:#d6eaf0;font-size:12px;font-weight:800}
.co-hero-panel{padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(11,41,64,.75);box-shadow:0 30px 70px rgba(0,0,0,.25);backdrop-filter:blur(10px)}
.co-hero-panel h2{margin:0 0 7px;color:#fff;font-size:24px}.co-hero-panel>p{margin:0 0 18px;color:#d9e8ed;line-height:1.75;font-size:14px}
.co-quick-list{display:grid;gap:10px}.co-quick{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.co-quick b{display:block;font-size:14px}.co-quick small{display:block;margin-top:2px;color:#d8e8ee;font-size:11px;line-height:1.55}.co-quick-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:#0b4d59;font-weight:900;font-size:13px}
.co-section{padding:76px 0}.co-soft{background:var(--co-soft);border-block:1px solid #e5eef2}.co-section-head{max-width:820px;margin:0 auto 31px;text-align:center}
.co-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:#e4f4f1;border:1px solid #bddfd9;color:#00695c;font-size:12px;font-weight:900}
.co-section h2{margin:10px 0 10px;color:#0a2439;font-size:clamp(28px,3vw,40px);line-height:1.25}.co-section-head p{margin:0;color:var(--co-muted);font-size:16px;line-height:1.85}
.co-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.co-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.co-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.co-card{padding:24px;border:1px solid var(--co-line);border-radius:21px;background:#fff;box-shadow:0 11px 30px rgba(15,39,58,.05)}.co-card h3{margin:0 0 8px;color:#0b2c43;font-size:18px}.co-card p{margin:0;color:var(--co-muted);font-size:14px;line-height:1.8}.co-card a{color:#075c72;font-weight:900;text-decoration:none}.co-card a:hover{text-decoration:underline}
.co-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:15px;border-radius:13px;background:linear-gradient(135deg,#e0f3ef,#e9f1fb);color:#075b68;font-size:12px;font-weight:900}
.co-location{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.co-panel{padding:30px;border:1px solid var(--co-line);border-radius:26px;background:#fff;box-shadow:var(--co-shadow)}
.co-panel h3{margin:0 0 9px;color:#0b2b42;font-size:23px}.co-panel p{margin:0;color:var(--co-muted);line-height:1.85}.co-panel .co-actions{margin-top:22px}
.co-map-visual{display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:30px;border-radius:26px;background:linear-gradient(135deg,#082538,#0b6070);color:#fff;box-shadow:var(--co-shadow)}
.co-pin{display:grid;place-items:center;width:70px;height:70px;margin-bottom:20px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(255,255,255,.09);font-size:28px}.co-map-visual h3{margin:0 0 8px;color:#fff;font-size:25px}.co-map-visual p{margin:0;color:#dfedf1;line-height:1.8}
.co-service-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.co-service-links a{padding:11px 16px;border:1px solid #cadde6;border-radius:999px;background:#fff;color:#0b5060;text-decoration:none;font-size:13px;font-weight:900}.co-service-links a:hover{border-color:#75bdb8;background:#edf9f7}
.co-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;counter-reset:costep}.co-step{counter-increment:costep;position:relative;padding:25px;border:1px solid var(--co-line);border-radius:21px;background:#fff}.co-step:before{content:"0" counter(costep);display:block;margin-bottom:14px;color:#00695c;font-size:13px;font-weight:900}.co-step h3{margin:0 0 8px;color:#0b2c43}.co-step p{margin:0;color:var(--co-muted);font-size:14px;line-height:1.8}
.co-checklist{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}.co-checks{display:grid;gap:11px;margin:18px 0 0;padding:0;list-style:none}.co-checks li{position:relative;padding-inline-start:28px;color:#405b6e;line-height:1.75}.co-checks li:before{content:"✓";position:absolute;inset-inline-start:0;color:#00695c;font-weight:900}
.co-dark-panel{padding:30px;border-radius:26px;background:linear-gradient(135deg,#0a2940,#0a5b68);color:#fff}.co-dark-panel h3{margin:0 0 9px;color:#fff;font-size:23px}.co-dark-panel p{margin:0;color:#e3eff2;line-height:1.85}.co-dark-panel .co-actions{margin-top:22px}
.co-faq{max-width:900px;margin:auto;display:grid;gap:11px}.co-faq details{border:1px solid var(--co-line);border-radius:17px;background:#fff;padding:0 18px}.co-faq summary{cursor:pointer;padding:18px 2px;color:#0b2b42;font-weight:900;list-style:none}.co-faq summary::-webkit-details-marker{display:none}.co-faq summary:after{content:"+";float:inline-end;color:#00695c;font-size:20px}.co-faq details[open] summary:after{content:"−"}.co-faq p{margin:-3px 2px 18px;color:var(--co-muted);line-height:1.85;font-size:14px}
.co-cta{padding:61px 0;background:linear-gradient(135deg,#071f31,#0a4657);color:#fff}.co-cta-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.co-cta h2{margin:0 0 8px;color:#fff;font-size:clamp(26px,3vw,38px)}.co-cta p{max-width:720px;margin:0;color:#dcebee;line-height:1.8}.co-cta .co-actions{margin:0;justify-content:flex-end}
.co-floating{position:fixed;z-index:150;inset-inline-start:16px;bottom:18px;display:grid;gap:8px}.co-floating a{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 14px;border-radius:999px;color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 12px 28px rgba(6,27,43,.2)}.co-float-wa{background:#087a3e}.co-float-call{background:#175fa8}
.conversion-v2 .back-top{border:0}
.conversion-v2[dir=rtl] .back-top{left:16px!important;right:auto!important}
.conversion-v2[dir=ltr] .back-top{right:16px!important;left:auto!important}
.conversion-v2 .footer img[src*="logo-mark-v67.webp"]{width:100px!important;height:auto!important}
@media(max-width:980px){.co-hero-grid{grid-template-columns:1fr 360px;gap:30px}.co-grid-4{grid-template-columns:repeat(2,1fr)}.co-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
.conversion-v2 .container,.conversion-v2 .co-container{width:calc(100% - 28px)}.conversion-v2 .topbar{display:none}.conversion-v2 .service-marquee{height:52px}
.co-hero-grid{min-height:0;grid-template-columns:1fr;gap:28px;padding:42px 0 58px}.co-hero h1,.conversion-v2[lang=en] .co-hero h1{font-size:clamp(31px,8.7vw,43px);letter-spacing:-.4px}.co-lead{font-size:15px}.co-actions{display:grid;grid-template-columns:1fr;width:100%}.co-btn{width:100%}.co-hero-panel{padding:20px}.co-section{padding:55px 0}.co-section-head{text-align:start}.co-section h2{font-size:28px}.co-grid-4,.co-grid-3,.co-grid-2,.co-location,.co-steps,.co-checklist,.co-cta-grid{grid-template-columns:1fr}.co-card,.co-panel,.co-dark-panel{padding:21px}.co-service-links{justify-content:flex-start}.co-cta .co-actions{justify-content:stretch}.co-floating a{min-width:48px;height:48px;padding:0 12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.conversion-v2 .marquee-track{animation:none}.co-btn{transition:none}}