/* 2youma Recruitment — shared identity. Artwork and logo are local assets. */
@font-face{font-family:MadaTajawal;src:url('../../cv-system/assets/fonts/Tajawal-Medium.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--primary:#1c2c6e;--primary-600:#182761;--navy:#141f4e;--navy-2:#1c2c6e;--heading:#141f4e;--light:#f0f2f7;--light-2:#f6f7fa;--border:#e0e2ed;--orange:#d6a229;--grad:linear-gradient(110deg,#182761,#1c2c6e);--grad-diag:linear-gradient(120deg,#141f4e,#1c2c6e 60%,#1c2c6e);--font:'Cairo',MadaTajawal,system-ui,sans-serif}
body{background:#fff;color:#5f6576}
.site-header{border-bottom:1px solid #e0e2ed;box-shadow:0 7px 24px #141f4e08}
.logo{gap:10px;flex-shrink:0}.brand-logo{width:60px;height:60px;object-fit:contain;border-radius:50%;background:white;flex:none}.logo-text{color:var(--navy);font-size:21px;line-height:1.3}.logo-text small{color:var(--primary);letter-spacing:0;font-size:13px;margin-top:3px}.site-footer .logo-text,.site-footer .logo-text small{color:white}
.site-footer{background:linear-gradient(120deg,#0b112b,#0e1738)!important}.site-footer .brand-logo{width:68px;height:68px}.pill{color:#182761;background:#f0f2f7}.btn-dark{background:var(--grad);box-shadow:0 9px 24px #1c2c6e29}.btn-orange{background:var(--navy-2);box-shadow:0 9px 24px #1c2c6e29}.btn-outline:hover{background:var(--light)}
.main-nav .nav-ic{color:var(--primary)}.main-nav a.active,.main-nav .dd-toggle.active{color:var(--primary)}
.page-hero.mada-hero{background:radial-gradient(ellipse at 95% 10%,#1c2c6e19,transparent 50%),linear-gradient(120deg,#f0f2f7,#fafbf9);padding:38px 0;text-align:start;color:#5f6576;border-bottom:1px solid #e0e2ed}
.page-hero.mada-hero::before{width:370px;height:370px;background:transparent;border:1px solid #1c2c6e2b;top:-190px;inset-inline-end:-100px}.page-hero.mada-hero::after{display:none}
.mada-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;position:relative}
.mada-hero-copy{padding-block:15px;min-width:0}.brand-eyebrow{display:block;color:#182761;font-size:13px;font-weight:800;margin-bottom:12px;letter-spacing:.2px}.brand-eyebrow::before{content:'';display:inline-block;width:26px;height:3px;background:#1c2c6e;vertical-align:middle;margin-inline-end:10px;border-radius:3px}
.page-hero.mada-hero h1{color:var(--navy);font-size:clamp(27px,3vw,42px);line-height:1.5;padding:0;margin:0 0 15px}.page-hero.mada-hero h1::after{display:none}.page-hero.mada-hero p{color:#5f6576;opacity:1;line-height:1.95;font-size:16px;max-width:43ch;margin:16px 0 0}
.page-hero.mada-hero .crumbs{background:#fff;border:1px solid #e0e2ed;color:#5f6576;padding:5px 14px;display:inline-flex;flex-wrap:wrap;font-size:12px;backdrop-filter:none}.page-hero.mada-hero .crumbs a{color:#182761}
.mada-hero-art{margin:0;position:relative;border-radius:28px 70px 28px 28px;overflow:hidden;border:6px solid #fff;box-shadow:0 22px 50px -28px #141f4e70;background:#f4f1ea;isolation:isolate}.mada-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.mada-hero-art::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #141f4e10;border-radius:inherit}
.hero.mada-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;min-height:600px;padding:65px max(24px,calc((100vw - 1288px)/2));background:radial-gradient(ellipse at 90% 0,#1c2c6e18,transparent 55%),#f0f2f7;text-align:start;color:var(--navy)}
.mada-home .hero-bg{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;aspect-ratio:3/2;background:#f4f1ea;border:7px solid #fff;border-radius:35px 90px 35px 35px;overflow:hidden;animation:none;box-shadow:0 25px 60px -35px #141f4e80}
.mada-home .hero-bg .hero-poster{position:static;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;opacity:1}.mada-home .hero-bg::after,.mada-home::after,.mada-home .hero-grid,.mada-home .orb,.mada-home .scroll-hint{display:none!important}
.mada-home .hero-content{grid-column:1;grid-row:1;padding:0;max-width:none}.mada-home .hero-badge{color:#182761;background:#fff;border:1px solid #d5d9e8}.mada-home h1{font-size:clamp(36px,4vw,58px);color:var(--navy);line-height:1.5;white-space:pre-line;margin:18px 0}.mada-home p{color:#5f6576;font-size:17px;line-height:1.95}.mada-home .hero-actions{justify-content:flex-start;gap:10px;margin-top:26px}.mada-home .btn-white{color:#fff;background:var(--grad)}.mada-home .btn-glass{color:var(--navy-2);background:#fff;border:1px solid #dcd9ec}
.service-card,.feat-card,.c-card,.cv-card,.blog-card{border-color:#e0e2ed}.service-card .si,.feat-card .fi,.feat-list .fi{background:#f0f2f7;color:#1c2c6e}.service-card img,.blog-card img,.why-media img{filter:none}.service-card:has(img){background:#f3f8f6}.why-media .frame{background:linear-gradient(135deg,#1c2c6e,#1c2c6e)}
.rcv{--rcv-brand:#1c2c6e!important;--rcv-accent:#1c2c6e!important;--rcv-ink:#141f4e;--rcv-muted:#5f6576;--rcv-line:#e0e2ed;--rcv-soft:#f0f2f7}.hv2-badge.is-new{background:linear-gradient(135deg,#1c2c6e,#223067)}.hv2-img{background:linear-gradient(135deg,#f0f2f7,#e0e2ec)}.hv2-salary{background:#f0f2f7;border-color:#e0e2ed}
.trk-hero.mada-hero{padding-bottom:55px}.trk .trk-search{margin-top:0}.brand-intro{max-width:46ch}
@media(min-width:1025px) and (max-width:1300px){.brand-logo{width:48px;height:48px}.site-header .logo-text{font-size:18px}.site-header .logo{gap:7px}}
@media(max-width:1024px){.mada-hero-grid{gap:28px}.hero.mada-home{gap:28px;min-height:520px}.mada-home h1{font-size:38px}.brand-logo{width:50px;height:50px}.logo-text{font-size:19px}.mada-home .hero-actions{gap:8px}.mada-home .hero-actions .btn{font-size:12px;padding:10px 13px}}
@media(max-width:700px){.site-header .container{padding-inline:14px;gap:8px}.site-header .logo{gap:6px}.brand-logo{width:43px;height:43px}.site-header .logo-text{font-size:16px!important}.site-header .logo-text small{font-size:10px}.header-actions{gap:4px!important}.header-actions .hdr-act{width:39px;min-width:39px;height:43px;padding:0}.header-actions .lang-btn{width:32px;padding:0;font-size:11px}.header-actions .lang-btn .ic{display:none}.header-actions .burger{width:36px;height:40px}.page-hero.mada-hero{padding:25px 0 28px}.mada-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px;padding-inline:20px}.mada-hero-copy{padding:0}.brand-eyebrow{font-size:11px;margin-bottom:7px}.page-hero.mada-hero h1{font-size:27px;margin-bottom:9px}.page-hero.mada-hero p{font-size:14px;line-height:1.9;margin-top:10px}.mada-hero-art{border-width:4px;border-radius:20px 48px 20px 20px;width:100%;max-width:520px;margin-inline:auto}.hero.mada-home{grid-template-columns:minmax(0,1fr);padding:32px 20px 30px;min-height:0;gap:26px}.mada-home .hero-content{grid-column:1;grid-row:1}.mada-home .hero-bg{grid-column:1;grid-row:2;max-width:520px;margin-inline:auto;border-radius:24px 60px 24px 24px;border-width:4px}.mada-home h1{font-size:35px;line-height:1.5;margin:14px 0}.mada-home p{font-size:15px}.mada-home .hero-actions{margin-top:20px}.mada-home .hero-actions .btn{font-size:12px;padding:11px 12px;flex-grow:1}.mada-home .hero-badge{font-size:12px}.trk-hero.mada-hero{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.mada-home .hero-content>*{animation:none;opacity:1;transform:none}}
@media print{.mada-hero-art,.mada-home .hero-bg{display:none}.mada-hero-grid{display:block}}
@media(max-width:700px){html[lang=en] .header-actions .hdr-mini{font-size:9px!important}html[lang=en] .site-header .logo-text{font-size:15px!important}html[lang=en] .site-header .logo-text small{font-size:10px}}

html[dir=ltr] .rcv{direction:ltr;text-align:left}html[dir=ltr] .rcv th,html[dir=ltr] .rcv td{text-align:start}

/* V3 — complete photographic banners, with content integrated into the scene. */
.mada-immersive{--hero-ink:#161f42;--hero-edge:#1c2c6e;isolation:isolate}
.page-hero.mada-immersive,.hero.mada-home.mada-immersive{display:block;position:relative;background:linear-gradient(125deg,#161f42 20%,#182249 68%,#1c2c6e);color:#fff;padding:0;min-height:0;text-align:start;overflow:hidden;border:0}
.page-hero.mada-immersive::before,.page-hero.mada-immersive::after{display:none}
.mada-immersive .mada-hero-grid{position:static;display:block;width:100%;max-width:1320px;min-height:510px;padding:0 36px;margin:auto}
.mada-immersive .mada-hero-copy,.mada-immersive .hero-content{position:relative;z-index:2;width:49%;max-width:none;padding:38px 0 42px;min-height:510px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-area:auto}
.mada-immersive .mada-hero-art,.mada-immersive .hero-bg{position:absolute;inset:0 0 auto auto;inset-inline-start:auto;inset-inline-end:0;width:54%;height:calc(100% - 87px);max-width:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none;z-index:0;overflow:hidden;background:#d5ded7;animation:none}
.mada-immersive .mada-hero-art img,.mada-immersive .hero-bg .hero-poster{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;opacity:1;display:block}
.mada-immersive .mada-hero-art::after,.mada-immersive .hero-bg::after{display:block!important;content:'';position:absolute;inset:0;border:0;border-radius:0;background:linear-gradient(to left,#161f43 0%,rgba(22,31,67,.88) 2%,rgba(22,31,67,0) 26%),linear-gradient(0deg,rgba(22,31,66,.42),transparent 35%);pointer-events:none}
html[dir=ltr] .mada-immersive .mada-hero-art::after,html[dir=ltr] .mada-immersive .hero-bg::after{background:linear-gradient(to right,#161f43 0%,rgba(22,31,67,.88) 2%,rgba(22,31,67,0) 26%),linear-gradient(0deg,rgba(22,31,66,.42),transparent 35%)}
.mada-immersive .brand-eyebrow,.mada-immersive .hero-badge{color:#c9cde0;display:inline-flex;align-items:center;font-size:12px;letter-spacing:.3px;background:rgba(255,255,255,.07);padding:7px 13px;border:1px solid #ffffff26;border-radius:6px;margin:0 0 18px;line-height:1.5}
.mada-immersive .brand-eyebrow::before{width:6px;height:6px;background:#7584bd;margin-inline-end:8px;border-radius:50%}
.mada-hero-kicker{font-size:13px;color:#858dad;font-weight:500;display:block;margin-bottom:5px}
.page-hero.mada-immersive h1,.hero.mada-immersive h1{color:#fff;font-size:clamp(30px,3.25vw,48px);font-weight:800;line-height:1.45;margin:0 0 16px;padding:0;max-width:19ch;text-wrap:balance}
.page-hero.mada-immersive p,.hero.mada-immersive p{color:#e0e2ea;opacity:1;font-size:16px;line-height:1.9;max-width:43ch;margin:0;padding-inline-end:18px;text-wrap:pretty}
.page-hero.mada-immersive .crumbs{order:-1;border:0;background:none;color:#838caf;padding:0;margin:0 0 22px!important;border-radius:0;font-size:11px;line-height:1.8;gap:6px;box-shadow:none}
.page-hero.mada-immersive .crumbs a{color:#838caf}.mada-immersive .crumbs span:last-child{color:#fff}
.mada-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:27px}
.mada-hero-primary,.mada-hero-secondary{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:11px 20px;border-radius:9px;font-size:13px;font-weight:700;line-height:1.7;transition:background .2s,transform .2s}
.mada-hero-primary{color:#151e3f;background:#7584bd;border:1px solid #7584bd;box-shadow:0 8px 25px #0002}.mada-hero-primary:hover{color:#151e3f;background:#d0d4e5;transform:translateY(-2px)}
.mada-hero-secondary{color:white;background:#ffffff09;border:1px solid #ffffff50}.mada-hero-secondary:hover{color:#fff;background:#ffffff1c}.mada-action-arrow{font:22px system-ui;line-height:1}
.mada-immersive a:focus-visible{outline:3px solid #7584bd;outline-offset:5px}
.mada-hero-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-height:87px;padding:18px max(36px,calc((100% - 1248px)/2));border-top:1px solid #ffffff25;background:linear-gradient(90deg,#182456,#182248 70%,#172045)}
.mada-hero-fact{display:flex;align-items:center;justify-content:center;gap:13px;color:#f0f2f7;font-size:13px;font-weight:600;padding-inline:14px}.mada-hero-fact+.mada-hero-fact{border-inline-start:1px solid #ffffff20}
.mada-fact-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;color:#7584bd;border:1px solid #ffffff20;background:#ffffff08}.mada-fact-icon svg{width:23px;height:23px}
.hero.mada-home.mada-immersive .hero-content{margin-inline-start:max(36px,calc((100% - 1248px)/2));width:45%;min-height:550px}.hero.mada-immersive h1{font-size:clamp(38px,4vw,58px);max-width:16ch}.mada-immersive .hero-content>*{opacity:1;transform:none;animation:none}
.mada-immersive .hero-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:27px;gap:9px}.mada-immersive .hero-actions .btn{font-size:12px;padding:12px 14px;border-radius:9px;min-height:48px}.mada-immersive .hero-actions .btn-white{background:#7584bd;color:#151e3f}.mada-immersive .hero-actions .btn-orange,.mada-immersive .hero-actions .btn-glass{background:#ffffff0d;border:1px solid #ffffff50;color:#fff;box-shadow:none}
#mada-details,#packages,#contact,#trkForm{scroll-margin-top:110px}
@media(min-width:1600px){.mada-immersive .mada-hero-art img,.mada-immersive .hero-bg .hero-poster{object-fit:contain}}
@media(max-width:1024px) and (min-width:701px){.mada-immersive .mada-hero-grid{padding-inline:26px}.mada-immersive .mada-hero-copy{width:52%}.mada-immersive .mada-hero-art,.mada-immersive .hero-bg{width:51%}.page-hero.mada-immersive h1{font-size:33px}.mada-hero-actions{gap:8px}.mada-hero-primary,.mada-hero-secondary{padding:10px 13px;font-size:12px}.mada-hero-facts{padding-inline:18px}.mada-hero-fact{font-size:12px;gap:9px}.hero.mada-home.mada-immersive .hero-content{margin-inline-start:26px;width:48%}}
@media(max-width:700px){
 .mada-immersive .mada-hero-grid{display:flex;flex-direction:column;padding:0;min-height:0}
 .mada-immersive .mada-hero-art,.mada-immersive .hero-bg{position:relative;inset:auto;inset-inline:auto;order:-1;width:100%;height:auto;aspect-ratio:3/2;max-width:none;border:0;border-radius:0;margin:0}
 .mada-immersive .mada-hero-art img,.mada-immersive .hero-bg .hero-poster{object-fit:contain;aspect-ratio:3/2;height:auto;width:100%;position:static}
 .mada-immersive .mada-hero-art::after,.mada-immersive .hero-bg::after,html[dir=ltr] .mada-immersive .mada-hero-art::after,html[dir=ltr] .mada-immersive .hero-bg::after{background:linear-gradient(0deg,#161f42 0%,#161f4222 28%,transparent 48%)}
 .page-hero.mada-immersive,.hero.mada-home.mada-immersive{background:#161f42}
 .mada-immersive .mada-hero-copy,.hero.mada-home.mada-immersive .hero-content{width:100%;min-height:0;margin:-12px 0 0;padding:0 22px 26px;position:relative;box-sizing:border-box}
 .page-hero.mada-immersive h1,.hero.mada-immersive h1{font-size:30px;line-height:1.45;max-width:100%;margin-bottom:11px}.hero.mada-immersive h1{font-size:35px}
 .page-hero.mada-immersive p,.hero.mada-immersive p{font-size:14px;line-height:1.85;max-width:100%;padding:0}
 .page-hero.mada-immersive .crumbs{font-size:10px;gap:4px;margin:0 0 14px!important}
 .mada-immersive .brand-eyebrow,.mada-immersive .hero-badge{font-size:10px;padding:5px 9px;margin-bottom:12px}.mada-hero-kicker{font-size:11px;margin-bottom:4px}
 .mada-hero-actions{width:100%;gap:9px;margin-top:20px}.mada-hero-primary,.mada-hero-secondary{font-size:12px;padding:11px 13px;gap:10px;min-height:47px;flex:1;text-align:center}
 .mada-hero-facts{min-height:88px;padding:15px 10px;gap:0;background:linear-gradient(110deg,#161f42,#172457)}.mada-hero-fact{flex-direction:column;gap:7px;font-size:10px;line-height:1.6;text-align:center;padding:0 6px}.mada-fact-icon{width:30px;height:30px;border-radius:9px}.mada-fact-icon svg{width:18px;height:18px}
 .mada-immersive .hero-actions{margin-top:20px;width:100%;gap:8px}.mada-immersive .hero-actions .btn{flex:1;font-size:11px;padding:10px 8px;gap:6px}.mada-immersive .hero-actions .btn-ico{display:none}
}

/* V38: قائمة واضحة على الكمبيوتر، ووسائط السليدر المتجاوبة. */
.site-header .burger{display:grid!important;visibility:visible!important;opacity:1!important;width:42px;height:42px;flex:0 0 42px}
.hero-bg .hero-picture,.hero-bg .hero-picture img{display:block;width:100%;height:100%}
.hero-bg .hero-slider-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:0}
.hero-bg .hero-picture{position:absolute;inset:0;z-index:0}
.hero-bg .hero-poster{transition:opacity .55s ease,transform 8s cubic-bezier(.2,.7,.2,1);transform:scale(1.02)}
.hero-bg .hero-poster.is-changing{opacity:.15;transform:scale(1.08)}
.hero.has-hero-video .hero-grid{z-index:1}.hero.has-hero-video .hero-content,.hero.has-hero-video .scroll-hint{z-index:3}
.mada-slide-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.mada-hero-art:has(.mada-slide-video) img{display:none}
.map{position:relative;background:linear-gradient(135deg,#f8f9fb,#f6f7fa);isolation:isolate}
.map.is-map-loading::before{content:'جارٍ تجهيز الخريطة…';position:absolute;inset:0;display:grid;place-items:center;color:#182761;font-weight:800;background:linear-gradient(135deg,#f8f9fbcc,#f6f7facc);z-index:1;pointer-events:none;animation:mapPulse 1.5s ease-in-out infinite}
.map iframe{position:relative;z-index:2;display:block}
.map.is-map-loading iframe{opacity:.7}.map:not(.is-map-loading) iframe{opacity:1;transition:opacity .25s ease}
@keyframes mapPulse{50%{opacity:.55}}
.steps-showcase .tl-item{will-change:transform,opacity}
@media(prefers-reduced-motion:no-preference){
 .steps-showcase .tl-item.in .tl-dot{animation:stepDot .7s cubic-bezier(.2,.8,.2,1) both}
 .steps-showcase .tl-item.in .tl-ic{animation:stepIcon 1.1s ease .15s both}
 @keyframes stepDot{from{transform:scale(.72) rotate(-8deg);opacity:.2}to{transform:scale(1) rotate(0);opacity:1}}
 @keyframes stepIcon{0%{transform:translateY(8px);opacity:.2}60%{transform:translateY(-3px)}100%{transform:none;opacity:1}}
}
@media(max-width:700px){.site-header .burger{width:38px;height:40px;flex-basis:38px}.hero-bg .hero-poster{transform:none}.hero-bg .hero-slider-video{display:none!important}.mada-slide-video{display:none!important}.mada-hero-art:has(.mada-slide-video) img{display:block}}
@media(prefers-reduced-motion:no-preference){.mada-immersive .mada-hero-copy,.mada-immersive .hero-content{animation:madaBannerEnter .65s ease-out both}@keyframes madaBannerEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media print{.mada-immersive .mada-hero-facts,.mada-hero-actions,.mada-hero-kicker{display:none}.mada-immersive .mada-hero-copy{width:100%;min-height:0}.page-hero.mada-immersive{background:white}.page-hero.mada-immersive h1,.page-hero.mada-immersive p{color:#111}}
/* Reset inherited hero grid alignment, including block-axis alignment in newer browsers. */
.hero.mada-home.mada-immersive{place-items:normal;align-items:normal;justify-items:normal}
.mada-immersive .mada-hero-facts{width:100%;box-sizing:border-box}
.hero.mada-home.mada-immersive .hero-bg::after{background:linear-gradient(to left,#161f43 0%,rgba(22,31,67,.88) 2%,rgba(22,31,67,0) 26%),linear-gradient(0deg,rgba(22,31,66,.42),transparent 35%)}
html[dir=ltr] .hero.mada-home.mada-immersive .hero-bg::after{background:linear-gradient(to right,#161f43 0%,rgba(22,31,67,.88) 2%,rgba(22,31,67,0) 26%),linear-gradient(0deg,rgba(22,31,66,.42),transparent 35%)}
@media(max-width:700px){.hero.mada-home.mada-immersive .hero-bg::after,html[dir=ltr] .hero.mada-home.mada-immersive .hero-bg::after{background:linear-gradient(0deg,#161f42 0%,#161f4222 28%,transparent 48%)}}

/* 2youma Recruitment visual identity — supplied black/red horse mark. */
:root{--primary:#1c2c6e;--primary-600:#182761;--navy:#141f4e;--navy-2:#1c2c6e;--heading:#141f4e;--light:#f0f2f7;--light-2:#fcfdfd;--border:#e0e2ed;--orange:#d6a229;--grad:linear-gradient(118deg,#141f4e,#1c2c6e);--grad-diag:linear-gradient(135deg,#141f4e 0%,#0f183b 56%,#1c2c6e 100%)}
body{color:#53565e;background:#fff}
.site-header{border-bottom-color:#e0e2ed;box-shadow:0 8px 28px rgba(20,31,78,.10);background:rgba(255,255,255,.97)}
.brand-logo{border-radius:14px;background:#fff;border:1px solid #e0e2ed;padding:3px;object-fit:contain;box-shadow:0 5px 14px rgba(20,31,78,.08)}
.logo-text{color:#141f4e}.logo-text small{color:#1c2c6e}.site-footer{background:linear-gradient(135deg,#0b112b,#0e1738 62%,#1c2c6e)!important}.site-footer .brand-logo{border-color:#ffffff40}
.pill{color:#182761;background:#e8eaf2}.btn-dark{background:var(--grad);box-shadow:0 10px 26px #1c2c6e33}.btn-orange{background:#1c2c6e;box-shadow:0 10px 26px #1c2c6e2b}.btn-outline:hover{background:#f0f2f7}
.main-nav .nav-ic,.main-nav a.active,.main-nav .dd-toggle.active{color:#1c2c6e}
.page-hero.mada-hero{background:radial-gradient(ellipse at 95% 10%,#1c2c6e17,transparent 50%),linear-gradient(120deg,#eff0f6,#fafafa);border-bottom-color:#e0e2ed}
.page-hero.mada-hero::before{border-color:#1c2c6e30}.brand-eyebrow{color:#182761}.brand-eyebrow::before{background:#1c2c6e}
.page-hero.mada-hero h1,.mada-home h1{color:#141f4e}.page-hero.mada-hero .crumbs{border-color:#e0e2ed}.page-hero.mada-hero .crumbs a{color:#182761}
.mada-hero-art{box-shadow:0 22px 50px -28px #141f4e70}.hero.mada-home{background:radial-gradient(ellipse at 90% 0,#1c2c6e18,transparent 55%),#eff0f6;color:#141f4e}.mada-home .hero-bg{box-shadow:0 25px 60px -35px #141f4e80}
.mada-home .hero-badge{color:#182761;background:#fff;border-color:#d7dbe9}.mada-home .btn-white{background:var(--grad)}.mada-home .btn-glass{color:#1c2c6e;border-color:#e0e2ed}
.service-card,.feat-card,.c-card,.cv-card,.blog-card{border-color:#e0e2ed}.service-card .si,.feat-card .fi,.feat-list .fi{background:#e8eaf2;color:#1c2c6e}.service-card:has(img){background:#f4f5f9}.why-media .frame{background:linear-gradient(135deg,#1c2c6e,#141f4e)}
.rcv{--rcv-brand:#1c2c6e!important;--rcv-accent:#1c2c6e!important;--rcv-ink:#141f4e;--rcv-muted:#53565e;--rcv-line:#e0e2ed;--rcv-soft:#f0f2f7}.hv2-badge.is-new{background:linear-gradient(135deg,#141f4e,#1c2c6e)}.hv2-img{background:linear-gradient(135deg,#eff0f6,#e9ebf3)}.hv2-salary{background:#f0f2f7;border-color:#e0e2ed}
.mada-immersive{--hero-ink:#141f4e;--hero-edge:#1c2c6e}.page-hero.mada-immersive,.hero.mada-home.mada-immersive{background:linear-gradient(125deg,#141f4e 18%,#10162f 62%,#1c2c6e);color:#fff}.mada-immersive .mada-hero-art::after,.mada-immersive .hero-bg::after{background:linear-gradient(to left,#141f4e 0%,rgba(20,31,78,.88) 2%,rgba(20,31,78,0) 26%),linear-gradient(0deg,rgba(17,27,66,.46),transparent 35%)}
.page-hero.mada-immersive h1,.hero.mada-immersive h1{color:#fff}.mada-hero-primary{color:#141f4e;background:#fff;border-color:#fff;box-shadow:0 8px 25px #0003}.mada-hero-primary:hover{color:#141f4e;background:#f0f2f7}.mada-hero-secondary{border-color:#ffffff55}.mada-immersive a:focus-visible{outline-color:#7584bd}.mada-hero-facts{background:linear-gradient(90deg,#141f4e,#111732 70%,#182761)}.mada-fact-icon{color:#7584bd}
.mada-immersive .hero-actions .btn-white{background:#fff;color:#141f4e}.mada-immersive .hero-actions .btn-orange,.mada-immersive .hero-actions .btn-glass{background:#ffffff10;border-color:#ffffff55;color:#fff}
.site-footer a:hover,.site-footer .footer-link:hover{color:#7584bd!important}
@media(max-width:700px){.page-hero.mada-immersive,.hero.mada-home.mada-immersive{background:#141f4e}.mada-immersive .mada-hero-art::after,.mada-immersive .hero-bg::after,html[dir=ltr] .mada-immersive .mada-hero-art::after,html[dir=ltr] .mada-immersive .hero-bg::after{background:linear-gradient(0deg,#141f4e 0%,#141f4e22 28%,transparent 48%)}.mada-hero-facts{background:linear-gradient(110deg,#141f4e,#192864)}}
.hero.mada-home.mada-reference,.hero.mada-home.mada-reference .hero-bg{background:#141f4e}.hero.mada-home.mada-reference .hero-bg::after,html[dir=ltr] .hero.mada-home.mada-reference .hero-bg::after{background:linear-gradient(180deg,rgba(20,31,78,.58),rgba(12,19,47,.82))}.hero.mada-home.mada-reference .hero-actions .btn-white{color:#141f4e}.hero.mada-home.mada-reference .hero-actions .btn-orange{background:#1c2c6e;border-color:#6f7eb9;box-shadow:0 8px 30px #1c2c6e45}.hero.mada-home.mada-reference .btn-white .btn-ico{background:#e8eaf2;color:#1c2c6e}

/* Full-screen home slider: identical edge-to-edge treatment on desktop, tablet and mobile. */
.hero.mada-home.mada-reference{width:100%;height:calc(100svh - 78px);min-height:560px;max-height:none;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero.mada-home.mada-reference .hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;display:block!important;overflow:hidden;background:#141f4e}
.hero.mada-home.mada-reference .hero-bg .hero-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;opacity:1;transition:opacity .65s ease,transform 8s ease;transform:scale(1.01)}
.hero.mada-home.mada-reference .hero-bg .hero-poster.is-changing{opacity:.08;transform:scale(1.05)}
.hero.mada-home.mada-reference .hero-bg::after{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:1;background:linear-gradient(180deg,rgba(20,31,78,.36),rgba(20,31,78,.80))!important;border:0!important}
.hero.mada-home.mada-reference .hero-content{position:relative!important;z-index:3!important;width:min(94%,920px)!important;max-width:920px!important;margin:0 auto!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.hero.mada-home.mada-reference .hero-content>*{margin-inline:auto}
.hero.mada-home.mada-reference .hero-badge{justify-content:center}.hero.mada-home.mada-reference h1{max-width:920px;margin:16px auto 20px;text-align:center;white-space:normal!important;overflow-wrap:normal;word-break:normal}.hero.mada-home.mada-reference .hero-title-line{display:block}.hero.mada-home.mada-reference .hero-title-sub{font-size:.64em;line-height:1.45;font-weight:700;margin-top:.32em;letter-spacing:0}.hero.mada-home.mada-reference p{max-width:58ch;margin-inline:auto;text-align:center}.hero.mada-home.mada-reference .hero-actions{width:100%;justify-content:center;align-items:center;margin-inline:auto}
.hero.mada-home.mada-reference .hero-grid{display:none!important}.hero.mada-home.mada-reference .scroll-hint{z-index:4}
@media(max-width:700px){.hero.mada-home.mada-reference{height:calc(100svh - 64px);min-height:560px}.hero.mada-home.mada-reference .hero-bg .hero-poster{object-position:58% center!important}.hero.mada-home.mada-reference .hero-content{width:100%!important;padding:20px 16px!important}.hero.mada-home.mada-reference h1{max-width:100%;font-size:clamp(30px,8vw,42px);line-height:1.24;margin:12px auto 14px}.hero.mada-home.mada-reference .hero-title-sub{font-size:.61em;line-height:1.55;max-width:19ch;margin-inline:auto}.hero.mada-home.mada-reference p{max-width:36ch;font-size:14px}.hero.mada-home.mada-reference .hero-actions{max-width:440px;gap:8px}.hero.mada-home.mada-reference .hero-actions .btn{min-height:48px}}
@media(max-height:620px) and (orientation:landscape){.hero.mada-home.mada-reference{min-height:480px;height:calc(100svh - 64px)}.hero.mada-home.mada-reference .hero-content{padding-block:8px!important}.hero.mada-home.mada-reference h1{font-size:30px;margin-block:6px 8px}.hero.mada-home.mada-reference p{font-size:12px}.hero.mada-home.mada-reference .hero-actions{margin-top:12px}}
.svc-card{height:340px;border-radius:28px;background:linear-gradient(145deg,#141f4e,#192864);border:1px solid #e0e2ed;box-shadow:0 18px 42px -28px rgba(20,31,78,.7);padding:24px;isolation:isolate}.svc-card::after{background:linear-gradient(180deg,rgba(20,31,78,.02) 18%,rgba(20,31,78,.88) 100%),linear-gradient(135deg,rgba(28,44,110,.18),transparent 58%)}.svc-card.has-photo::after{background:linear-gradient(180deg,rgba(20,31,78,0) 18%,rgba(20,31,78,.92) 100%),linear-gradient(135deg,rgba(28,44,110,.22),transparent 58%)}.svc-card .slot{filter:saturate(.92) contrast(1.02)}.svc-card h3{font-size:19px;text-shadow:0 3px 16px #0008}.svc-card p{font-size:13px;color:#f0f2f7}.svc-card:hover{transform:translateY(-8px);box-shadow:0 26px 56px -28px rgba(28,44,110,.45)}

/* Hero typography: keep the two promises readable instead of inheriting old pre-line breaks. */
.hero.mada-home.mada-reference .hero-title-line{display:block;white-space:nowrap;text-wrap:balance}
.hero.mada-home.mada-reference .hero-title-sub{color:#fff;opacity:.96}
@media(max-width:700px){.hero.mada-home.mada-reference .hero-title-line{white-space:normal;max-width:100%}.hero.mada-home.mada-reference .hero-title-sub{max-width:19ch}}

/* Steps showcase: a clearer journey with branded milestone cards and a continuous path. */
.steps-showcase{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f9fafc 100%)}
.steps-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 12% 20%,#1c2c6e18 0 2px,transparent 3px),radial-gradient(circle at 84% 72%,#1c2c6e16 0 2px,transparent 3px);background-size:34px 34px,42px 42px}
.steps-showcase .container{position:relative;z-index:1}.steps-showcase .sec-head{max-width:720px;margin-inline:auto}.steps-showcase .sec-head p{max-width:560px;margin-inline:auto}
.steps-showcase .timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:42px;padding:24px 0 10px}
.steps-showcase .timeline::before{content:"";position:absolute;top:55px;inset-inline:8%;height:4px;border-radius:999px;background:linear-gradient(90deg,#1c2c6e,#141f4e,#1c2c6e);box-shadow:0 0 0 6px #fff,0 9px 24px #1c2c6e30}
.steps-showcase .tl-item{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:12px!important;min-width:0;z-index:1}.steps-showcase .tl-item.up,.steps-showcase .tl-item.down{transform:none!important}
.steps-showcase .tl-dot{order:-1;display:grid;place-items:center;width:58px;height:58px;border:5px solid #fff;border-radius:50%;background:linear-gradient(145deg,#141f4e,#1c2c6e);color:#fff;font-size:20px;font-weight:900;box-shadow:0 0 0 2px #e0e2ed,0 12px 26px #141f4e25}
.steps-showcase .tl-box{display:flex;flex-direction:column;align-items:center;width:100%;min-height:178px;padding:18px 14px;border:1px solid #e0e2ed;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 40px -28px #141f4e80;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.steps-showcase .tl-box:hover{transform:translateY(-7px);border-color:#1c2c6e;box-shadow:0 24px 46px -28px #1c2c6e80}
.steps-showcase .tl-ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:11px;border-radius:16px;background:#e8eaf2;color:#1c2c6e}.steps-showcase .tl-ic .ic{width:25px;height:25px}.steps-showcase .tl-box p{margin:0;color:#1c2c6e;font-size:13px;line-height:1.85;font-weight:700}.steps-showcase .pay-logos{display:flex;gap:4px;margin:-4px 0 10px}.steps-showcase .pay-logos span{padding:3px 6px;border-radius:6px;background:#ecedf4;color:#182761;font:800 9px/1 system-ui}
@media(max-width:800px){.steps-showcase .timeline{grid-template-columns:1fr;gap:0;margin-top:30px;padding:0 8px}.steps-showcase .timeline::before{top:34px;bottom:34px;inset-inline-start:36px;inset-inline-end:auto;width:4px;height:auto}.steps-showcase .tl-item{display:grid!important;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:12px!important;margin-bottom:14px}.steps-showcase .tl-dot{grid-column:1;grid-row:1;width:58px;height:58px}.steps-showcase .tl-box{grid-column:2;grid-row:1;min-height:0;align-items:flex-start;text-align:start;padding:16px}.steps-showcase .tl-ic{margin-bottom:8px}.steps-showcase .tl-box p{font-size:13px}.steps-showcase .pay-logos{margin-inline:0}}

/* Customer reviews: premium cards that still work with live reviews from the dashboard. */
.reviews-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f9f9fb 52%,#f7f7f8 100%)}
.reviews-section::after{content:"“";position:absolute;inset-inline-start:5%;top:-35px;color:#1c2c6e12;font:900 280px/1 Georgia,serif;pointer-events:none}.reviews-section .container{position:relative;z-index:1}.reviews-section .sec-head{max-width:650px;margin-inline:auto}.reviews-section .sec-head p{max-width:560px;margin-inline:auto}.reviews-section .rv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.reviews-section .rv-card{position:relative;min-height:252px;padding:25px;border:1px solid #e0e2ed;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 24px 60px -38px #141f4e70;overflow:hidden}.reviews-section .rv-card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(#1c2c6e,#141f4e)}.reviews-section .rv-card header{padding-bottom:12px;border-bottom:1px solid #dde0ec}.reviews-section .rv-card header small{font-size:11px}.reviews-section .rv-card p{font-size:14px;line-height:2;color:#1c2c6e}.reviews-section .rv-card footer{margin-top:auto;padding-top:10px}.reviews-section .rv-card footer .avatar{background:linear-gradient(145deg,#141f4e,#1c2c6e);color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-weight:900}.reviews-section .rv-card footer b{color:#141f4e}.reviews-section .rv-reply{background:#e8eaf2;border:1px solid #dbdeea;color:#53565e;border-radius:14px}.reviews-section .rv-st{color:#1c2c6e}.reviews-section .rv-st i{color:#c9cde0}
@media(max-width:900px){.reviews-section .rv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reviews-section .rv-grid{grid-template-columns:1fr;gap:14px}.reviews-section .rv-card{min-height:0}.reviews-section .rv-card p{font-size:13.5px}}
.reviews-section .rv-empty{grid-column:1/-1;display:grid;justify-items:center;gap:8px;padding:36px 24px;border:1px dashed #7b87b7;border-radius:24px;background:#f4f5f9;text-align:center;color:#53565e}.reviews-section .rv-empty__mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e8eaf2;color:#1c2c6e;font-size:26px}.reviews-section .rv-empty b{font-size:18px;color:#141f4e}.reviews-section .rv-empty p{margin:0;max-width:44ch;font-size:14px;line-height:1.8}

/* Soft image blending: cards and split heroes now flow into the Bayan palette. */
.mada-hero-art,.mada-home .hero-bg,.svc-card,.service-card,.feat-card,.why-media .frame,.reviews-section .rv-card{border-radius:28px;overflow:hidden}
.mada-hero-art{position:relative;isolation:isolate}
.mada-hero-art::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,rgba(20,31,78,.82) 0%,rgba(20,31,78,.15) 34%,transparent 60%),linear-gradient(180deg,transparent 58%,rgba(20,31,78,.34) 100%)}
html[dir=ltr] .mada-hero-art::after{background:linear-gradient(90deg,rgba(20,31,78,.82) 0%,rgba(20,31,78,.15) 34%,transparent 60%),linear-gradient(180deg,transparent 58%,rgba(20,31,78,.34) 100%)}
.mada-hero-art img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015);filter:saturate(.98) contrast(1.03)}
.mada-no-slides .mada-hero-art img{display:none}
.why-media .frame{position:relative;isolation:isolate}.why-media .frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 48%,rgba(20,31,78,.46) 100%)}
.svc-card .slot,.service-card img,.feat-card img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s ease}.svc-card:hover .slot,.service-card:hover img,.feat-card:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
.reviews-section .rv-card footer .avatar-google{position:relative;background:conic-gradient(from 215deg,#429bf4 0 26%,#34a853 26% 48%,#fbbc05 48% 72%,#ea4335 72% 100%);color:#429bf4;box-shadow:0 0 0 3px #fff,0 5px 16px #141f4e22}
.reviews-section .rv-card footer .avatar-google b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#429bf4;font:900 21px/1 Arial,sans-serif}
.reviews-section .rv-card footer .avatar-google::after{content:"";position:absolute;width:11px;height:5px;right:3px;top:19px;background:#429bf4;border-radius:0 4px 4px 0}
@media(prefers-reduced-motion:no-preference){
 .steps-showcase .tl-item{animation:stepReveal .7s cubic-bezier(.2,.8,.2,1) both}
 .steps-showcase .tl-item:nth-child(1){animation-delay:.05s}.steps-showcase .tl-item:nth-child(2){animation-delay:.14s}.steps-showcase .tl-item:nth-child(3){animation-delay:.23s}.steps-showcase .tl-item:nth-child(4){animation-delay:.32s}.steps-showcase .tl-item:nth-child(5){animation-delay:.41s}
 @keyframes stepReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}
@media(max-width:700px){.mada-hero-art,.mada-home .hero-bg,.svc-card,.service-card,.feat-card,.why-media .frame,.reviews-section .rv-card{border-radius:22px}.mada-hero-art::after{background:linear-gradient(0deg,rgba(20,31,78,.78),transparent 52%)}}

/* V5 section presentation: a calmer roadmap, richer reviews, and touch-first sliders. */
.steps-showcase{padding-block:clamp(64px,8vw,108px);background:radial-gradient(circle at 12% 8%,#1c2c6e10,transparent 28%),linear-gradient(180deg,#fff,#f4f5f9 60%,#fff)}
.steps-showcase .sec-head h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.035em}.steps-showcase .sec-head p{font-size:15px;color:#686d77}
.steps-showcase .timeline{grid-template-columns:repeat(5,minmax(170px,1fr));gap:16px;margin-top:48px;padding:0;overflow:visible}
.steps-showcase .timeline::before{display:none}
.steps-showcase .tl-item{min-height:270px;padding:18px 14px 14px;border:1px solid #e0e2ed;border-radius:26px;background:linear-gradient(160deg,#fff 0%,#f8f9fb 100%);box-shadow:0 22px 55px -38px #141f4e90;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;overflow:hidden}
.steps-showcase .tl-item::before{content:"";position:absolute;inset-inline:15px;top:0;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#141f4e,#1c2c6e);opacity:.9}
.steps-showcase .tl-item:nth-child(even){transform:translateY(24px)}.steps-showcase .tl-item:nth-child(even):hover{transform:translateY(16px)}
.steps-showcase .tl-item:hover{transform:translateY(-8px);border-color:#1c2c6e;box-shadow:0 30px 65px -36px #1c2c6e5e}
.steps-showcase .tl-dot{position:absolute!important;inset-inline-start:16px;top:18px;order:initial;width:44px;height:44px;border:0;border-radius:15px;background:#141f4e;color:#fff;font-size:18px;box-shadow:0 8px 20px #141f4e2e;z-index:2}
.steps-showcase .tl-item:nth-child(2) .tl-dot,.steps-showcase .tl-item:nth-child(4) .tl-dot{background:#1c2c6e}.steps-showcase .tl-item:last-child .tl-dot{background:#149447}
.steps-showcase .tl-box{position:static!important;inset:auto!important;min-height:0;flex:1;justify-content:flex-end;padding:58px 8px 10px;border:0;background:transparent;box-shadow:none}
.steps-showcase .tl-ic{width:62px;height:62px;margin:0 auto 16px;border-radius:20px;background:linear-gradient(145deg,#e8eaf2,#e9ebf2);color:#1c2c6e;box-shadow:inset 0 0 0 1px #d5d9e8,0 12px 24px #1c2c6e14}.steps-showcase .tl-ic .ic{width:28px;height:28px}
.steps-showcase .tl-box p{display:grid;gap:7px;color:#50545e;font-size:13.5px;line-height:1.85}.steps-showcase .tl-box p .tl-t{color:#141f4e;font-size:16px;font-weight:900}.steps-showcase .tl-box p .tl-d{font-weight:600}.steps-showcase .pay-logos{margin:0 auto 12px}
.reviews-section{padding-block:clamp(64px,8vw,108px);background:radial-gradient(circle at 88% 22%,#1c2c6e14,transparent 30%),linear-gradient(180deg,#fff,#f2f3f8 68%,#fff)}
.reviews-section .sec-head h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.035em}.reviews-section .sec-head p{font-size:15px;color:#686d77}
.rv-trust-bar{display:flex;align-items:center;justify-content:center;gap:28px;max-width:960px;margin:34px auto 6px;padding:18px 22px;border:1px solid #e0e2ed;border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 18px 42px -34px #141f4e70;backdrop-filter:blur(14px)}
.rv-trust-score{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px}.rv-trust-score strong{font:900 34px/1 Cairo,system-ui;color:#141f4e}.rv-trust-stars{color:#1c2c6e;letter-spacing:2px;font-size:16px}.rv-trust-score small{grid-column:1/-1;margin-top:5px;color:#737781;font-size:11px}.rv-trust-divider{width:1px;height:42px;background:#e0e2ed}.rv-trust-note{display:flex;align-items:center;gap:12px}.rv-trust-note>span:last-child{display:grid;gap:2px}.rv-trust-note b{font-size:14px;color:#141f4e}.rv-trust-note small{font-size:11px;color:#737781}.rv-google-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:conic-gradient(from 215deg,#429bf4 0 26%,#34a853 26% 48%,#fbbc05 48% 72%,#ea4335 72% 100%);color:#429bf4;font:900 22px Arial;box-shadow:0 6px 16px #141f4e1f}.rv-google-mark::first-letter{background:#fff}
.rv-trust-pulse{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#effaf3;color:#148242;font-size:11px;font-weight:800}.rv-trust-pulse i{width:7px;height:7px;border-radius:50%;background:#19a35a;box-shadow:0 0 0 5px #19a35a20}
.reviews-section .rv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.reviews-section .rv-card{min-height:282px;padding:26px 24px 22px;border:1px solid #e0e2ed;border-top:4px solid #1c2c6e;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 25px 55px -38px #141f4e80;transition:transform .3s ease,box-shadow .3s ease}.reviews-section .rv-card:hover{transform:translateY(-7px);box-shadow:0 30px 65px -36px #1c2c6e68}.reviews-section .rv-card::before{content:"“";inset:auto 18px auto auto;width:auto;height:auto;background:none;color:#1c2c6e18;font:900 72px/1 Georgia;z-index:0}.reviews-section .rv-card>*{position:relative;z-index:1}.reviews-section .rv-card header{border:0;padding:0;display:flex;align-items:center;justify-content:space-between}.reviews-section .rv-card header small{color:#8b8f98;font-size:10px}.reviews-section .rv-card p{font-size:14px;line-height:2.05;color:#1c2c6e;margin:18px 0 8px}.reviews-section .rv-card footer{border-top:1px solid #dde0ec;margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:9px}.reviews-section .rv-card footer .avatar-google{width:40px;height:40px}.reviews-section .rv-card footer .avatar-google b{width:26px;height:26px;font-size:19px}.reviews-section .rv-card footer small{margin-inline-start:auto;color:#8b8f98}.reviews-section .rv-reply{margin-top:12px;font-size:11px;line-height:1.8}
.slider-wrap{position:relative;margin-top:30px}.slider-wrap .swiper{padding:8px 4px 28px;overflow:hidden}.slider-wrap .swiper-slide{height:auto;display:flex}.slider-wrap .swiper-slide>*{width:100%}.slider-wrap .sl-nav{width:44px;height:44px;border:1px solid #e0e2ed;background:#fff;color:#1c2c6e;box-shadow:0 10px 24px #141f4e22;transition:transform .25s,background .25s,color .25s}.slider-wrap .sl-nav:hover{background:#1c2c6e;color:#fff;transform:translateY(-3px)}.slider-wrap .swiper-pagination{margin-top:2px!important}.slider-wrap .swiper-pagination-bullet-active{background:#1c2c6e}.svc-card{min-height:330px}.cv-card,.team-card{height:100%;border:1px solid #e0e2ed;border-radius:24px;box-shadow:0 18px 45px -34px #141f4e8a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.cv-card:hover,.team-card:hover{transform:translateY(-7px);border-color:#1c2c6e;box-shadow:0 28px 60px -36px #1c2c6e70}
@media(max-width:1000px){.steps-showcase .timeline{grid-template-columns:repeat(3,minmax(190px,1fr))}.steps-showcase .tl-item:nth-child(even){transform:none}.reviews-section .rv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rv-trust-bar{gap:18px}}
@media(max-width:700px){.steps-showcase .timeline{grid-template-columns:1fr;gap:12px;margin-top:32px}.steps-showcase .tl-item,.steps-showcase .tl-item:nth-child(even){min-height:0;display:grid!important;grid-template-columns:52px minmax(0,1fr);align-items:stretch;gap:12px!important;padding:14px 14px 14px 10px;transform:none!important}.steps-showcase .tl-item::before{inset-inline:10px;height:3px}.steps-showcase .tl-dot{position:static!important;grid-column:1;grid-row:1;width:48px;height:48px;border-radius:15px}.steps-showcase .tl-box{grid-column:2;grid-row:1;align-items:flex-start;text-align:start;padding:6px 2px 2px}.steps-showcase .tl-ic{width:45px;height:45px;margin:0 0 8px;border-radius:14px}.steps-showcase .tl-ic .ic{width:22px;height:22px}.steps-showcase .tl-box p .tl-t{font-size:14px}.steps-showcase .tl-box p{font-size:12.5px;line-height:1.75}.steps-showcase .pay-logos{margin-inline:0}.rv-trust-bar{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;border-radius:20px}.rv-trust-divider{display:none}.rv-trust-pulse{grid-column:1/-1;justify-content:center}.reviews-section .rv-grid{grid-template-columns:1fr;gap:14px}.reviews-section .rv-card{min-height:0;padding:22px 19px}.reviews-section .rv-card p{font-size:13.5px}.slider-wrap .swiper{padding-inline:0}.slider-wrap .sl-nav{width:38px;height:38px}}

/* Keep the CV slider on the 2youma Recruitment visual system even when the
   legacy home-v2 card classes are present. The home hero remains untouched. */
.slider-wrap:has(.hv2) .swiper{padding:8px 4px 28px!important;margin:0!important}
.slider-wrap:has(.hv2) .sl-nav{width:44px;height:44px;background:#fff!important;border:1px solid #e0e2ed!important;color:#1c2c6e!important;box-shadow:0 10px 24px #141f4e22!important;transition:transform .25s,background .25s,color .25s!important}
.slider-wrap:has(.hv2) .sl-nav:hover{background:#1c2c6e!important;color:#fff!important;border-color:#1c2c6e!important;transform:translateY(-3px)}
.cv-card.hv2{--hv-line:#e0e2ed;background:linear-gradient(160deg,#fff,#f8f9fb);border-color:#e0e2ed;box-shadow:0 18px 45px -34px #141f4e8a}
.cv-card.hv2:hover{border-color:#1c2c6e;box-shadow:0 28px 60px -36px #1c2c6e70}
.cv-card.hv2 .hv2-badge{background:#141f4e}.cv-card.hv2 .hv2-badge.is-new{background:#1c2c6e}
.cv-card.hv2 .hv2-code{color:#1c2c6e}.cv-card.hv2 .hv2-salary{background:linear-gradient(135deg,#f6f7fa,#f8f9fb);border-color:#d3d7e7}.cv-card.hv2 .hv2-salary b{color:#1c2c6e}
.cv-card.hv2 .hv2-fi{color:#1c2c6e;box-shadow:inset 0 0 0 1px #d3d7e7}.cv-card.hv2 .hv2-musaned{border-top-color:#d3d7e7}

/* V6 — full-bleed inner-page banners. The home hero is intentionally excluded. */
.page-hero.mada-immersive{background:radial-gradient(circle at 8% 18%,#1c2c6e20,transparent 30%),linear-gradient(112deg,#141f4e 0%,#121619 54%,#1a2968 100%);box-shadow:0 18px 55px -42px #141f4eb8}
.page-hero.mada-immersive .mada-hero-grid{width:100%;max-width:none;min-height:clamp(560px,68vh,720px);padding:0;display:block;position:relative}
.page-hero.mada-immersive .mada-hero-copy{width:min(47%,660px);min-height:clamp(478px,calc(68vh - 82px),638px);padding:clamp(46px,6vw,92px) clamp(28px,6vw,92px);margin:0;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:3}
.page-hero.mada-immersive .mada-hero-copy::before{content:"";position:absolute;inset-inline-start:clamp(18px,3vw,42px);top:18%;bottom:18%;width:3px;border-radius:99px;background:linear-gradient(#1c2c6e,transparent 78%);opacity:.85}
.page-hero.mada-immersive .mada-hero-art{position:absolute;inset-inline-end:0;inset-block:0 auto;width:58%;height:calc(100% - 82px);max-width:none;margin:0;border:0;border-radius:0;background:#16171c;box-shadow:none;overflow:hidden;isolation:isolate}
.page-hero.mada-immersive .mada-hero-art img{width:100%;height:100%;aspect-ratio:auto;display:block;object-fit:cover!important;object-position:center;transform:scale(1.035);transition:transform .8s ease}
.page-hero.mada-immersive:hover .mada-hero-art img{transform:scale(1.065)}
.page-hero.mada-immersive .mada-hero-art::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 70% 18%,#ffffff1a,transparent 34%),linear-gradient(180deg,#141f4e0f 0%,transparent 48%,#141f4e66 100%);pointer-events:none}
.page-hero.mada-immersive .mada-hero-art::after{display:block!important;content:"";position:absolute;inset:0;z-index:2;border:0;border-radius:0;background:linear-gradient(to left,#141318 0%,#141318d9 7%,#14131838 27%,transparent 57%),linear-gradient(0deg,#141f4e70,transparent 36%);pointer-events:none}
.page-hero.mada-immersive .brand-eyebrow{color:#e6e8f1;background:#1c2c6e22;border-color:#ffffff2b;border-radius:999px;padding:8px 14px;margin-bottom:16px}
.page-hero.mada-immersive .mada-hero-kicker{color:#c6cbdf;font-size:14px;margin-bottom:7px}
.page-hero.mada-immersive h1{font-size:clamp(34px,4.25vw,64px);line-height:1.28;letter-spacing:-.035em;margin:0 0 17px;max-width:12ch;text-wrap:balance;text-shadow:0 8px 35px #0006}
.page-hero.mada-immersive p{max-width:39ch;color:#eaecf3;font-size:17px;line-height:1.95}
.page-hero.mada-immersive .crumbs{font-size:11px;color:#c9d2d9;margin-bottom:20px!important}.page-hero.mada-immersive .crumbs a{color:#7584bd}.page-hero.mada-immersive .crumbs span:last-child{color:#fff}
.page-hero.mada-immersive .mada-hero-actions{margin-top:30px;gap:10px}.page-hero.mada-immersive .mada-hero-primary{background:#fff;color:#0f183d;border-color:#fff;box-shadow:0 14px 32px -18px #0009}.page-hero.mada-immersive .mada-hero-primary:hover{background:#f3f4f8;color:#0f183d}.page-hero.mada-immersive .mada-hero-secondary{background:#ffffff12;border-color:#ffffff55;color:#fff}.page-hero.mada-immersive .mada-hero-secondary:hover{background:#1c2c6e3d;border-color:#7584bd}
.page-hero.mada-immersive .mada-hero-facts{min-height:82px;background:linear-gradient(90deg,#141f4e,#0b1022 52%,#1c2c6e);border-top:1px solid #ffffff2b;padding-inline:max(28px,calc((100% - 1240px)/2));box-shadow:0 -12px 30px #141f4e3a}
.page-hero.mada-immersive .mada-hero-fact{font-size:13px;color:#fff}.page-hero.mada-immersive .mada-fact-icon{color:#d8dbe9;border-color:#ffffff3d;background:#ffffff0c}.page-hero.mada-immersive .mada-hero-fact+.mada-hero-fact{border-inline-start-color:#ffffff35}
@media(max-width:1100px) and (min-width:701px){.page-hero.mada-immersive .mada-hero-copy{width:50%;padding-inline:42px}.page-hero.mada-immersive .mada-hero-art{width:55%}.page-hero.mada-immersive h1{font-size:clamp(32px,4.4vw,50px)}.page-hero.mada-immersive p{font-size:15px}}
@media(max-width:700px){
 .page-hero.mada-immersive{background:#141f4e;box-shadow:none}
 .page-hero.mada-immersive .mada-hero-grid{display:flex;flex-direction:column;min-height:0;padding:0}
 .page-hero.mada-immersive .mada-hero-art{position:relative;inset:auto;order:-1;width:100%;height:auto;aspect-ratio:16/9;max-height:54vw;min-height:205px;border-radius:0}
 .page-hero.mada-immersive .mada-hero-art img{width:100%;height:100%;object-fit:cover!important;object-position:center;transform:none}
 .page-hero.mada-immersive .mada-hero-art::after{background:linear-gradient(0deg,#141f4e 0%,#141f4e20 38%,transparent 72%)!important}
 .page-hero.mada-immersive .mada-hero-copy{width:100%;min-height:0;margin:0;padding:22px 22px 30px;box-sizing:border-box;background:linear-gradient(180deg,#141f4e 0%,#171318 72%,#111939 100%);display:flex;align-items:flex-start}
 .page-hero.mada-immersive .mada-hero-copy::before{inset-inline-start:12px;top:24px;bottom:30px;width:2px}
 .page-hero.mada-immersive .brand-eyebrow{font-size:10px;padding:6px 10px;margin-bottom:12px}.page-hero.mada-immersive .mada-hero-kicker{font-size:11px;margin-bottom:5px}
 .page-hero.mada-immersive h1{font-size:clamp(29px,8.2vw,38px);line-height:1.38;max-width:100%;margin-bottom:11px}.page-hero.mada-immersive p{font-size:14px;line-height:1.85;max-width:100%}
 .page-hero.mada-immersive .crumbs{font-size:10px;margin-bottom:13px!important}.page-hero.mada-immersive .mada-hero-actions{width:100%;margin-top:20px;gap:9px}.page-hero.mada-immersive .mada-hero-primary,.page-hero.mada-immersive .mada-hero-secondary{min-height:49px;flex:1;padding:10px 11px;font-size:12px;gap:8px}
 .page-hero.mada-immersive .mada-hero-facts{min-height:86px;padding:14px 8px;gap:0}.page-hero.mada-immersive .mada-hero-fact{font-size:10px;line-height:1.5;gap:7px;padding-inline:5px;text-align:center}.page-hero.mada-immersive .mada-fact-icon{width:31px;height:31px;border-radius:10px}.page-hero.mada-immersive .mada-fact-icon svg{width:17px;height:17px}
}
@media(max-width:380px){.page-hero.mada-immersive .mada-hero-copy{padding-inline:18px}.page-hero.mada-immersive .mada-hero-primary,.page-hero.mada-immersive .mada-hero-secondary{font-size:11px}.page-hero.mada-immersive .mada-hero-fact{font-size:9px}}

/* V6.1 — close the artwork to the facts strip and add real inner-banner controls. */
.page-hero.mada-immersive .mada-hero-copy{min-height:clamp(560px,68vh,720px)}
.page-hero.mada-immersive .mada-hero-art{height:100%}
.mada-hero-nav{position:absolute;z-index:5;inset-inline-start:clamp(18px,3vw,42px);inset-block-end:22px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #ffffff42;border-radius:999px;background:#141f4e8c;backdrop-filter:blur(12px);direction:ltr}
.mada-hero-arrow{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff0d;color:#fff;font:700 23px/1 system-ui;cursor:pointer;transition:background .2s,transform .2s}.mada-hero-arrow:hover{background:#1c2c6e;transform:translateY(-2px)}
.mada-hero-dots{display:flex;align-items:center;gap:5px}.mada-hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#ffffff75;cursor:pointer;transition:width .25s,background .25s}.mada-hero-dot.is-active{width:22px;background:#7584bd}.mada-hero-dot[aria-current="false"]{outline:0}
.page-hero.mada-immersive .mada-hero-art img.is-switching{opacity:.25;transform:scale(1.07);transition:opacity .25s ease,transform .45s ease}
@media(max-width:700px){
 .page-hero.mada-immersive .mada-hero-copy{min-height:0}
 .page-hero.mada-immersive .mada-hero-art{height:auto}
 .mada-hero-nav{inset-inline-start:14px;inset-block-end:13px;padding:6px 8px;gap:7px}.mada-hero-arrow{width:29px;height:29px;font-size:21px}.mada-hero-dot{width:6px;height:6px}.mada-hero-dot.is-active{width:19px}
}

/* V7 — true full-bleed inner sliders based on the supplied reference image.
   The homepage hero is intentionally excluded. Text, CTAs, artwork and the
   trust strip now share one responsive banner on every internal page. */
.page-hero.mada-immersive{
  position:relative;min-height:clamp(580px,72vh,780px);padding:0!important;
  background:#121619!important;overflow:hidden;border:0!important;isolation:isolate;
}
.page-hero.mada-immersive .mada-hero-grid{
  position:relative;display:block;width:100%;max-width:none;min-height:inherit;padding:0;margin:0;
}
.page-hero.mada-immersive .mada-hero-art{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;
  margin:0!important;border:0!important;border-radius:0!important;background:#13171a;box-shadow:none!important;z-index:0;
}
.page-hero.mada-immersive .mada-hero-art img{
  position:absolute;inset:0;width:100%!important;height:100%!important;display:block;object-fit:cover!important;
  object-position:center;transform:scale(1.035);filter:saturate(.95) contrast(1.04);transition:opacity .45s ease,transform 7s ease;
}
.page-hero.mada-immersive .mada-hero-art::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0a0e1f70 0%,transparent 38%,#0a0e1fb8 100%)!important}
.page-hero.mada-immersive .mada-hero-art::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:0!important;border-radius:0!important;background:linear-gradient(to left,#0a0e1ff5 0%,#0b0f21d9 23%,#15151c75 48%,#141f4e1c 71%,transparent 100%),linear-gradient(180deg,transparent 56%,#141f4e8c 100%)!important}
.page-hero.mada-immersive .mada-hero-copy{
  position:relative;z-index:3;width:min(52%,720px)!important;min-height:inherit!important;margin:0 0 0 auto!important;
  padding:clamp(58px,8vw,112px) clamp(28px,7vw,110px) 132px clamp(24px,4vw,64px)!important;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;isolation:isolate;
}
.page-hero.mada-immersive .mada-hero-copy::before{content:"";position:absolute;z-index:-1;inset-block:13%;inset-inline-start:0;width:3px;border-radius:99px;background:linear-gradient(#7382bc,transparent 86%);opacity:.9}
.page-hero.mada-immersive .brand-eyebrow{color:#e3e6f0;background:#1c2c6e35;border:1px solid #ffffff3d;border-radius:999px;padding:8px 14px;margin-bottom:16px;font-size:12px}
.page-hero.mada-immersive .mada-hero-kicker{color:#cbcfe1;font-size:14px;font-weight:800;margin-bottom:8px}
.page-hero.mada-immersive h1{color:#fff!important;font-size:clamp(36px,4.5vw,70px)!important;line-height:1.25!important;max-width:12ch!important;margin:0 0 18px!important;text-shadow:0 8px 30px #0008}
.page-hero.mada-immersive p{color:#ecedf4!important;max-width:43ch!important;font-size:17px!important;line-height:1.95!important;margin:0!important}
.page-hero.mada-immersive .crumbs{order:-1;color:#d1d5e5!important;background:#ffffff12!important;border:1px solid #ffffff2b!important;border-radius:999px!important;padding:6px 12px!important;margin:0 0 17px!important}.page-hero.mada-immersive .crumbs a{color:#d7dae8!important}.page-hero.mada-immersive .crumbs span:last-child{color:#fff!important}
.page-hero.mada-immersive .mada-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px!important}.page-hero.mada-immersive .mada-hero-primary,.page-hero.mada-immersive .mada-hero-secondary{min-height:50px;padding:11px 17px;border-radius:12px;font-weight:900}.page-hero.mada-immersive .mada-hero-primary{background:#fff!important;color:#0f183d!important;border-color:#fff!important;box-shadow:0 14px 34px -16px #000b}.page-hero.mada-immersive .mada-hero-secondary{background:#ffffff17!important;color:#fff!important;border-color:#ffffff66!important}.page-hero.mada-immersive .mada-hero-primary:hover{background:#f0f2f7!important}.page-hero.mada-immersive .mada-hero-secondary:hover{background:#1c2c6e66!important;border-color:#ced2e3!important}
.page-hero.mada-immersive .mada-hero-facts{position:absolute;z-index:4;inset-inline:0;bottom:0;width:100%;min-height:82px;padding-inline:max(28px,calc((100% - 1240px)/2));background:linear-gradient(90deg,#141f4eeb,#0b0f21e8 52%,#1c2c6ee8);border-top:1px solid #ffffff30;box-shadow:0 -14px 32px #141f4e55}
.page-hero.mada-immersive .mada-hero-fact{color:#fff;font-size:13px}.page-hero.mada-immersive .mada-fact-icon{color:#d8dbe9;background:#ffffff12;border-color:#ffffff40}.page-hero.mada-immersive .mada-hero-fact+.mada-hero-fact{border-inline-start-color:#ffffff3d}
.page-hero.mada-immersive .mada-hero-art img.is-switching{opacity:.12;transform:scale(1.08);transition:opacity .25s ease,transform .4s ease}
.page-hero.mada-immersive .mada-hero-nav{inset-inline-start:clamp(18px,4vw,58px);inset-block-end:104px;z-index:6}
@media(max-width:1100px) and (min-width:701px){.page-hero.mada-immersive .mada-hero-copy{width:58%!important;padding-inline:48px 42px!important}.page-hero.mada-immersive h1{font-size:clamp(34px,5vw,56px)!important}.page-hero.mada-immersive p{font-size:15px!important}}
@media(max-width:700px){
 .page-hero.mada-immersive{min-height:clamp(610px,92svh,760px)}
 .page-hero.mada-immersive .mada-hero-grid{min-height:inherit}
 .page-hero.mada-immersive .mada-hero-art{height:100%!important;aspect-ratio:auto!important}
 .page-hero.mada-immersive .mada-hero-art::after{background:linear-gradient(0deg,#111518f7 0%,#111518b8 30%,#1115182b 64%,transparent 100%)!important}
 .page-hero.mada-immersive .mada-hero-copy{width:100%!important;min-height:inherit!important;margin:0!important;padding:58px 22px 132px!important;justify-content:flex-end;align-items:flex-start;background:linear-gradient(180deg,transparent 28%,#11151818 42%,#111518aa 75%,#111518f5 100%)}
 .page-hero.mada-immersive .mada-hero-copy::before{inset-inline-start:13px;inset-block:35% 112px;width:2px}
 .page-hero.mada-immersive .brand-eyebrow{font-size:10px;padding:6px 10px;margin-bottom:11px}.page-hero.mada-immersive .mada-hero-kicker{font-size:11px;margin-bottom:5px}.page-hero.mada-immersive h1{font-size:clamp(31px,9vw,45px)!important;max-width:100%!important;line-height:1.35!important;margin-bottom:10px!important}.page-hero.mada-immersive p{font-size:14px!important;line-height:1.82!important;max-width:100%!important}.page-hero.mada-immersive .mada-hero-actions{width:100%;margin-top:18px!important;gap:8px}.page-hero.mada-immersive .mada-hero-primary,.page-hero.mada-immersive .mada-hero-secondary{flex:1;min-height:48px;padding:10px 9px;font-size:11px}.page-hero.mada-immersive .mada-hero-facts{min-height:78px;padding:11px 5px}.page-hero.mada-immersive .mada-hero-fact{font-size:9px;line-height:1.45;gap:5px;padding-inline:4px;text-align:center}.page-hero.mada-immersive .mada-fact-icon{width:29px;height:29px;border-radius:9px}.page-hero.mada-immersive .mada-fact-icon svg{width:16px;height:16px}.page-hero.mada-immersive .mada-hero-nav{inset-inline-start:14px;inset-block-end:92px;padding:6px 8px;gap:7px}.page-hero.mada-immersive .mada-hero-arrow{width:29px;height:29px;font-size:20px}
}
@media(max-width:380px){.page-hero.mada-immersive .mada-hero-copy{padding-inline:17px!important}.page-hero.mada-immersive .mada-hero-primary,.page-hero.mada-immersive .mada-hero-secondary{font-size:10px}.page-hero.mada-immersive .mada-hero-fact{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.page-hero.mada-immersive .mada-hero-art img{animation:none!important;transition:none!important}}

/* خطوات الاستقدام — لمسة مسار أوضح مع أرقام ذهبية متحركة. */
.steps-showcase .tl-item{position:relative;isolation:isolate}
.steps-showcase .tl-item::after{content:"";position:absolute;z-index:-1;inset-inline-end:-18px;top:52%;width:20px;height:2px;background:linear-gradient(90deg,#d6a229,#1c2c6e);opacity:.6}
.steps-showcase .tl-item:last-child::after{display:none}
.steps-showcase .tl-dot{background:linear-gradient(145deg,#0f183d,#1c2c6e)!important;border:1px solid #d6a229;color:#fff;animation:madaStepPulse 2.8s ease-in-out infinite}
.steps-showcase .tl-item:nth-child(2) .tl-dot,.steps-showcase .tl-item:nth-child(4) .tl-dot{animation-delay:.7s}.steps-showcase .tl-item:nth-child(3) .tl-dot,.steps-showcase .tl-item:nth-child(5) .tl-dot{animation-delay:1.4s}
.steps-showcase .tl-ic{background:linear-gradient(145deg,#fff8e8,#e8eaf2)!important;color:#1c2c6e!important;box-shadow:inset 0 0 0 1px #ecd39a,0 12px 24px #1c2c6e14!important}
@keyframes madaStepPulse{0%,100%{box-shadow:0 0 0 7px #1c2c6e18,0 10px 22px #1c2c6e38}50%{box-shadow:0 0 0 13px #1c2c6e00,0 13px 28px #d6a22955}}
@media(max-width:700px){.steps-showcase .tl-item::after{display:none}}

/* Homepage trust block: the Musaned gold rating is presented as a dedicated
   proof section, not as copy inside the inner-page sliders. */
.home-musaned-trust{position:relative;overflow:hidden;padding:clamp(34px,5vw,64px) 0;background:linear-gradient(135deg,#141f4e 0%,#0b1022 54%,#131e4a 100%);isolation:isolate}
.home-musaned-trust::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background:radial-gradient(circle at 8% 15%,#d6a22942 0 2px,transparent 3px),radial-gradient(circle at 88% 80%,#fff2 0 1px,transparent 2px);background-size:30px 30px,23px 23px}
.musaned-rating-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,46px);padding:clamp(22px,4vw,38px);border:1px solid #d6a22970;border-radius:30px;background:linear-gradient(110deg,#ffffff12,#141f4e24);box-shadow:0 24px 60px -28px #000b;color:#fff;backdrop-filter:blur(12px)}
.musaned-rating-emblem{display:grid;place-items:center;align-content:center;width:112px;height:112px;border:2px solid #d6a229;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe79b,#ae8421 62%,#57370c);color:#3a2508;box-shadow:0 0 0 8px #d6a22916,0 14px 34px #0008;transform:rotate(-7deg)}
.musaned-rating-emblem span{font-size:42px;line-height:1}.musaned-rating-emblem small{font-size:12px;font-weight:900;letter-spacing:.06em}.musaned-rating-copy .pill{color:#ffdd8b;background:#d6a22920;border-color:#d6a22988}.musaned-rating-copy h2{margin:10px 0 8px;color:#fff;font-size:clamp(25px,3.5vw,42px);letter-spacing:-.03em}.musaned-rating-copy p{max-width:650px;margin:0;color:#f5e9e4;line-height:1.95;font-size:14px}.musaned-rating-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:220px;text-align:center}.musaned-rating-points b{padding:10px 7px;border:1px solid #ffffff26;border-radius:14px;background:#ffffff0d;color:#ffe19a;font-size:13px}.musaned-rating-points span{grid-column:1/-1;color:#dde0ec;font-size:11px;margin-top:4px}
@media(max-width:760px){.musaned-rating-card{grid-template-columns:1fr;text-align:center;gap:18px}.musaned-rating-emblem{width:88px;height:88px;margin-inline:auto}.musaned-rating-emblem span{font-size:32px}.musaned-rating-copy p{font-size:13px}.musaned-rating-points{min-width:0;width:100%}}

/* Two-layer guarantee block: office coverage + insurance coverage. */
.home-guarantees{position:relative;overflow:hidden;padding:clamp(42px,6vw,76px) 0;background:linear-gradient(150deg,#fff 0%,#f4f5f9 48%,#f7f1e9 100%)}
.home-guarantees::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 20%,#d6a22922 0 2px,transparent 3px),radial-gradient(circle at 90% 75%,#1c2c6e20 0 2px,transparent 3px);background-size:32px 32px,26px 26px;opacity:.65}
.home-guarantees .container{position:relative;z-index:1}.home-guarantees .sec-head{margin-bottom:26px}.home-guarantees .sec-head h2{color:#141f4e}
.guarantee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1040px;margin:auto}
.guarantee-card{position:relative;overflow:hidden;padding:clamp(20px,3vw,30px);border:1px solid #e0e2ed;border-radius:27px;background:#fff;box-shadow:0 22px 52px -38px #141f4e80;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}
.guarantee-card:hover{transform:translateY(-6px);box-shadow:0 30px 65px -40px #141f4ea8}.guarantee-card::after{content:"";position:absolute;z-index:-1;width:180px;height:180px;border-radius:50%;inset-inline-end:-90px;top:-90px;background:#1c2c6e11}.guarantee-card--insurance::after{background:#d6a22920}
.guarantee-card__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px dashed #e0e2ed}.guarantee-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#141f4e,#1c2c6e);color:#fff;box-shadow:0 12px 25px -15px #1c2c6e}.guarantee-card--insurance .guarantee-icon{background:linear-gradient(145deg,#d6a229,#a27b20);color:#261b08}.guarantee-icon .ic{width:26px;height:26px}.guarantee-label{display:block;color:#71899a;font-size:11px;font-weight:800}.guarantee-card h3{margin:4px 0 0;color:#141f4e;font-size:clamp(19px,2.3vw,25px)}.guarantee-duration{display:grid;justify-items:end;line-height:1;color:#1c2c6e}.guarantee-card--insurance .guarantee-duration{color:#a37b1f}.guarantee-duration b{font-size:24px;font-weight:900}.guarantee-duration small{margin-top:5px;color:#7c7f87;font-size:10px;font-weight:700}.guarantee-card>p{margin:17px 0 13px;color:#676b75;font-size:13px;line-height:1.85}.guarantee-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:0;padding:0;list-style:none}.guarantee-list li{position:relative;padding-inline-start:23px;color:#30333a;font-size:12px;line-height:1.65}.guarantee-list li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:#1c2c6e;font-weight:900}.guarantee-card--insurance .guarantee-list li::before{color:#a37b1f}.guarantee-note{max-width:1040px;margin:18px auto 0;text-align:center;color:#5d7680;font-size:11px}

/* References slider: lightweight vector marks keep it fast and sharp on every screen. */
.references-section{background:linear-gradient(180deg,#fff 0%,#f4f5f9 100%)}.references-section .sec-head{margin-bottom:24px}.references-slider{max-width:1120px;margin-inline:auto}.references-slider .swiper{padding:8px 5px 32px}.reference-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:138px;padding:20px 18px;border:1px solid #e0e2ed;border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px -35px #141f4e90;text-decoration:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.reference-card:hover{transform:translateY(-6px);border-color:#1c2c6e;box-shadow:0 26px 54px -36px #1c2c6e70}.reference-mark{display:grid;place-items:center;align-content:center;flex:none;width:72px;height:72px;border-radius:22px;color:#fff;text-align:center;box-shadow:0 12px 25px -16px #141f4e80}.reference-mark b{font-size:24px;line-height:1;font-weight:900}.reference-mark small{margin-top:6px;font-size:8px;font-weight:800;opacity:.88}.reference-mark--musaned{background:linear-gradient(145deg,#1c2c6e,#1c2c6e)}.reference-mark--hrsd{background:linear-gradient(145deg,#116b49,#42a66d)}.reference-mark--hrsd b{font-size:13px}.reference-mark--hrsd i{width:33px;height:4px;margin-top:8px;border-radius:10px;background:#f6ce54;transform:skew(-25deg)}.reference-mark--mofa{background:linear-gradient(145deg,#1b2c6d,#1c2c6e)}.reference-mark--mofa b{font-size:31px}.reference-mark--absher{background:linear-gradient(145deg,#1c2c6e,#7584bd)}.reference-mark--absher b{font-size:18px}.reference-copy{display:grid;gap:5px;min-width:0}.reference-copy strong{color:#17191e;font-size:14px;line-height:1.6}.reference-copy small{color:#7c8189;font:600 10px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}.reference-arrow{margin-inline-start:auto;align-self:flex-start;color:#1c2c6e;font-size:19px;line-height:1}.references-slider .swiper-pagination{margin-top:0!important}.references-slider .swiper-pagination-bullet-active{background:#1c2c6e}
@media(max-width:1000px){.guarantee-grid{max-width:800px}.reference-card{min-height:132px}}
@media(max-width:700px){.guarantee-grid{grid-template-columns:1fr;gap:14px}.guarantee-card{border-radius:22px;padding:20px}.guarantee-list{gap:8px}.references-slider .swiper{padding-inline:0}.reference-card{min-height:124px;padding:16px;border-radius:20px}.reference-mark{width:62px;height:62px;border-radius:18px}.reference-copy strong{font-size:13px}.references-slider .sl-nav{width:38px;height:38px}}
@media(max-width:420px){.guarantee-card__top{grid-template-columns:auto minmax(0,1fr);align-items:start}.guarantee-duration{grid-column:2;justify-items:start;margin-top:-5px}.guarantee-list{grid-template-columns:1fr}.reference-card{gap:10px;padding:14px}.reference-mark{width:56px;height:56px}.reference-mark b{font-size:20px}.reference-copy strong{font-size:12px}}

/* Search panel aligned to 2youma Recruitment red / ink / gold identity. */
.adv{background:linear-gradient(125deg,#141f4e 0%,#0c1023 55%,#1c2c6e 100%)!important;padding:clamp(34px,5vw,52px) 0!important;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0005}
.adv::before{opacity:.16!important;background-image:radial-gradient(circle,#d6a229 1px,transparent 1.5px)!important;background-size:24px 24px!important}
.adv h2{font-size:clamp(25px,3vw,34px)!important;letter-spacing:-.02em;text-shadow:0 8px 24px #0008}
.adv form{padding:18px;border:1px solid #ffffff2b;border-radius:24px;background:#ffffff0d;box-shadow:0 18px 44px -28px #000b;backdrop-filter:blur(10px);gap:12px!important}
.adv label{color:#eef0f6!important}.adv label svg{color:#d6a229}.adv .select{border:1px solid #ccd0e266;border-radius:12px;background:#fff;box-shadow:0 7px 16px #0002}.adv .select select{min-height:44px;border-radius:12px;color:#23242a}.adv .btn-orange{background:linear-gradient(135deg,#d6a229,#b28722)!important;color:#24170a!important;border:0;box-shadow:0 12px 24px -12px #d6a22999}.adv .btn-orange:hover{filter:brightness(1.08);transform:translateY(-2px)}
@media(max-width:600px){.adv form{padding:14px;border-radius:20px}.adv .select select{min-height:46px}.adv .btn-orange{min-height:48px}}

/* Configurable featured recruitment country (Ethiopia by default). */
.c-card.is-featured{border:2px solid #d6a229;background:linear-gradient(155deg,#fffdf7,#fff8e7);box-shadow:0 24px 52px -28px #b98d255c;position:relative}.c-card.is-featured::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff6c7}.c-top{position:relative}.country-featured-badge{position:absolute;inset-inline-start:12px;top:12px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#ffe69b,#b98d25);color:#3a2609;font-size:10px;font-weight:900;box-shadow:0 7px 14px #b98d2540}

/* Smooth, self-contained inner slider motion; the homepage hero is excluded. */
.page-hero.mada-immersive .mada-hero-art img{animation:madaInnerKenburns 7s ease both;will-change:opacity,transform}.page-hero.mada-immersive .mada-hero-art img.is-switching{opacity:.04!important;transform:scale(1.075)!important;transition:opacity .24s ease,transform .42s ease!important}@keyframes madaInnerKenburns{from{transform:scale(1.035)}to{transform:scale(1.075)}}
@media(prefers-reduced-motion:reduce){.page-hero.mada-immersive .mada-hero-art img{animation:none!important;transition:none!important}.musaned-rating-emblem{transform:none}}

/* Blog cards keep the source imagery while adding the Bayan red / ink / gold
   treatment so every article reads as one visual collection. */
.blog-grid .post-img{isolation:isolate;background:#141f4e}.blog-grid .post-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#141f4e18 12%,transparent 48%,#1c2c6e55 100%),linear-gradient(0deg,#141f4e8f,transparent 58%);mix-blend-mode:multiply}.blog-grid .post-img .slot{position:absolute;inset:0;z-index:0;filter:saturate(.86) contrast(1.06);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s ease}.blog-grid .post-card:hover .post-img .slot{transform:scale(1.055);filter:saturate(1.04) contrast(1.06)}.blog-grid .post-img .cat{z-index:2;background:linear-gradient(135deg,#1c2c6e,#131e4a);box-shadow:0 7px 18px #141f4e66}
.faq-toolbar{display:grid;gap:8px;max-width:760px;margin:0 auto 28px;padding:18px 20px;border:1px solid #e0e2ed;border-radius:20px;background:linear-gradient(135deg,#fff,#f4f5f9);box-shadow:0 18px 42px -32px #141f4e75}.faq-toolbar label{font-size:13px;font-weight:900;color:#141f4e}.faq-toolbar input{width:100%;min-height:48px;padding:10px 14px;border:1px solid #cbd0e2;border-radius:12px;background:#fff;color:#222;outline:none;font:inherit}.faq-toolbar input:focus{border-color:#1c2c6e;box-shadow:0 0 0 4px #1c2c6e17}.faq-toolbar small{color:#777b84;font-size:11px;line-height:1.7}.faq-list .faq-q{position:relative;padding-inline-start:120px}.faq-category{position:absolute;inset-inline-start:42px;top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:999px;background:#e8eaf2;color:#182761;font-size:10px;font-weight:800;white-space:nowrap}.faq-list .faq-a p{white-space:pre-line}
.faq-sections{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 22px}.faq-section-tab{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid #e0e2ed;border-radius:999px;background:#fff;color:#444953;font:800 12px/1.2 Cairo,system-ui;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.faq-section-tab b{display:grid;place-items:center;min-width:24px;height:24px;padding-inline:5px;border-radius:999px;background:#e8eaf2;color:#182761;font-size:10px}.faq-section-tab:hover{transform:translateY(-2px);border-color:#1c2c6e}.faq-section-tab.is-active{background:linear-gradient(135deg,#141f4e,#1c2c6e);border-color:#141f4e;color:#fff;box-shadow:0 10px 24px -14px #1c2c6e}.faq-section-tab.is-active b{background:#ffe3a1;color:#3a2609}
@media(max-width:700px){.faq-list .faq-q{padding-inline-start:0;padding-inline-end:34px}.faq-category{position:static;display:block;width:max-content;margin-bottom:6px;transform:none}.faq-toolbar{padding:15px;border-radius:17px}}

/* v12 readability fixes: cards and FAQ questions never overlap, even with long Arabic text. */
.blog-grid .post-img .slot{opacity:1!important;display:block;z-index:0}
.blog-grid .post-img.has-photo .ph{opacity:0;pointer-events:none}
.blog-grid .post-img .cat{color:#fff!important;text-shadow:0 1px 2px #141f4e;background:linear-gradient(135deg,#1c2c6e,#131e4a);border:1px solid #ffffff33}
.faq-list .faq-q{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;text-align:start;line-height:1.75}
.faq-q-content{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0}
.faq-question-text{display:block;line-height:1.8;overflow-wrap:anywhere}
.faq-category{position:static;display:inline-flex;width:max-content;max-width:100%;transform:none;margin:0;padding:4px 9px;border-radius:999px;background:#e8eaf2;color:#182761;font-size:10px;font-weight:800;white-space:normal;line-height:1.45}
.faq-list .faq-q .pm{margin-top:2px}
@media(max-width:700px){.faq-list .faq-q{padding:15px 14px;gap:10px}.faq-q-content{gap:5px}.faq-question-text{font-size:14px;line-height:1.75}.faq-category{font-size:9px}}

/* Bayan Al-Fursan final system pass v14: calmer spacing, clear contrast, and one identity. */
:root{
  --primary:#1c2c6e;--primary-600:#182761;--navy:#141f4e;--navy-2:#1c2c6e;
  --grad:linear-gradient(100deg,#141f4e 0%,#1c2c6e 55%,#1c2c6e 100%);
  --grad-diag:linear-gradient(135deg,#141f4e 0%,#1c2c6e 58%,#1c2c6e 100%);
  --light:#f0f2f7;--light-2:#f8f9fb;--text:#53565e;--heading:#141f4e;
  --muted:#777b84;--border:#e0e2ed;--orange:#d6a229;
  --shadow:0 14px 34px rgba(20,31,78,.09);--shadow-lg:0 24px 58px rgba(20,31,78,.15)
}
.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #e0e2ed;box-shadow:0 8px 26px rgba(20,31,78,.08)}
.site-header .container{max-width:1440px;gap:clamp(12px,1.8vw,28px)}
.main-nav>ul{gap:clamp(8px,1.2vw,18px)!important}
.main-nav>ul>li>a,.main-nav>ul>li>.dd-toggle{font-size:clamp(12px,1.05vw,14px)!important;gap:7px;padding-inline:7px!important}
.main-nav .nav-ic{background:linear-gradient(135deg,#1c2c6e1f,#141f4e0b)!important;color:#1c2c6e!important;box-shadow:inset 0 0 0 1px #1c2c6e33!important}
.main-nav>ul>li>a:hover,.main-nav>ul>li>.dd-toggle:hover,.main-nav>ul>li.has-dd:hover>.dd-toggle,.main-nav>ul>li>a.active,.main-nav>ul>li>.dd-toggle.active{background:#e8eaf2!important;color:#182761!important}
.main-nav a:hover .nav-ic,.main-nav li.has-dd:hover .nav-ic,.main-nav a.active .nav-ic,.main-nav .dd-toggle.active .nav-ic{background:#1c2c6e!important;color:#fff!important;box-shadow:0 8px 18px -6px #1c2c6e66!important}
.dropdown{border-color:#e0e2ed;box-shadow:0 22px 48px #141f4e1f}.dropdown a:hover{background:#e8eaf2;color:#182761}
.hdr-track{border-color:#e0e2ed;color:#141f4e}.hdr-track:hover,.hdr-track.active{border-color:#1c2c6e;color:#182761}.hdr-acc{background:linear-gradient(135deg,#141f4e,#1c2c6e)!important}
.page-hero.mada-hero{background:linear-gradient(135deg,#141f4ef5,#1c2c6ee8 58%,#131e4ae8),url("../media/page-hero.webp") center/cover no-repeat,var(--grad-diag)}
.page-hero.mada-hero h1,.page-hero.mada-hero p{color:#fff}.page-hero.mada-hero .crumbs{color:#ecedf4}.page-hero.mada-hero .crumbs a{color:#fff}
.blog-grid{gap:24px}.post-card{border:1px solid #dde0ec;border-radius:22px;box-shadow:0 18px 42px -28px #141f4e55}.post-img{height:220px}.post-body{padding:20px 21px 22px}.post-body h3{line-height:1.65;margin:8px 0 10px}.post-body p{line-height:1.9;color:#62656d}.read-more{color:#182761}
.article-body .content{color:#53565e}.article-body .content h2,.article-body .content h3,.article-body .faq-item summary{color:#141f4e}.article-body .content h2::before{background:linear-gradient(180deg,#1c2c6e,#141f4e)}
.article-body .cover-info .ci-label{color:#e1e4ee}.article-body .cover.cover-split{background:radial-gradient(120% 90% at 100% 0%,#1c2c6e 0%,#1c2c6e00 55%),linear-gradient(135deg,#141f4e 0%,#1c2c6e 62%,#131e4a 100%)}
.article-body .content a:not(.btn){color:#182761}.post-meta .pm{color:#141f4e;background:#f0f2f7;border-color:#e0e2ed}.post-meta .pm svg{color:#1c2c6e}
@media(max-width:1024px){.site-header .container{gap:12px}.main-nav>ul{gap:8px!important}.main-nav>ul>li>a,.main-nav>ul>li>.dd-toggle{font-size:13px!important}}
@media(max-width:700px){.post-img{height:205px}.blog-grid{gap:16px}.post-card{border-radius:18px}.post-body{padding:17px 16px 19px}.post-body h3{font-size:16px;line-height:1.7}.post-body p{font-size:13px;line-height:1.85}.article-body .cover{border-radius:20px}.article-body .content{font-size:15px;line-height:1.95}.page-hero.mada-hero{background-position:center}.site-header .logo-text{color:#141f4e!important}.site-header .logo-text small{color:#1c2c6e!important}}

/* v16 final cleanup: remove legacy blocks and identify the implementation partner. */
.site-maker{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff2b;color:#f0f2f7;font-size:11px;font-weight:800;line-height:1.6}
.site-maker img{display:block;width:150px;height:62px;object-fit:contain;object-position:center;opacity:.96;filter:none}
.site-footer .site-maker img{background:transparent;border:0;box-shadow:none}
.tr-intro{background:linear-gradient(135deg,#f0f2f7,#f8f9fb)!important;border-color:#e0e2ed!important}
.tr-intro__ic{background:linear-gradient(135deg,#141f4e,#1c2c6e)!important}
.acct-side{background:linear-gradient(160deg,#141f4e 0%,#1c2c6e 62%,#131e4a 100%)!important;box-shadow:0 24px 60px -30px #141f4e8c!important}
.acct-trk{border-color:#e0e2ed!important;color:#141f4e!important}
.acct-trk:hover{border-color:#1c2c6e!important}
.site-footer{background:linear-gradient(135deg,#0b112b,#0e1738 62%,#1c2c6e)!important}
.site-footer .f-brand .logo{align-items:flex-start}
@media(max-width:560px){.site-maker{align-items:flex-start;flex-direction:column;gap:7px}.site-maker img{width:156px;height:58px;object-position:right}}

/* V21 — السليدرات تتحرك تلقائياً أو بالسحب اللمسي فقط دون عناصر تقليب ظاهرة. */
.mada-hero-nav,.mada-hero-arrow,.mada-hero-dots,.mada-hero-dot,
.slider-wrap .sl-nav,.slider-wrap .swiper-pagination{display:none!important}

/* Recruitment package cards: clear dual salary presentation and a focused featured country. */
.bayan-package-grid{align-items:stretch;gap:22px}
.c-rows .salary-pair{background:#f2f3f8;border:1px solid #d3d7e7;border-radius:11px;padding:7px 8px;margin-top:7px}.c-rows .salary-pair span{font-size:11px}.c-rows .salary-pair b{color:#1c2c6e}
.bayan-package-card{position:relative;display:flex;flex-direction:column;padding:25px 22px 22px;border:1px solid #e0e2ed;border-radius:26px;background:linear-gradient(160deg,#fff 0%,#f4f5f9 100%);box-shadow:0 18px 48px -32px #141f4e70;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.bayan-package-card::after{content:"";position:absolute;inset:auto -32px -62px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#1c2c6e14,transparent 68%);pointer-events:none}
.bayan-package-card:hover{transform:translateY(-8px);border-color:#7584bd;box-shadow:0 26px 58px -34px #1c2c6e75}
.bayan-package-card .c-num{position:absolute;top:15px;inset-inline-end:15px;color:#182761;font-size:11px;font-weight:900;opacity:.65}
.bayan-package-card .flag{width:68px;height:68px;margin:4px auto 13px;padding:10px;border-radius:22px;background:#fff;box-shadow:0 10px 24px #1c2c6e18;border:1px solid #e1e4ee}
.bayan-package-card .flag img{width:100%;height:100%;object-fit:contain}
.bayan-package-card h3{text-align:center;margin:0;color:#141f4e;font-size:20px}.bayan-package-card .en{margin-top:3px;text-align:center;color:#5d7680;font-size:12px;font-weight:700}
.bayan-package-card .pk-toggle{margin:19px 0 0;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #dbdeeb;border-radius:14px;background:#f2f3f8;color:#182761;padding:11px 14px;font:800 12px/1.2 inherit;cursor:pointer;transition:.25s}.bayan-package-card .pk-toggle:hover{background:#1c2c6e;color:#fff;border-color:#1c2c6e}.bayan-package-card .pk-toggle svg{width:17px;height:17px}
.bayan-package-card .pk-details{margin-top:15px}.bayan-package-card .pk-details ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.bayan-package-card .pk-details li{display:flex;justify-content:space-between;gap:12px;color:#70737b;font-size:12px;border-bottom:1px dashed #e0e2ed;padding-bottom:8px}.bayan-package-card .pk-details li b{color:#141f4e;font-size:13px}.pk-salary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.pk-salary-item{padding:11px 8px;border:1px solid #d3d7e7;border-radius:14px;background:linear-gradient(135deg,#f0f2f7,#fff)}.pk-salary-item span{display:block;color:#697e8d;font-size:10px;font-weight:800}.pk-salary-item b{display:block;margin-top:4px;color:#1c2c6e;font-size:15px}.pk-arrival{display:flex;justify-content:space-between;color:#70737b;font-size:11px;padding-bottom:13px}.pk-arrival b{color:#141f4e}.bayan-package-card .btn{width:100%;text-align:center;margin-top:auto}.pk-card--featured{border:2px solid #d4a12b;background:linear-gradient(160deg,#fffdf7,#fff7f2 72%,#fff)}.pk-card--featured::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#d4a12b13,transparent 45%);pointer-events:none}.pk-featured-badge{position:absolute;top:13px;inset-inline-start:14px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#d3a12c,#a37b1f);color:#fff;font-size:10px;font-weight:900;box-shadow:0 7px 15px #a37b1f38}
@media(max-width:600px){.bayan-package-grid{gap:14px}.bayan-package-card{padding:22px 17px 18px}.pk-salary-item b{font-size:14px}}

/* Assistant contract review page */
.contract-page{background:linear-gradient(145deg,#fff 0%,#f2f3f8 48%,#fafafa 100%)}.contract-intro{display:flex;align-items:center;gap:18px;max-width:880px;margin:0 auto 28px;padding:22px 24px;border:1px solid #e0e2ed;border-radius:25px;background:#fff;box-shadow:0 18px 46px -35px #141f4e60}.contract-intro__icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#141f4e,#1c2c6e);color:#fff;font-size:28px;font-weight:900}.contract-intro h2{margin:9px 0 5px;font-size:clamp(22px,3vw,31px);color:#141f4e}.contract-intro p{margin:0;color:#70737b;line-height:1.9}.contract-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:25px;align-items:start;max-width:1080px;margin:auto}.contract-form{margin:0;padding:28px;border:1px solid #e0e2ed;border-radius:27px;box-shadow:0 22px 58px -38px #141f4e70;background:#fff}.contract-form h2{margin:10px 0 5px;font-size:27px;color:#141f4e}.contract-form .form-note{color:#70737b;margin:0 0 19px}.field-help{display:block;margin-top:7px;color:#5d7680;font-size:11px;line-height:1.7}.contract-form input[type=file]{padding:12px;background:#f8f9fb;border-style:dashed}.contract-side{display:grid;gap:12px}.contract-side__card{position:relative;padding:19px 20px;border:1px solid #e0e2ed;border-radius:21px;background:#fff;box-shadow:0 15px 35px -32px #141f4e70}.contract-side__card b{display:block;color:#141f4e;font-size:16px;margin-bottom:4px}.contract-side__card p{margin:0;color:#70737b;line-height:1.8;font-size:13px}.contract-step{display:grid;place-items:center;float:inline-start;width:34px;height:34px;margin-inline-end:11px;border-radius:12px;background:#e8eaf2;color:#1c2c6e;font-weight:900;font-size:12px}.contract-trust{padding:18px 20px;border-radius:21px;background:linear-gradient(135deg,#141f4e,#0f183b 62%,#1c2c6e);color:#fff}.contract-trust strong,.contract-trust span{display:block}.contract-trust strong{font-size:17px}.contract-trust span{margin-top:5px;color:#f1f2f7;font-size:12px;line-height:1.7}.contract-form .form-msg{margin-top:12px}.contract-form .form-msg.ok{padding:13px 15px;border-radius:14px;background:#e9f8ef;color:#176a3f;line-height:1.8}.contract-form .form-msg.err{padding:13px 15px;border-radius:14px;background:#e8eaf2;color:#182761;line-height:1.8}
@media(max-width:800px){.contract-layout{grid-template-columns:1fr}.contract-side{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-trust{grid-column:1/-1}}@media(max-width:520px){.contract-intro{align-items:flex-start;padding:17px;gap:12px}.contract-intro__icon{width:48px;height:48px;border-radius:15px;font-size:22px}.contract-intro h2{font-size:21px}.contract-form{padding:20px 16px;border-radius:21px}.contract-side{grid-template-columns:1fr}.contract-trust{grid-column:auto}}

/* شاشة تحميل خفيفة تحمل شعار الفرسان بدلاً من ظهور الصفحة بشكل متقطع. */
.bayan-page-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:linear-gradient(135deg,#fff 0%,#fbfbfc 52%,#f0f1f6 100%);opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}
.bayan-page-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.bayan-page-loader__card{position:relative;display:grid;place-items:center;width:min(180px,46vw);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 24px 70px #131e4a33,0 0 0 1px #e0e2ed;animation:bayanLoaderFloat 1.8s ease-in-out infinite}
.bayan-page-loader__card img{display:block;width:72%;height:72%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 8px 14px #1c2c6e33)}
.bayan-page-loader__ring{position:absolute;inset:-10px;border:3px solid #1c2c6e22;border-top-color:#1c2c6e;border-right-color:#d6a229;border-radius:50%;animation:bayanLoaderSpin 1s linear infinite}
.bayan-page-loader__text{position:absolute;inset-inline:0;bottom:-40px;text-align:center;color:#131e4a;font:800 12px/1.5 Cairo,system-ui,sans-serif;white-space:nowrap;letter-spacing:.1px}
@keyframes bayanLoaderSpin{to{transform:rotate(360deg)}}
@keyframes bayanLoaderFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.bayan-page-loader__card,.bayan-page-loader__ring{animation:none!important}.bayan-page-loader{transition:none}}

/* V22 — خطوات الاستقدام: مسار بصري واضح، حركة هادئة، وتجربة متجاوبة */
.steps-showcase{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 6%,#1c2c6e12,transparent 28%),
    radial-gradient(circle at 92% 88%,#d6a22914,transparent 26%),
    linear-gradient(180deg,#fff 0%,#f8f9fb 100%);
}
.steps-showcase .timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  margin-top:52px;
  padding:24px 0 8px;
  overflow:visible;
}
.steps-showcase .timeline::before{
  content:"";position:absolute;z-index:0;
  top:26px;inset-inline:8%;
  height:4px;border-radius:999px;
  background:linear-gradient(90deg,#d6a229,#1c2c6e 48%,#141f4e);
  opacity:.18;
}
.steps-showcase .timeline::after{
  content:"";position:absolute;z-index:0;
  top:26px;inset-inline-start:8%;
  width:0;height:4px;border-radius:999px;
  background:linear-gradient(90deg,#d6a229,#1c2c6e,#141f4e);
  transition:width 1.2s cubic-bezier(.2,.8,.2,1);
}
.steps-showcase .timeline:has(.tl-item.in)::after{width:84%}
.steps-showcase .tl-item{
  position:relative!important;isolation:isolate;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  min-width:0;min-height:292px;
  padding:0 0 12px!important;
  text-align:center!important;transform:none!important;
  border:1px solid #e0e2ed;border-radius:26px;
  background:linear-gradient(160deg,#fff 0%,#f8f9fb 100%);
  box-shadow:0 20px 50px -36px #141f4e90;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.steps-showcase .tl-item::before{
  content:"";position:absolute;inset-inline:16px;top:0;height:4px;border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,#141f4e,#1c2c6e,#d6a229);
}
.steps-showcase .tl-item:hover{transform:translateY(-8px)!important;border-color:#1c2c6e;box-shadow:0 30px 60px -38px #1c2c6e70}
.steps-showcase .tl-dot{
  position:absolute!important;z-index:3;top:-24px;inset-inline-start:50%;
  width:52px;height:52px;margin:0!important;
  display:grid;place-items:center;
  transform:translateX(-50%)!important;
  border:4px solid #fff!important;border-radius:17px!important;
  background:linear-gradient(145deg,#141f4e,#1c2c6e)!important;
  color:#fff;font-size:18px;box-shadow:0 0 0 1px #d6a229,0 12px 24px -12px #141f4e80;
}
.steps-showcase .tl-item:last-child .tl-dot{background:linear-gradient(145deg,#138a46,#22b465)!important}
.steps-showcase .tl-box{
  position:static!important;inset:auto!important;flex:1;
  width:auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-end!important;gap:10px!important;
  padding:62px 18px 18px!important;
  border:0!important;border-radius:inherit!important;
  background:transparent!important;box-shadow:none!important;
}
.steps-showcase .tl-ic{
  width:62px;height:62px;margin:0 auto 4px!important;border-radius:20px;
  background:linear-gradient(145deg,#fff8e8,#e8eaf2)!important;color:#1c2c6e!important;
  box-shadow:inset 0 0 0 1px #ecd39a,0 12px 24px #1c2c6e14!important;
}
.steps-showcase .tl-ic .ic{width:28px;height:28px}
.steps-showcase .tl-box p{
  display:grid;gap:7px;margin:0!important;
  color:#666a72;font-size:13.5px;line-height:1.85;font-weight:600;
}
.steps-showcase .tl-box p .tl-t{color:#141f4e;font-size:16px;font-weight:900;line-height:1.4}
.steps-showcase .tl-box p .tl-d{display:block}
.steps-showcase .pay-logos{display:flex;justify-content:center;gap:5px;margin:0 0 4px}
.steps-showcase .pay-logos span{padding:4px 8px;border:1px solid #e0e2ed;border-radius:8px;background:#fff7e9;color:#a37b1f;font:800 9px/1 system-ui}
.steps-showcase .tl-item.in .tl-dot{animation:stepBadgePulse 2.6s ease-in-out infinite}
@keyframes stepBadgePulse{0%,100%{box-shadow:0 0 0 1px #d6a229,0 12px 24px -12px #141f4e80}50%{box-shadow:0 0 0 5px #d6a22922,0 18px 32px -12px #1c2c6e70}}
@media(max-width:1050px) and (min-width:701px){
  .steps-showcase .timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px}
  .steps-showcase .tl-item{min-height:270px}
}
@media(max-width:700px){
  .steps-showcase .timeline{
    display:grid;grid-template-columns:1fr;gap:12px;margin-top:34px;padding:0 2px 0 0;
  }
  .steps-showcase .timeline::before{
    top:24px;bottom:24px;inset-inline:auto;inset-inline-end:calc(100% - 27px);
    width:4px;height:auto;border-radius:999px;
    background:linear-gradient(180deg,#d6a229,#1c2c6e 55%,#138a46);
    opacity:.2;
  }
  .steps-showcase .timeline::after{
    top:24px;bottom:auto;inset-inline:auto;inset-inline-end:calc(100% - 27px);
    width:4px;height:0;
    background:linear-gradient(180deg,#d6a229,#1c2c6e,#138a46);
    transition:height 1.2s ease;
  }
  .steps-showcase .timeline:has(.tl-item.in)::after{width:4px;height:calc(100% - 48px)}
  .steps-showcase .tl-item{
    display:grid!important;grid-template-columns:56px minmax(0,1fr);
    align-items:stretch!important;min-height:0;padding:12px 12px 12px 8px!important;
    gap:12px!important;border-radius:20px;text-align:start!important;
  }
  .steps-showcase .tl-item::before{inset-inline:10px;top:0;height:3px}
  .steps-showcase .tl-dot{
    position:static!important;grid-column:1;grid-row:1;
    width:48px;height:48px;align-self:start;
    transform:none!important;border-radius:15px!important;font-size:16px;
  }
  .steps-showcase .tl-box{
    grid-column:2;grid-row:1;align-items:flex-start!important;
    justify-content:flex-start!important;padding:4px 0 2px!important;gap:8px!important;
    text-align:start!important;
  }
  .steps-showcase .tl-ic{width:45px;height:45px;margin:0!important;border-radius:14px}
  .steps-showcase .tl-ic .ic{width:22px;height:22px}
  .steps-showcase .tl-box p{font-size:13px;line-height:1.75}
  .steps-showcase .tl-box p .tl-t{font-size:14.5px}
  .steps-showcase .pay-logos{justify-content:flex-start;margin:0}
}
@media(prefers-reduced-motion:reduce){
  .steps-showcase .tl-item,.steps-showcase .tl-dot,.steps-showcase .timeline::after{transition:none!important;animation:none!important}
}

/* V23 — شعارات الجهات الرسمية المرفقة: عرض أصلي داخل بطاقات نظيفة ومتجاوبة */
.references-section .reference-card{
  min-height:158px;
  align-items:center;
  padding:20px;
  background:linear-gradient(145deg,#fff 0%,#f8f9fb 100%);
}
.references-section .reference-mark{
  position:relative;
  display:grid;
  place-items:center;
  flex:none;
  width:92px;
  height:92px;
  padding:9px;
  overflow:hidden;
  border:1px solid #e0e2ed;
  border-radius:23px;
  background:#fff;
  color:inherit;
  box-shadow:0 12px 28px -19px #141f4e80,inset 0 0 0 1px #ffffff;
}
.references-section .reference-mark::after{
  content:"";
  position:absolute;
  inset-inline:13px;
  bottom:0;
  height:3px;
  border-radius:5px 5px 0 0;
  background:#1c2c6e;
  opacity:.8;
}
.references-section .reference-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.references-section .reference-mark--musaned{border-color:#7584bd}
.references-section .reference-mark--musaned::after{background:#1c2c6e}
.references-section .reference-mark--hrsd{border-color:#c9e3d5}
.references-section .reference-mark--hrsd::after{background:#168a51}
.references-section .reference-mark--mofa{border-color:#d7dae4}
.references-section .reference-mark--mofa::after{background:#223067}
.references-section .reference-mark--absher{border-color:#bfe6cb}
.references-section .reference-mark--absher::after{background:#11934a}
.references-section .reference-copy strong{font-size:15px}
.references-section .reference-copy small{font-size:10.5px}
@media(max-width:700px){
  .references-section .reference-card{min-height:142px;padding:15px}
  .references-section .reference-mark{width:76px;height:76px;padding:7px;border-radius:19px}
  .references-section .reference-copy strong{font-size:13px}
}
@media(max-width:420px){
  .references-section .reference-card{min-height:132px;padding:13px}
  .references-section .reference-mark{width:64px;height:64px;padding:6px;border-radius:16px}
  .references-section .reference-copy strong{font-size:12px}
  .references-section .reference-copy small{font-size:9px}
}

/* رسالة نجاح طلب مراجعة العقود — تظهر بوضوح بعد الإرسال */
.contract-form .form-msg.ok{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border-radius:16px}
.contract-form .form-msg.err{display:block}

/* هيدر 2youma: الاسم الأساسي أوضح، والوصف أسفله أصغر بلون الهوية. */
.site-header .logo{min-width:0;align-items:center}
.site-header .logo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;white-space:nowrap;font-size:clamp(23px,2.1vw,31px)!important;line-height:1.02!important;letter-spacing:.01em}
.site-header .logo-text small{display:block!important;margin:0!important;font-size:clamp(10px,1vw,14px)!important;line-height:1.3!important;font-weight:800!important;color:#1c2c6e!important;letter-spacing:0!important}
.site-header .header-actions{flex:0 0 auto;min-width:max-content}
.site-header .burger{flex:0 0 auto}
@media(max-width:1200px){
  .site-header .burger{display:grid!important;visibility:visible!important;opacity:1!important;flex:0 0 44px;width:44px;height:44px}
  .site-header .main-nav{z-index:110}
}
@media(max-width:700px){
  .site-header .logo-text{font-size:clamp(20px,5.6vw,27px)!important;line-height:1.05!important}
  .site-header .logo-text small{font-size:clamp(10px,2.8vw,13px)!important}
  .site-header .burger{flex-basis:38px;width:38px;height:40px}
}

/* V39 — سطح المكتب يستخدم التنقل الكامل، والزر يبقى للجوال/الأجهزة اللوحية فقط. */
@media(min-width:1025px){.site-header .burger{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}
@media(max-width:1024px){.site-header .burger{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}}

/* V39 — صور المدونة: خلفية هادئة، وإخفاء الـ placeholder بعد نجاح الصورة. */
.blog-grid .post-img,.article-body .cover,.side-post .t{background:linear-gradient(145deg,#f4f5f8,#fff)!important}
.blog-grid .post-img .ph,.side-post .t .ph{transition:opacity .25s ease}
.blog-grid .post-img.has-photo .ph,.side-post .t.has-photo .ph,.article-body .cover.has-photo>.ph{opacity:0!important;visibility:hidden!important}
.blog-grid .post-img .slot,.side-post .t .slot{background:#fff}
.article-body .cover.has-photo{background:#141f4e}

/* V39 — خطوات الاستقدام: خط زمني واضح، أيقونات بارزة وحركة خفيفة. */
.steps-showcase .timeline{position:relative;isolation:isolate;gap:18px!important;padding:12px 4px 8px!important}
.steps-showcase .timeline::before{content:"";position:absolute;z-index:-1;inset-inline:7%;top:78px;height:3px;border-radius:999px;background:linear-gradient(90deg,#d6a229,#1c2c6e 48%,#138a46);opacity:.18}
.steps-showcase .timeline::after{content:"";position:absolute;z-index:-1;inset-inline-start:7%;top:78px;width:24%;height:3px;border-radius:999px;background:linear-gradient(90deg,#d6a229,#1c2c6e);animation:stepsProgress 5s ease-in-out infinite alternate}
.steps-showcase .tl-item{position:relative!important;min-height:274px!important;padding:14px 10px 16px!important;border:1px solid #e0e2ed!important;border-radius:24px!important;background:linear-gradient(160deg,#fff 0%,#f8f9fb 72%,#fff4e2 100%)!important;box-shadow:0 18px 40px -28px #141f4e80,0 0 0 1px #ffffff inset!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.steps-showcase .tl-item:hover{transform:translateY(-8px)!important;border-color:#d6a229!important;box-shadow:0 24px 46px -28px #1c2c6e70,0 0 0 1px #fff inset!important}
.steps-showcase .tl-item::before{content:"";position:absolute;inset-inline:18%;top:-1px;height:4px;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#d6a229,#1c2c6e,#138a46);opacity:.72}
.steps-showcase .tl-dot{z-index:2!important;width:56px!important;height:56px!important;border-radius:18px!important;border:4px solid #fff!important;background:linear-gradient(145deg,#141f4e,#1c2c6e)!important;box-shadow:0 0 0 1px #d6a229,0 14px 24px -12px #141f4e80!important}
.steps-showcase .tl-item:nth-child(2) .tl-dot{background:linear-gradient(145deg,#1c2c6e,#d6a229)!important}.steps-showcase .tl-item:nth-child(3) .tl-dot{background:linear-gradient(145deg,#138a46,#20b66a)!important}.steps-showcase .tl-item:nth-child(4) .tl-dot{background:linear-gradient(145deg,#1c2c6e,#1c2c6e)!important}
.steps-showcase .tl-ic{width:68px!important;height:68px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff8e8,#e8eaf2)!important;box-shadow:inset 0 0 0 1px #ecd39a,0 14px 28px -18px #1c2c6e70!important;transition:transform .35s ease,box-shadow .35s ease!important}
.steps-showcase .tl-item:hover .tl-ic{transform:rotate(-4deg) scale(1.08)!important;box-shadow:inset 0 0 0 1px #d6a229,0 18px 30px -18px #1c2c6e70!important}
.steps-showcase .tl-box p .tl-t{font-size:17px!important;letter-spacing:-.01em}.steps-showcase .tl-box p .tl-d{font-size:13.5px!important}
@keyframes stepsProgress{from{transform:scaleX(.45);transform-origin:var(--progress-origin,start)}to{transform:scaleX(1);transform-origin:var(--progress-origin,start)}}
@media(max-width:700px){
  .steps-showcase .timeline{gap:12px!important;padding:4px 0!important}
  .steps-showcase .timeline::before{inset-inline:auto 26px;top:26px;bottom:26px;width:3px;height:auto;background:linear-gradient(180deg,#d6a229,#1c2c6e 55%,#138a46)}
  .steps-showcase .timeline::after{inset-inline:auto 26px;top:26px;width:3px;height:34%;background:linear-gradient(180deg,#d6a229,#1c2c6e,#138a46);animation:stepsProgressMobile 5s ease-in-out infinite alternate}
  .steps-showcase .tl-item{grid-template-columns:58px minmax(0,1fr)!important;min-height:0!important;padding:12px 12px 12px 10px!important;border-radius:20px!important}
  .steps-showcase .tl-dot{width:50px!important;height:50px!important;border-radius:15px!important}
  .steps-showcase .tl-ic{width:48px!important;height:48px!important;border-radius:15px!important}
  .steps-showcase .tl-box p .tl-t{font-size:15px!important}.steps-showcase .tl-box p .tl-d{font-size:12.5px!important}
}
@keyframes stepsProgressMobile{from{height:20%}to{height:calc(100% - 52px)}}
@media(prefers-reduced-motion:reduce){.steps-showcase .timeline::after,.steps-showcase .tl-item,.steps-showcase .tl-ic{animation:none!important;transition:none!important}}

/* V40 — أيقونات خطوات الاستقدام المولّدة خصيصاً للهوية، مع حركة ناعمة دون تشتيت. */
.steps-showcase .tl-ic.tl-ic-image{position:relative;overflow:visible!important;display:grid;place-items:center}
.steps-showcase .tl-ic-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 12px #1c2c6e30);transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease}
.steps-showcase .tl-item:hover .tl-ic-image img{transform:scale(1.13) rotate(-3deg);filter:drop-shadow(0 14px 16px #1c2c6e50)}
@media(max-width:700px){.steps-showcase .tl-ic-image img{filter:drop-shadow(0 7px 9px #1c2c6e30)}.steps-showcase .tl-item:hover .tl-ic-image img{transform:scale(1.08) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.steps-showcase .tl-ic-image img{transition:none!important}}

/* V41 — رحلة الاستقدام: رقم كل مرحلة داخل البطاقة، لا يخرج عنها ولا يغطي النص. */
@media(min-width:701px){
  .steps-showcase .tl-item{
    overflow:visible!important;
    min-height:320px!important;
    padding-top:12px!important;
  }
  .steps-showcase .tl-dot{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    inset-inline-start:auto!important;
    transform:none!important;
    order:-1!important;
    align-self:center!important;
    flex:0 0 auto!important;
    margin:0 auto 2px!important;
  }
  .steps-showcase .tl-box{
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    padding:10px 18px 18px!important;
  }
}
.steps-showcase .tl-item .tl-dot{isolation:isolate}
.steps-showcase .tl-item .tl-dot::after{
  content:"";position:absolute;inset:-7px;border:1px solid #d6a22955;border-radius:inherit;
  opacity:0;transform:scale(.8);transition:opacity .35s ease,transform .35s ease;pointer-events:none;
}
.steps-showcase .tl-item:hover .tl-dot::after{opacity:1;transform:scale(1)}
@media(max-width:700px){
  .steps-showcase .tl-item{overflow:visible!important}
  .steps-showcase .tl-dot{z-index:3!important}
}

/* V42 — صور السليدر أوضح، مع طبقة قراءة خفيفة بدل تعتيم الصورة بالكامل. */
.hero.mada-home.mada-reference .hero-bg::after,
html[dir=ltr] .hero.mada-home.mada-reference .hero-bg::after{
  background:linear-gradient(180deg,rgba(20,31,78,.10) 0%,rgba(20,31,78,.27) 48%,rgba(20,31,78,.52) 100%)!important;
}
.hero.mada-home.mada-reference .hero-content{text-shadow:0 3px 18px rgba(0,0,0,.28)}
.site-header{z-index:1000!important}.site-header .main-nav{z-index:1001!important}

/* V42 — رحلة الاستقدام الجديدة: كل رقم داخل البطاقة، ومسار مضيء يصل المحطات. */
.steps-journey{background:radial-gradient(circle at 8% 12%,#1c2c6e14,transparent 28%),radial-gradient(circle at 92% 84%,#d6a22918,transparent 30%),linear-gradient(180deg,#fff,#f4f5f9 68%,#fff)!important}
.steps-journey .journey-head{position:relative;z-index:2}
.steps-journey .journey-head h2{letter-spacing:-.04em}
.steps-journey .journey-track{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;margin-top:66px!important;padding:0 4px 12px!important;isolation:isolate}
.steps-journey .journey-track::before{z-index:-1!important;top:37px!important;inset-inline:6%!important;height:5px!important;background:linear-gradient(90deg,#d6a229,#1c2c6e 48%,#138a46)!important;opacity:.16!important;box-shadow:0 0 0 8px #fff,0 12px 28px #1c2c6e26!important}
.steps-journey .journey-track::after{z-index:-1!important;top:37px!important;inset-inline-start:6%!important;width:16%!important;height:5px!important;background:linear-gradient(90deg,#d6a229,#1c2c6e,#138a46)!important;animation:journeyRail 6s ease-in-out infinite alternate!important;transform-origin:var(--progress-origin,start)}
.steps-journey .tl-item,.steps-journey .tl-item:nth-child(even){display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:350px!important;margin-top:0!important;padding:14px 14px 20px!important;border:1px solid #e0e2ed!important;border-radius:28px!important;background:linear-gradient(160deg,#fff 0%,#f8f9fb 72%,#fff1df 100%)!important;box-shadow:0 22px 50px -34px #141f4e75,0 0 0 1px #ffffff inset!important;transform:none!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
.steps-journey .tl-item:nth-child(even){margin-top:28px!important}
.steps-journey .tl-item::before{inset-inline:18px!important;top:0!important;height:4px!important;background:linear-gradient(90deg,#d6a229,#1c2c6e,#138a46)!important}
.steps-journey .tl-item:hover{transform:translateY(-9px)!important;border-color:#d6a229!important;box-shadow:0 32px 64px -38px #1c2c6e75,0 0 0 1px #fff inset!important}
.steps-journey .tl-dot{position:relative!important;inset:auto!important;top:auto!important;inset-inline-start:auto!important;order:-1!important;align-self:center!important;flex:0 0 auto!important;width:66px!important;height:66px!important;margin:0 auto 9px!important;border:4px solid #fff!important;border-radius:22px!important;background:#fff!important;color:#182761!important;font-size:21px!important;box-shadow:0 0 0 2px #d6a229,0 14px 28px -15px #1c2c6e70!important;transform:none!important;transition:transform .4s ease,box-shadow .4s ease!important}
.steps-journey .tl-item:nth-child(2) .tl-dot{color:#182761!important;box-shadow:0 0 0 2px #1c2c6e,0 14px 28px -15px #1c2c6e70!important}
.steps-journey .tl-item:nth-child(3) .tl-dot{color:#168a51!important;box-shadow:0 0 0 2px #168a51,0 14px 28px -15px #168a5170!important}
.steps-journey .tl-item:nth-child(4) .tl-dot{color:#1c2c6e!important;box-shadow:0 0 0 2px #1c2c6e,0 14px 28px -15px #1c2c6e70!important}
.steps-journey .tl-item:last-child .tl-dot{color:#138a46!important;box-shadow:0 0 0 2px #138a46,0 14px 28px -15px #138a4670!important}
.steps-journey .tl-dot::before{content:"";position:absolute;inset:-8px;border:1px solid currentColor;border-radius:inherit;opacity:.18;animation:journeyBadge 2.8s ease-in-out infinite}
.steps-journey .tl-box{width:100%!important;min-height:0!important;flex:1 1 auto!important;justify-content:flex-start!important;align-items:center!important;padding:10px 8px 0!important;gap:10px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.steps-journey .tl-ic{width:82px!important;height:82px!important;margin:0 auto 2px!important;border-radius:25px!important;background:linear-gradient(145deg,#fff8e8,#e8eaf2)!important;box-shadow:inset 0 0 0 1px #ecd39a,0 15px 30px -18px #1c2c6e75!important}
.steps-journey .tl-ic-image img{animation:journeyIconFloat 4.8s ease-in-out infinite}
.steps-journey .tl-item:nth-child(2) .tl-ic{background:linear-gradient(145deg,#e8eaf2,#fff8e8)!important}
.steps-journey .tl-item:nth-child(3) .tl-ic{background:linear-gradient(145deg,#effcf4,#fff8e8)!important}
.steps-journey .tl-item:nth-child(4) .tl-ic{background:linear-gradient(145deg,#f2f3f8,#fff8e8)!important}
.steps-journey .tl-item:last-child .tl-ic{background:linear-gradient(145deg,#effcf4,#fff)!important}
.steps-journey .tl-item:hover .tl-dot{transform:translateY(-4px) rotate(-4deg)!important;box-shadow:0 0 0 5px #d6a22933,0 17px 30px -15px #1c2c6e75!important}
.steps-journey .tl-item:hover .tl-ic-image img{animation:journeyIconPop .6s cubic-bezier(.2,.8,.2,1) both}
.steps-journey .tl-box p{max-width:21ch!important;text-align:center!important;font-size:13.5px!important;line-height:1.8!important}
.steps-journey .tl-box p .tl-t{font-size:16px!important;color:#141f4e!important}
.steps-journey .journey-summary{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px auto 0;padding:12px 18px;width:max-content;max-width:100%;border:1px solid #e0e2ed;border-radius:999px;background:#fff;color:#53565e;box-shadow:0 12px 30px -24px #141f4e80;font-size:12px}
.steps-journey .journey-summary strong{color:#182761}.journey-summary__pulse{width:9px;height:9px;border-radius:50%;background:#d6a229;box-shadow:0 0 0 5px #d6a22922;animation:journeyPulse 1.8s ease-in-out infinite}
@keyframes journeyRail{from{transform:scaleX(.45)}to{transform:scaleX(1)}}
@keyframes journeyBadge{0%,100%{transform:scale(.86);opacity:.1}50%{transform:scale(1.1);opacity:.45}}
@keyframes journeyIconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1.5deg)}}
@keyframes journeyIconPop{from{transform:scale(.9) rotate(-5deg)}to{transform:scale(1.08) rotate(0)}}
@keyframes journeyPulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.25);opacity:1}}
@media(max-width:1050px) and (min-width:701px){.steps-journey .journey-track{grid-template-columns:repeat(3,minmax(0,1fr))!important}.steps-journey .tl-item:nth-child(even){margin-top:0!important}.steps-journey .tl-item{min-height:320px!important}}
@media(max-width:700px){
  .steps-journey .journey-track{grid-template-columns:1fr!important;gap:12px!important;margin-top:34px!important;padding:0!important}
  .steps-journey .journey-track::before{top:28px!important;bottom:28px!important;inset-inline-start:27px!important;inset-inline-end:auto!important;width:4px!important;height:auto!important;background:linear-gradient(180deg,#d6a229,#1c2c6e 55%,#138a46)!important;box-shadow:0 0 0 5px #fff!important}
  .steps-journey .journey-track::after{top:28px!important;bottom:auto!important;inset-inline-start:27px!important;width:4px!important;height:32%!important;animation:journeyRailMobile 6s ease-in-out infinite alternate!important;transform:none!important}
  .steps-journey .tl-item,.steps-journey .tl-item:nth-child(even){display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:start!important;min-height:0!important;margin:0!important;padding:14px 14px 14px 10px!important;border-radius:22px!important;gap:12px!important}
  .steps-journey .tl-dot{grid-column:1!important;grid-row:1!important;align-self:start!important;width:50px!important;height:50px!important;margin:0!important;border-radius:17px!important;font-size:17px!important}
  .steps-journey .tl-box{grid-column:2!important;grid-row:1!important;align-items:flex-start!important;padding:0!important;gap:7px!important;text-align:start!important}
  .steps-journey .tl-ic{width:54px!important;height:54px!important;border-radius:17px!important;margin:0 0 2px!important}
  .steps-journey .tl-box p{max-width:none!important;text-align:start!important;font-size:13px!important;line-height:1.78!important}
  .steps-journey .tl-box p .tl-t{font-size:14.5px!important}
  .steps-journey .pay-logos{justify-content:flex-start!important;margin:0!important}
  .steps-journey .journey-summary{border-radius:18px;text-align:center;line-height:1.8;padding:11px 14px}
}
@keyframes journeyRailMobile{from{height:18%}to{height:calc(100% - 56px)}}
@media(prefers-reduced-motion:reduce){.steps-journey .tl-ic-image img,.steps-journey .tl-dot::before,.steps-journey .journey-track::after,.journey-summary__pulse{animation:none!important}.steps-journey .tl-item,.steps-journey .tl-dot{transition:none!important}}

/* V43 — انتقالات الصور لا تخفي الشريحة النشطة، وتظل الصور واضحة أثناء التحميل. */
.hero.mada-home.mada-reference .hero-bg .hero-poster.is-changing{opacity:.92!important;transform:scale(1.025)!important;transition:opacity .22s ease,transform .65s ease!important}
.page-hero.mada-immersive .mada-hero-art img.is-switching{opacity:.94!important;transform:scale(1.025)!important;transition:opacity .22s ease,transform .45s ease!important}
.blog-grid .post-img{background-position:center;background-size:cover;background-repeat:no-repeat}
.blog-grid .post-img .slot{opacity:1!important;visibility:visible!important;display:block!important}
.article-body .cover.cover-split{background:#141f4e!important;background:radial-gradient(120% 90% at 100% 0%,#1c2c6e 0%,#1c2c6e00 55%),linear-gradient(135deg,#141f4e 0%,#1c2c6e 62%,#131e4a 100%)!important}
.article-body .cover.cover-split .cover-info{color:#fff!important}
.article-body .cover.cover-split .cover-info .ci-lead{color:#fff!important;text-shadow:0 2px 12px #0009}
.article-body .cover.cover-split .cover-info .post-meta .pm{color:#fff!important}
.article-body .cover.cover-split .cover-info .post-meta .pm time{color:inherit!important}

/* V44 — تجربة خطوات جديدة بالكامل: شاشة تركيز + قائمة مراحل قابلة للاستكشاف. */
.steps-orbit{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 15%,#1c2c6e14,transparent 31%),radial-gradient(circle at 92% 80%,#d6a22918,transparent 30%),linear-gradient(135deg,#fff 0%,#f2f3f8 52%,#f8f9fb 100%)!important}
.steps-orbit::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(#1c2c6e33 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,#000,transparent 66%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 66%)}
.orbit-head{position:relative;z-index:1;max-width:710px;margin-inline:auto}.orbit-head h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.045em}.orbit-head p{font-size:15px;color:#666b75;line-height:1.9}
.orbit-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,76px);max-width:1120px;margin:48px auto 0}
.orbit-stage{position:relative;min-height:450px;display:grid;place-items:center;isolation:isolate}.orbit-stage__halo{position:absolute;width:390px;height:390px;border-radius:50%;border:1px solid #1c2c6e35;box-shadow:0 0 0 22px #1c2c6e08,0 0 0 52px #d6a22908;animation:orbitHalo 7s linear infinite}.orbit-stage__halo--two{width:290px;height:290px;border-style:dashed;border-color:#d6a22955;animation-direction:reverse;animation-duration:11s}.orbit-screen{position:relative;width:min(100%,350px);aspect-ratio:4/5;padding:22px 22px 24px;border:1px solid #e0e2ed;border-radius:34px;background:linear-gradient(160deg,#141f4e 0%,#2f3037 58%,#131e4a 100%);box-shadow:0 30px 70px -32px #141f4eaa,0 0 0 8px #fff,0 0 0 9px #e0e2ed;overflow:hidden;transform:rotate(-3deg);transition:transform .4s ease,box-shadow .4s ease}.orbit-screen::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;inset-inline-end:-96px;inset-block-start:-76px;background:radial-gradient(circle,#1c2c6e80,transparent 70%)}.orbit-screen::after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(125deg,transparent 30%,#fff 31%,transparent 32%),linear-gradient(55deg,transparent 65%,#fff 66%,transparent 67%);background-size:180px 180px;pointer-events:none}.orbit-screen:hover{transform:rotate(0) translateY(-8px);box-shadow:0 38px 80px -34px #1c2c6e99,0 0 0 8px #fff,0 0 0 9px #d6a229}
.orbit-screen__eyebrow,.orbit-screen__number,.orbit-screen__copy{position:relative;z-index:1}.orbit-screen__eyebrow{display:block;color:#ebecf3;font:800 10px/1.2 system-ui;letter-spacing:.18em}.orbit-screen__number{display:block;margin-top:22px;color:#fff;font:900 clamp(60px,8vw,92px)/.85 system-ui;opacity:.16}.orbit-screen img{position:relative;z-index:1;display:block;width:76%;height:176px;object-fit:contain;margin:-20px auto 12px;filter:drop-shadow(0 16px 16px #0008);transition:opacity .25s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.steps-orbit.is-swapping .orbit-screen img{opacity:.1;transform:scale(.9) translateY(10px)}.orbit-screen__copy{display:grid;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid #ffffff32;color:#fff}.orbit-screen__copy strong{font-size:20px;line-height:1.5}.orbit-screen__copy span{font-size:12px;line-height:1.8;color:#f1f2f7}
.orbit-signal{position:absolute;inset-inline-start:0;inset-block-end:20px;display:grid;grid-template-columns:10px auto;column-gap:8px;align-items:center;padding:10px 14px;border:1px solid #e0e2ed;border-radius:15px;background:#ffffffd9;box-shadow:0 14px 30px -25px #141f4e;animation:signalFloat 3.4s ease-in-out infinite}.orbit-signal span{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#138a46;box-shadow:0 0 0 5px #138a4622}.orbit-signal b{font-size:11px;color:#141f4e}.orbit-signal small{font-size:10px;color:#70737b}
.orbit-list{display:grid;gap:10px}.orbit-node{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 24px;align-items:center;gap:13px;width:100%;padding:13px 14px;border:1px solid #e0e2ed;border-radius:19px;background:#ffffffc7;color:#53565e;text-align:start;cursor:pointer;transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease}.orbit-node:hover{transform:translateX(-5px);border-color:#d6a229;box-shadow:0 18px 34px -26px #1c2c6e70}.orbit-node.is-active{border-color:#1c2c6e;background:linear-gradient(105deg,#fff,#f6f7fa);box-shadow:0 18px 38px -26px #1c2c6e75}.orbit-node__num{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#141f4e;color:#fff;font:900 14px/1 system-ui;box-shadow:0 8px 18px -12px #141f4e}.orbit-node.is-active .orbit-node__num{background:linear-gradient(145deg,#1c2c6e,#131e4a)}.orbit-node__body{display:grid;gap:4px;min-width:0}.orbit-node__body strong{color:#141f4e;font-size:15px}.orbit-node__body span{font-size:12px;line-height:1.7;color:#737681}.orbit-node__arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e8eaf2;color:#1c2c6e;font-size:16px;opacity:.35;transition:opacity .25s,transform .25s}.orbit-node.is-active .orbit-node__arrow,.orbit-node:hover .orbit-node__arrow{opacity:1;transform:translate(-2px,-2px)}
.orbit-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:max-content;max-width:100%;margin:30px auto 0;padding:13px 20px;border:1px solid #e0e2ed;border-radius:999px;background:#ffffffd9;color:#666b75;font-size:12px;box-shadow:0 12px 30px -25px #141f4e}.orbit-footer strong{color:#182761}.orbit-footer__pulse{width:9px;height:9px;border-radius:50%;background:#d6a229;box-shadow:0 0 0 5px #d6a22924;animation:orbitPulse 1.8s ease-in-out infinite}
@keyframes orbitHalo{to{transform:rotate(360deg)}}@keyframes signalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbitPulse{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.25);opacity:1}}
@media(max-width:860px){.orbit-layout{grid-template-columns:1fr;gap:30px;max-width:650px}.orbit-stage{min-height:400px}.orbit-screen{width:min(80vw,330px)}.orbit-signal{inset-inline-start:4%;bottom:8px}.orbit-list{gap:8px}}
@media(max-width:560px){.orbit-layout{margin-top:32px}.orbit-stage{min-height:350px}.orbit-stage__halo{width:280px;height:280px}.orbit-stage__halo--two{width:210px;height:210px}.orbit-screen{width:74vw;min-width:250px;padding:18px;border-radius:27px}.orbit-screen img{height:132px;margin:-12px auto 9px}.orbit-screen__number{font-size:64px;margin-top:16px}.orbit-screen__copy strong{font-size:17px}.orbit-screen__copy span{font-size:11px}.orbit-signal{inset-inline-start:0;bottom:0}.orbit-node{grid-template-columns:43px minmax(0,1fr) 20px;padding:10px;gap:10px;border-radius:16px}.orbit-node__num{width:40px;height:40px;border-radius:12px;font-size:12px}.orbit-node__body strong{font-size:13px}.orbit-node__body span{font-size:11px}.orbit-footer{border-radius:18px;text-align:center;line-height:1.8;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.orbit-stage__halo,.orbit-signal,.orbit-footer__pulse{animation:none!important}.orbit-screen,.orbit-node,.orbit-screen img{transition:none!important}}

/* V45 — تواصل واضح أسفل فريقنا + نقرة مباشرة على صورة المرحلة. */
.orbit-screen{cursor:pointer;user-select:none}.orbit-screen:focus-visible{outline:3px solid #d6a229;outline-offset:7px}.orbit-screen__hint{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;color:#e5e7f0!important;font-size:10px!important;opacity:.86;animation:orbitHint 2.2s ease-in-out infinite}.orbit-screen__hint span{font-size:15px;line-height:1}.team-contact-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:950px;margin:28px auto 0;padding:16px 18px;border:1px solid #e0e2ed;border-radius:22px;background:linear-gradient(110deg,#fff 0%,#f4f5f9 55%,#f8f9fb 100%);box-shadow:0 18px 45px -34px #141f4e8a}.team-contact-copy{display:flex;align-items:center;gap:12px;min-width:0}.team-contact-copy>div{display:grid;gap:3px}.team-contact-copy strong{color:#141f4e;font-size:14px}.team-contact-copy small{color:#737681;font-size:11px;line-height:1.6}.team-contact-pulse{flex:none;width:13px;height:13px;border-radius:50%;background:#25d366;box-shadow:0 0 0 7px #25d3661e;animation:contactPulse 1.9s ease-in-out infinite}.team-contact-actions{display:flex;gap:9px;flex:none}.team-contact-actions .btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;white-space:nowrap}.team-contact-actions .ic{width:16px;height:16px}.map{isolation:isolate}.map-open{position:absolute;z-index:3;inset-inline-start:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e0e2ed;border-radius:999px;background:#fffffff2;color:#182761;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 10px 22px -16px #141f4e;transition:transform .2s ease,background .2s ease}.map-open:hover{transform:translateY(-2px);background:#fff}.references-section .reference-card img{opacity:1!important;visibility:visible!important}
@keyframes orbitHint{0%,100%{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes contactPulse{0%,100%{transform:scale(.82);box-shadow:0 0 0 6px #25d36618}50%{transform:scale(1.1);box-shadow:0 0 0 10px #25d36625}}
@media(max-width:700px){.team-contact-bar{align-items:stretch;flex-direction:column;gap:13px;padding:14px}.team-contact-actions{width:100%}.team-contact-actions .btn{flex:1;justify-content:center;padding-inline:8px}.map-open{inset-inline-start:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.orbit-screen__hint,.team-contact-pulse{animation:none!important}}

/* v13 fix: blog card covers — keep image layered over the (hidden) placeholder instead of being pushed below it. */
.blog-grid .post-img .slot,.post-img .slot{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover}
.post-img.has-photo .ph{position:absolute!important;inset:0}

/* v46: unified floating contact button (WhatsApp + Call in one FAB) */
.float-actions[data-fab]{display:flex;flex-direction:column;align-items:flex-end;gap:12px;bottom:22px}
.float-actions[data-fab] .fa-menu{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.float-actions[data-fab]:not(.is-open) .fa-menu{pointer-events:none}
.float-actions[data-fab] .fa-menu a{width:auto;height:48px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0;background:none!important;box-shadow:none;color:#141f4e;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(12px) scale(.92);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}
.float-actions[data-fab] .fa-menu a::before{display:none}
.float-actions[data-fab] .fa-menu a i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px -8px rgba(20,31,78,.45);flex:none;font-style:normal;transition:transform .2s}
.float-actions[data-fab] .fa-wa i{background:#25d366}
.float-actions[data-fab] .fa-call i{background:linear-gradient(135deg,#1c2c6e,#131e4a)}
.float-actions[data-fab] .fa-menu a svg{width:22px;height:22px}
.float-actions[data-fab] .fa-lbl{background:#fff;color:#141f4e;font-weight:800;font-size:14px;line-height:1;padding:10px 14px;border-radius:999px;box-shadow:0 10px 26px -10px rgba(20,31,78,.35);border:1px solid #e1e4ee;white-space:nowrap}
.float-actions[data-fab].is-open .fa-menu a{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}
.float-actions[data-fab].is-open .fa-menu a:nth-child(1){transition-delay:.06s}
.float-actions[data-fab] .fa-menu a:hover i{transform:scale(1.06)}
.float-actions[data-fab] .fa-toggle{position:relative;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:#25d366;box-shadow:0 14px 30px -10px rgba(37,211,102,.7);transition:background .25s,transform .25s,box-shadow .25s;padding:0}
.float-actions[data-fab] .fa-toggle::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:inherit;opacity:.25;animation:ring 2.2s ease infinite;z-index:-1}
.float-actions[data-fab] .fa-toggle:hover{transform:scale(1.06)}
.float-actions[data-fab] .fa-toggle svg{width:26px;height:26px}
.float-actions[data-fab] .fa-toggle>span{grid-area:1/1;display:grid;place-items:center;transition:opacity .2s,transform .25s}
.float-actions[data-fab] .fa-ic-close{opacity:0;transform:rotate(-90deg)}
.float-actions[data-fab].is-open .fa-toggle{background:linear-gradient(135deg,#141f4e,#0f183b);box-shadow:0 14px 30px -12px rgba(20,31,78,.7)}
.float-actions[data-fab].is-open .fa-toggle::before{display:none}
.float-actions[data-fab].is-open .fa-ic-open{opacity:0;transform:rotate(90deg)}
.float-actions[data-fab].is-open .fa-ic-close{opacity:1;transform:none}
.float-actions[data-fab] .fa-toggle:focus-visible,.float-actions[data-fab] .fa-menu a:focus-visible{outline:3px solid #1c2c6e66;outline-offset:3px}
[dir="ltr"] .back-top{right:auto;left:22px}
@media (max-width:768px){
  .float-actions[data-fab]{bottom:14px;left:14px}
  [dir="ltr"] .float-actions[data-fab]{left:auto;right:14px}
  .float-actions[data-fab] .fa-toggle{width:52px;height:52px}
  .float-actions[data-fab] .fa-toggle svg{width:24px;height:24px}
  .back-top{bottom:14px!important;right:14px}
  [dir="ltr"] .back-top{right:auto;left:14px}
  footer{padding-bottom:76px}
}
@media (prefers-reduced-motion:reduce){.float-actions[data-fab] .fa-toggle::before{animation:none}}

/* رابط «تصميم وتنفيذ الموقع» إلى 2youma.com */
a.site-maker{text-decoration:none;cursor:pointer}
a.site-maker img{transition:opacity .2s,transform .2s}
a.site-maker:hover img,a.site-maker:focus-visible img{opacity:1;transform:translateY(-1px)}


/* ===== Footer: official info + 2youma signature (2026-10-15) ===== */
.f-official{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17)}
.f-off-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease;min-height:56px}
a.f-off-item:hover,a.f-off-item:focus-visible{background:rgba(255,255,255,.11);border-color:rgba(117,132,189,.55);transform:translateY(-2px)}
a.f-off-item:focus-visible{outline:2px solid #7584bd;outline-offset:3px}
.f-off-ic{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#1c2c6e,#1c2c6e);color:#fff;box-shadow:0 6px 16px rgba(28,44,110,.35)}
.f-off-item.is-gov .f-off-ic{background:linear-gradient(135deg,#1c2c6e,#1c2c6e);box-shadow:0 6px 16px rgba(24,38,95,.45)}
.f-off-ic svg{width:19px;height:19px}
.f-off-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.f-off-txt small{font-size:12px;color:rgba(255,255,255,.72);font-weight:500;overflow-wrap:anywhere}
.f-off-txt b{font-size:17px;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#fff;text-align:start}
.f-off-cta{margin-inline-start:auto;font-size:11px;font-weight:700;color:#7584bd;white-space:nowrap}

@property --mk-ang{syntax:"<angle>";initial-value:0deg;inherits:false}
.f-credit{position:relative;background:rgba(8,13,33,.32);border-top:1px solid rgba(255,255,255,.08);padding:26px 16px 30px;display:flex;justify-content:center;overflow:hidden}
.f-credit::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(117,132,189,.7),rgba(255,255,255,.9),rgba(117,132,189,.7),transparent)}
.f-credit-card{--mk-ang:0deg;position:relative;display:inline-flex;align-items:center;gap:14px;padding:9px 10px;border-radius:999px;text-decoration:none;color:#fff;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 14px 34px rgba(0,0,0,.28);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.f-credit-card::before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--mk-ang),rgba(255,255,255,.15) 0deg,#7584bd 70deg,#ffffff 110deg,#ef4444 150deg,rgba(255,255,255,.15) 200deg,rgba(255,255,255,.15) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:mkSpin 6s linear infinite;z-index:-1}
.f-credit-card:hover,.f-credit-card:focus-visible{transform:translateY(-3px);box-shadow:0 20px 44px rgba(0,0,0,.36),0 0 0 6px rgba(117,132,189,.08)}
.f-credit-card:focus-visible{outline:2px solid #7584bd;outline-offset:4px}
.f-credit-logo{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#090e1f;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.f-credit-logo::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(117,132,189,.5);animation:mkPulse 2.8s ease-out infinite}
.site-footer .f-credit-logo img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}
.f-credit-txt{display:flex;flex-direction:column;line-height:1.25;text-align:start}
.f-credit-txt small{font-size:12px;font-weight:600;color:rgba(255,255,255,.7)}
.f-credit-txt b{font-family:inherit;font-size:20px;font-weight:900;letter-spacing:.14em;background:linear-gradient(90deg,#ffffff 0%,#7584bd 50%,#ffffff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mkShine 5s ease-in-out infinite}
.f-credit-txt em{font-style:normal;font-size:11px;color:rgba(255,255,255,.55)}
.f-credit-go{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;margin-inline-start:6px;transition:background .25s ease,transform .25s ease}
.f-credit-go svg{width:17px;height:17px}
.f-credit-card:hover .f-credit-go{background:#1c2c6e;transform:translateX(-3px) rotate(-8deg)}
[dir="ltr"] .f-credit-card:hover .f-credit-go{transform:translateX(3px) rotate(8deg)}
[dir="ltr"] .f-credit-go svg{transform:scaleX(-1)}
@keyframes mkSpin{to{--mk-ang:360deg}}
@keyframes mkPulse{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.22);opacity:0}}
@keyframes mkShine{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
@media (max-width:560px){.f-credit-card{gap:11px;padding:8px}.f-credit-txt b{font-size:18px}.f-credit-txt em{display:none}.f-off-txt b{font-size:16px}}
@media (prefers-reduced-motion:reduce){.f-credit-card::before,.f-credit-logo::after,.f-credit-txt b{animation:none}.f-credit-card,.f-off-item{transition:none}}

/* Footer mobile layout (2026-10-15): contact after socials, official numbers last, no dead space */
@media (max-width:768px){
html body footer.site-footer{padding-bottom:0 !important}
.site-footer .f-grid{gap:0}
.site-footer .f-grid>.f-brand{display:contents}
.site-footer .f-brand>*{order:1}
.site-footer .f-grid>div:nth-child(3){order:2;margin-top:36px}
.site-footer .f-grid>div:nth-child(2){order:3;margin-top:36px}
.site-footer .f-brand>.f-official{order:4;margin-top:32px}
.site-footer .f-bottom{margin-top:28px}
.f-credit{padding:20px 16px calc(22px + env(safe-area-inset-bottom))}
.f-credit-go{display:none}
.f-credit-card{padding-block:7px;padding-inline:8px 20px;gap:12px}
}


/* ===== Rental packages v2 (2026-10-15) — content from dashboard ===== */
.rp-grid{align-items:stretch;gap:26px;padding-top:14px}
.rp-grid .rp2{padding:30px 24px 24px;border-radius:24px;border:1px solid #dcdfeb;gap:10px;box-shadow:0 14px 36px rgba(20,31,78,.07);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.rp-grid .rp2:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(20,31,78,.13)}
.rp2 h3{font-size:21px;font-weight:800;margin:4px 0 0}
.rp2 .rp-months{display:inline-block;align-self:center;background:#f0f2f7;color:#182761;font-size:12.5px;font-weight:800;padding:3px 12px;border-radius:999px}
.rp2-nats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rp2-nat{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border-radius:999px;background:linear-gradient(135deg,#fff7e6,#ffefd0);border:1px solid #f6d48b;color:#7a4b00;font-size:13px;font-weight:800;line-height:1.2}
.rp2-nat img{width:22px;height:16px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.rp2-nat svg{width:16px;height:16px}
.rp2-nat.is-all{background:#f3f4f8;border-color:#e3e5ef;color:#64788b;font-weight:700}
.rp2-pricebox{margin:6px 0 2px;padding:16px 12px 14px;border-radius:18px;background:linear-gradient(180deg,#f6f7fa,#eff0f6);border:1px solid #e2e4ee}
.rp2 .rp-price{display:flex;align-items:baseline;justify-content:center;gap:6px}
.rp2 .rp-price b{font-size:42px;line-height:1;font-weight:900;color:var(--navy,#141f4e);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rp2 .rp-price small{font-size:13px;color:#64788b;font-weight:700}
.rp2 .rp-total{margin-top:6px;font-size:13px;color:#223067;font-weight:600}
.rp2-old{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}
.rp2-old s{color:#848dae;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.rp2-old em{font-style:normal;background:#fee2e2;color:#b91c1c;font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px}
.rp-grid .rp2 .rp2-desc{flex:0 0 auto;color:#5b6475;font-size:14px;line-height:1.7;margin:2px 0 0}
.rp-grid .rp2 .rp2-feats{flex:0 0 auto}
.rp2-feats{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:9px;text-align:start}
.rp2-feats li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#1c2754;line-height:1.55}
.rp2-feats svg{flex:0 0 20px;width:20px;height:20px;padding:3px;border-radius:50%;background:#dee1ed;color:#1c2c6e;margin-top:1px}
.rp2 .rp2-cta{margin-top:auto;min-height:48px;font-weight:800;border-radius:14px}
.rp2.is-best{background:linear-gradient(150deg,#141f4e 0%,#1c2c6e 55%,#192762 100%);border:0;color:#fff;box-shadow:0 26px 60px rgba(20,31,78,.32)}
.rp2.is-best h3,.rp2.is-best .rp-price b{color:#fff}
.rp2.is-best .rp-months{background:rgba(255,255,255,.14);color:#7584bd}
.rp2.is-best .rp2-pricebox{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.rp2.is-best .rp-price small,.rp2.is-best .rp-total,.rp2.is-best .rp2-desc{color:rgba(255,255,255,.78)}
.rp2.is-best .rp2-old s{color:rgba(255,255,255,.55)}
.rp2.is-best .rp2-feats li{color:rgba(255,255,255,.92)}
.rp2.is-best .rp2-feats svg{background:rgba(117,132,189,.2);color:#7584bd}
.rp2.is-best .rp2-nat.is-all{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#e3e5ef}
.rp2.is-best .rp-badge{background:linear-gradient(135deg,#fbbf24,#d6a229);color:#3b2600;box-shadow:0 8px 20px rgba(214,162,41,.4);font-size:13px;padding:5px 16px}
.rp2.is-best .rp2-cta{background:#fff;color:#141f4e;border-color:#fff}
.rp2.is-best .rp2-cta:hover{background:#f0f2f7}
.rp2 .rp2-cta:focus-visible{outline:3px solid #7584bd;outline-offset:3px}
@media (min-width:900px){.rp-grid .rp2.is-best{transform:scale(1.04)}.rp-grid .rp2.is-best:hover{transform:scale(1.04) translateY(-6px)}}
@media (max-width:560px){.rp2 .rp-price b{font-size:36px}.rp-grid{gap:22px}}
@media (prefers-reduced-motion:reduce){.rp-grid .rp2,.rp-grid .rp2:hover{transition:none;transform:none}}

/* بطاقة «تصميم وتنفيذ الموقع» عرض فقط (بلا رابط) */
.f-credit-card.is-static{cursor:default}
.f-credit-card.is-static:hover{transform:none;box-shadow:0 14px 34px rgba(0,0,0,.28)}

/* 2026-11-03: English (LTR) inner-page heroes — copy block sits on the left, matching the mirrored photo */
html[dir="ltr"] .page-hero.mada-immersive .mada-hero-copy{margin-left:0!important;margin-right:auto!important;text-align:left}
html[dir="ltr"] .page-hero.mada-immersive .mada-hero-copy .crumbs,html[dir="ltr"] .page-hero.mada-immersive .mada-hero-copy .breadcrumb{justify-content:flex-start}