/* 2YOUMA Recruitment Technologies — 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:#c91524;--primary-600:#a70e1b;--navy:#111318;--navy-2:#343840;--heading:#111318;--light:#fff2f3;--light-2:#f6faf9;--border:#ead9dc;--orange:#343840;--grad:linear-gradient(110deg,#a70e1b,#c91524);--grad-diag:linear-gradient(120deg,#111318,#343840 60%,#c91524);--font:'Cairo',MadaTajawal,system-ui,sans-serif}
body{background:#fff;color:#5f6576}
.site-header{border-bottom:1px solid #ead9dc;box-shadow:0 7px 24px #11131808}
.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,#0d0f13,#2a1419)!important}.site-footer .brand-logo{width:68px;height:68px}.pill{color:#a70e1b;background:#fff2f3}.btn-dark{background:var(--grad);box-shadow:0 9px 24px #c9152429}.btn-orange{background:var(--navy-2);box-shadow:0 9px 24px #34384029}.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%,#34384019,transparent 50%),linear-gradient(120deg,#fff2f3,#fafbf9);padding:38px 0;text-align:start;color:#5f6576;border-bottom:1px solid #ead9dc}
.page-hero.mada-hero::before{width:370px;height:370px;background:transparent;border:1px solid #29aaa32b;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:#a70e1b;font-size:13px;font-weight:800;margin-bottom:12px;letter-spacing:.2px}.brand-eyebrow::before{content:'';display:inline-block;width:26px;height:3px;background:#29aaa3;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 #ead9dc;color:#5f6576;padding:5px 14px;display:inline-flex;flex-wrap:wrap;font-size:12px;backdrop-filter:none}.page-hero.mada-hero .crumbs a{color:#a70e1b}
.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 #11131870;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 #11131810;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,#34384018,transparent 55%),#eff8f6;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 #11131880}
.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:#a70e1b;background:#fff;border:1px solid #d4e9e5}.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:#ead9dc}.service-card .si,.feat-card .fi,.feat-list .fi{background:#fff2f3;color:#c91524}.service-card img,.blog-card img,.why-media img{filter:none}.service-card:has(img){background:#f3f8f6}.why-media .frame{background:linear-gradient(135deg,#29aaa3,#343840)}
.rcv{--rcv-brand:#c91524!important;--rcv-accent:#343840!important;--rcv-ink:#111318;--rcv-muted:#5f6576;--rcv-line:#ead9dc;--rcv-soft:#fff2f3}.hv2-badge.is-new{background:linear-gradient(135deg,#343840,#655caa)}.hv2-img{background:linear-gradient(135deg,#fff2f3,#e0ecea)}.hv2-salary{background:#fff2f3;border-color:#ead9dc}
.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:#242447;--hero-edge:#146f72;isolation:isolate}
.page-hero.mada-immersive,.hero.mada-home.mada-immersive{display:block;position:relative;background:linear-gradient(125deg,#242447 20%,#243a52 68%,#146f72);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,#263047 0%,rgba(38,48,71,.88) 2%,rgba(38,48,71,0) 26%),linear-gradient(0deg,rgba(24,55,62,.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,#263047 0%,rgba(38,48,71,.88) 2%,rgba(38,48,71,0) 26%),linear-gradient(0deg,rgba(24,55,62,.42),transparent 35%)}
.mada-immersive .brand-eyebrow,.mada-immersive .hero-badge{color:#b8f1e5;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:#77dccc;margin-inline-end:8px;border-radius:50%}
.mada-hero-kicker{font-size:13px;color:#b7cfce;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:#e0e9ea;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:#c3ced8;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:#c3ced8}.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:#18363a;background:#a8ead9;border:1px solid #a8ead9;box-shadow:0 8px 25px #0002}.mada-hero-primary:hover{color:#18363a;background:#c0f5e7;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 #8be7d8;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,#174e54,#26354f 70%,#29264b)}
.mada-hero-fact{display:flex;align-items:center;justify-content:center;gap:13px;color:#f0f7f7;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:#9ce5d9;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:#a8ead9;color:#18363a}.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,#242447 0%,#24244722 28%,transparent 48%)}
 .page-hero.mada-immersive,.hero.mada-home.mada-immersive{background:#242447}
 .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,#242447,#164f55)}.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,#fff4f5,#f6faf9);isolation:isolate}
.map.is-map-loading::before{content:'جارٍ تجهيز الخريطة…';position:absolute;inset:0;display:grid;place-items:center;color:#a70e1b;font-weight:800;background:linear-gradient(135deg,#fff4f5cc,#f6faf9cc);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,#263047 0%,rgba(38,48,71,.88) 2%,rgba(38,48,71,0) 26%),linear-gradient(0deg,rgba(24,55,62,.42),transparent 35%)}
html[dir=ltr] .hero.mada-home.mada-immersive .hero-bg::after{background:linear-gradient(to right,#263047 0%,rgba(38,48,71,.88) 2%,rgba(38,48,71,0) 26%),linear-gradient(0deg,rgba(24,55,62,.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,#242447 0%,#24244722 28%,transparent 48%)}}

/* 2YOUMA Recruitment Technologies visual identity — supplied black/red horse mark. */
:root{--primary:#c91524;--primary-600:#a70e1b;--navy:#111318;--navy-2:#343840;--heading:#111318;--light:#fff2f3;--light-2:#fcfcfd;--border:#ead9dc;--orange:#c91524;--grad:linear-gradient(118deg,#111318,#c91524);--grad-diag:linear-gradient(135deg,#111318 0%,#3b1c21 56%,#c91524 100%)}
body{color:#53565e;background:#fff}
.site-header{border-bottom-color:#ead9dc;box-shadow:0 8px 28px rgba(17,19,24,.10);background:rgba(255,255,255,.97)}
.brand-logo{border-radius:14px;background:#fff;border:1px solid #ead9dc;padding:3px;object-fit:contain;box-shadow:0 5px 14px rgba(17,19,24,.08)}
.logo-text{color:#111318}.logo-text small{color:#c91524}.site-footer{background:linear-gradient(135deg,#0d0f13,#2a1419 62%,#c91524)!important}.site-footer .brand-logo{border-color:#ffffff40}
.pill{color:#a70e1b;background:#fff0f1}.btn-dark{background:var(--grad);box-shadow:0 10px 26px #c9152433}.btn-orange{background:#c91524;box-shadow:0 10px 26px #c915242b}.btn-outline:hover{background:#fff2f3}
.main-nav .nav-ic,.main-nav a.active,.main-nav .dd-toggle.active{color:#c91524}
.page-hero.mada-hero{background:radial-gradient(ellipse at 95% 10%,#c9152417,transparent 50%),linear-gradient(120deg,#fff4f4,#fafafa);border-bottom-color:#ead9dc}
.page-hero.mada-hero::before{border-color:#c9152430}.brand-eyebrow{color:#a70e1b}.brand-eyebrow::before{background:#c91524}
.page-hero.mada-hero h1,.mada-home h1{color:#111318}.page-hero.mada-hero .crumbs{border-color:#ead9dc}.page-hero.mada-hero .crumbs a{color:#a70e1b}
.mada-hero-art{box-shadow:0 22px 50px -28px #11131870}.hero.mada-home{background:radial-gradient(ellipse at 90% 0,#c9152418,transparent 55%),#fff4f4;color:#111318}.mada-home .hero-bg{box-shadow:0 25px 60px -35px #11131880}
.mada-home .hero-badge{color:#a70e1b;background:#fff;border-color:#ecd4d8}.mada-home .btn-white{background:var(--grad)}.mada-home .btn-glass{color:#343840;border-color:#ead9dc}
.service-card,.feat-card,.c-card,.cv-card,.blog-card{border-color:#ead9dc}.service-card .si,.feat-card .fi,.feat-list .fi{background:#fff0f1;color:#c91524}.service-card:has(img){background:#fff8f8}.why-media .frame{background:linear-gradient(135deg,#c91524,#111318)}
.rcv{--rcv-brand:#c91524!important;--rcv-accent:#343840!important;--rcv-ink:#111318;--rcv-muted:#53565e;--rcv-line:#ead9dc;--rcv-soft:#fff2f3}.hv2-badge.is-new{background:linear-gradient(135deg,#111318,#c91524)}.hv2-img{background:linear-gradient(135deg,#fff4f4,#f4e8e9)}.hv2-salary{background:#fff2f3;border-color:#ead9dc}
.mada-immersive{--hero-ink:#111318;--hero-edge:#c91524}.page-hero.mada-immersive,.hero.mada-home.mada-immersive{background:linear-gradient(125deg,#111318 18%,#321a1f 62%,#c91524);color:#fff}.mada-immersive .mada-hero-art::after,.mada-immersive .hero-bg::after{background:linear-gradient(to left,#111318 0%,rgba(17,19,24,.88) 2%,rgba(17,19,24,0) 26%),linear-gradient(0deg,rgba(86,15,24,.46),transparent 35%)}
.page-hero.mada-immersive h1,.hero.mada-immersive h1{color:#fff}.mada-hero-primary{color:#111318;background:#fff;border-color:#fff;box-shadow:0 8px 25px #0003}.mada-hero-primary:hover{color:#111318;background:#ffe8ea}.mada-hero-secondary{border-color:#ffffff55}.mada-immersive a:focus-visible{outline-color:#ffb1b8}.mada-hero-facts{background:linear-gradient(90deg,#111318,#3a171d 70%,#a70e1b)}.mada-fact-icon{color:#ffb1b8}
.mada-immersive .hero-actions .btn-white{background:#fff;color:#111318}.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:#ffb1b8!important}
@media(max-width:700px){.page-hero.mada-immersive,.hero.mada-home.mada-immersive{background:#111318}.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,#111318 0%,#11131822 28%,transparent 48%)}.mada-hero-facts{background:linear-gradient(110deg,#111318,#7d1723)}}
.hero.mada-home.mada-reference,.hero.mada-home.mada-reference .hero-bg{background:#111318}.hero.mada-home.mada-reference .hero-bg::after,html[dir=ltr] .hero.mada-home.mada-reference .hero-bg::after{background:linear-gradient(180deg,rgba(17,19,24,.58),rgba(60,12,20,.82))}.hero.mada-home.mada-reference .hero-actions .btn-white{color:#111318}.hero.mada-home.mada-reference .hero-actions .btn-orange{background:#c91524;border-color:#e14855;box-shadow:0 8px 30px #c9152445}.hero.mada-home.mada-reference .btn-white .btn-ico{background:#fff0f1;color:#c91524}

/* 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:#111318}
.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(17,19,24,.36),rgba(17,19,24,.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,#111318,#741b28);border:1px solid #ead9dc;box-shadow:0 18px 42px -28px rgba(17,19,24,.7);padding:24px;isolation:isolate}.svc-card::after{background:linear-gradient(180deg,rgba(17,19,24,.02) 18%,rgba(17,19,24,.88) 100%),linear-gradient(135deg,rgba(201,21,36,.18),transparent 58%)}.svc-card.has-photo::after{background:linear-gradient(180deg,rgba(17,19,24,0) 18%,rgba(17,19,24,.92) 100%),linear-gradient(135deg,rgba(201,21,36,.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:#ffe8ea}.svc-card:hover{transform:translateY(-8px);box-shadow:0 26px 56px -28px rgba(201,21,36,.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%,#fff6f7 100%)}
.steps-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 12% 20%,#c9152418 0 2px,transparent 3px),radial-gradient(circle at 84% 72%,#c9152416 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,#c91524,#111318,#c91524);box-shadow:0 0 0 6px #fff,0 9px 24px #c9152430}
.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,#111318,#c91524);color:#fff;font-size:20px;font-weight:900;box-shadow:0 0 0 2px #ead9dc,0 12px 26px #11131825}
.steps-showcase .tl-box{display:flex;flex-direction:column;align-items:center;width:100%;min-height:178px;padding:18px 14px;border:1px solid #ead9dc;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 40px -28px #11131880;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:#c91524;box-shadow:0 24px 46px -28px #c9152480}
.steps-showcase .tl-ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:11px;border-radius:16px;background:#fff0f1;color:#c91524}.steps-showcase .tl-ic .ic{width:25px;height:25px}.steps-showcase .tl-box p{margin:0;color:#343840;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:#f7e9eb;color:#a70e1b;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%,#fff5f6 52%,#f7f7f8 100%)}
.reviews-section::after{content:"“";position:absolute;inset-inline-start:5%;top:-35px;color:#c9152412;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 #ead9dc;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 24px 60px -38px #11131870;overflow:hidden}.reviews-section .rv-card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(#c91524,#111318)}.reviews-section .rv-card header{padding-bottom:12px;border-bottom:1px solid #f0e2e4}.reviews-section .rv-card header small{font-size:11px}.reviews-section .rv-card p{font-size:14px;line-height:2;color:#343840}.reviews-section .rv-card footer{margin-top:auto;padding-top:10px}.reviews-section .rv-card footer .avatar{background:linear-gradient(145deg,#111318,#c91524);color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-weight:900}.reviews-section .rv-card footer b{color:#111318}.reviews-section .rv-reply{background:#fff0f1;border:1px solid #f1d4d8;color:#53565e;border-radius:14px}.reviews-section .rv-st{color:#c91524}.reviews-section .rv-st i{color:#e5c4c8}
@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 #d9b9be;border-radius:24px;background:#fff8f8;text-align:center;color:#53565e}.reviews-section .rv-empty__mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff0f1;color:#c91524;font-size:26px}.reviews-section .rv-empty b{font-size:18px;color:#111318}.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(17,19,24,.82) 0%,rgba(17,19,24,.15) 34%,transparent 60%),linear-gradient(180deg,transparent 58%,rgba(17,19,24,.34) 100%)}
html[dir=ltr] .mada-hero-art::after{background:linear-gradient(90deg,rgba(17,19,24,.82) 0%,rgba(17,19,24,.15) 34%,transparent 60%),linear-gradient(180deg,transparent 58%,rgba(17,19,24,.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(17,19,24,.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,#4285f4 0 26%,#34a853 26% 48%,#fbbc05 48% 72%,#ea4335 72% 100%);color:#4285f4;box-shadow:0 0 0 3px #fff,0 5px 16px #11131822}
.reviews-section .rv-card footer .avatar-google b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#4285f4;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:#4285f4;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(17,19,24,.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%,#c9152410,transparent 28%),linear-gradient(180deg,#fff,#fff8f8 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 #ead9dc;border-radius:26px;background:linear-gradient(160deg,#fff 0%,#fffafa 100%);box-shadow:0 22px 55px -38px #11131890;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,#111318,#c91524);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:#c91524;box-shadow:0 30px 65px -36px #c915245e}
.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:#111318;color:#fff;font-size:18px;box-shadow:0 8px 20px #1113182e;z-index:2}
.steps-showcase .tl-item:nth-child(2) .tl-dot,.steps-showcase .tl-item:nth-child(4) .tl-dot{background:#c91524}.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,#fff0f1,#f8e3e6);color:#c91524;box-shadow:inset 0 0 0 1px #f0cdd2,0 12px 24px #c9152414}.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:#111318;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%,#c9152414,transparent 30%),linear-gradient(180deg,#fff,#fff7f8 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 #ead9dc;border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 18px 42px -34px #11131870;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:#111318}.rv-trust-stars{color:#c91524;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:#ead9dc}.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:#111318}.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,#4285f4 0 26%,#34a853 26% 48%,#fbbc05 48% 72%,#ea4335 72% 100%);color:#4285f4;font:900 22px Arial;box-shadow:0 6px 16px #1113181f}.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 #ead9dc;border-top:4px solid #c91524;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 25px 55px -38px #11131880;transition:transform .3s ease,box-shadow .3s ease}.reviews-section .rv-card:hover{transform:translateY(-7px);box-shadow:0 30px 65px -36px #c9152468}.reviews-section .rv-card::before{content:"“";inset:auto 18px auto auto;width:auto;height:auto;background:none;color:#c9152418;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:#343840;margin:18px 0 8px}.reviews-section .rv-card footer{border-top:1px solid #f0e2e4;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 #ead9dc;background:#fff;color:#c91524;box-shadow:0 10px 24px #11131822;transition:transform .25s,background .25s,color .25s}.slider-wrap .sl-nav:hover{background:#c91524;color:#fff;transform:translateY(-3px)}.slider-wrap .swiper-pagination{margin-top:2px!important}.slider-wrap .swiper-pagination-bullet-active{background:#c91524}.svc-card{min-height:330px}.cv-card,.team-card{height:100%;border:1px solid #ead9dc;border-radius:24px;box-shadow:0 18px 45px -34px #1113188a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.cv-card:hover,.team-card:hover{transform:translateY(-7px);border-color:#c91524;box-shadow:0 28px 60px -36px #c9152470}
@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 Technologies 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 #ead9dc!important;color:#c91524!important;box-shadow:0 10px 24px #11131822!important;transition:transform .25s,background .25s,color .25s!important}
.slider-wrap:has(.hv2) .sl-nav:hover{background:#c91524!important;color:#fff!important;border-color:#c91524!important;transform:translateY(-3px)}
.cv-card.hv2{--hv-line:#ead9dc;background:linear-gradient(160deg,#fff,#fffafa);border-color:#ead9dc;box-shadow:0 18px 45px -34px #1113188a}
.cv-card.hv2:hover{border-color:#c91524;box-shadow:0 28px 60px -36px #c9152470}
.cv-card.hv2 .hv2-badge{background:#111318}.cv-card.hv2 .hv2-badge.is-new{background:#c91524}
.cv-card.hv2 .hv2-code{color:#c91524}.cv-card.hv2 .hv2-salary{background:linear-gradient(135deg,#fff1f2,#fffafa);border-color:#f0dadd}.cv-card.hv2 .hv2-salary b{color:#c91524}
.cv-card.hv2 .hv2-fi{color:#c91524;box-shadow:inset 0 0 0 1px #f0dadd}.cv-card.hv2 .hv2-musaned{border-top-color:#f0dadd}

/* V6 — full-bleed inner-page banners. The home hero is intentionally excluded. */
.page-hero.mada-immersive{background:radial-gradient(circle at 8% 18%,#c9152420,transparent 30%),linear-gradient(112deg,#111318 0%,#191218 54%,#8f0f1c 100%);box-shadow:0 18px 55px -42px #111318b8}
.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(#c91524,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,#1113180f 0%,transparent 48%,#11131866 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,#11131870,transparent 36%);pointer-events:none}
.page-hero.mada-immersive .brand-eyebrow{color:#ffd8dc;background:#c9152422;border-color:#ffffff2b;border-radius:999px;padding:8px 14px;margin-bottom:16px}
.page-hero.mada-immersive .mada-hero-kicker{color:#f7aeb5;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:#f4e9eb;font-size:17px;line-height:1.95}
.page-hero.mada-immersive .crumbs{font-size:11px;color:#d9c9cc;margin-bottom:20px!important}.page-hero.mada-immersive .crumbs a{color:#ffb1b9}.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:#17181d;border-color:#fff;box-shadow:0 14px 32px -18px #0009}.page-hero.mada-immersive .mada-hero-primary:hover{background:#ffecee;color:#17181d}.page-hero.mada-immersive .mada-hero-secondary{background:#ffffff12;border-color:#ffffff55;color:#fff}.page-hero.mada-immersive .mada-hero-secondary:hover{background:#c915243d;border-color:#ffb1b9}
.page-hero.mada-immersive .mada-hero-facts{min-height:82px;background:linear-gradient(90deg,#111318,#23141a 52%,#a61120);border-top:1px solid #ffffff2b;padding-inline:max(28px,calc((100% - 1240px)/2));box-shadow:0 -12px 30px #1113183a}
.page-hero.mada-immersive .mada-hero-fact{font-size:13px;color:#fff}.page-hero.mada-immersive .mada-fact-icon{color:#ffc2c7;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:#111318;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,#111318 0%,#11131820 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,#111318 0%,#171318 72%,#49121d 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:#1113188c;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:#c91524;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:#ffb1b9}.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:#151219!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:#17131a;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,#0b0d1270 0%,transparent 38%,#0b0d12b8 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,#150f16f5 0%,#24121dd9 23%,#15151c75 48%,#1113181c 71%,transparent 100%),linear-gradient(180deg,transparent 56%,#1113188c 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(#e24d58,transparent 86%);opacity:.9}
.page-hero.mada-immersive .brand-eyebrow{color:#ffd4d9;background:#c9152435;border:1px solid #ffffff3d;border-radius:999px;padding:8px 14px;margin-bottom:16px;font-size:12px}
.page-hero.mada-immersive .mada-hero-kicker{color:#ffadb5;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:#f7e9ec!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:#e9cdd1!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:#ffc0c6!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:#17181d!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:#ffe8eb!important}.page-hero.mada-immersive .mada-hero-secondary:hover{background:#c9152466!important;border-color:#ffb2ba!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,#111318eb,#22141be8 52%,#a61120e8);border-top:1px solid #ffffff30;box-shadow:0 -14px 32px #11131855}
.page-hero.mada-immersive .mada-hero-fact{color:#fff;font-size:13px}.page-hero.mada-immersive .mada-fact-icon{color:#ffc2c7;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,#141118f7 0%,#141118b8 30%,#1411182b 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%,#14111818 42%,#141118aa 75%,#141118f5 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,#d5a43b,#c91524);opacity:.6}
.steps-showcase .tl-item:last-child::after{display:none}
.steps-showcase .tl-dot{background:linear-gradient(145deg,#17181d,#c91524)!important;border:1px solid #d5a43b;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,#fff0f1)!important;color:#b8322c!important;box-shadow:inset 0 0 0 1px #ecd39a,0 12px 24px #b8322c14!important}
@keyframes madaStepPulse{0%,100%{box-shadow:0 0 0 7px #c9152418,0 10px 22px #c9152438}50%{box-shadow:0 0 0 13px #c9152400,0 13px 28px #d5a43b55}}
@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,#111318 0%,#241419 54%,#8f1221 100%);isolation:isolate}
.home-musaned-trust::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background:radial-gradient(circle at 8% 15%,#d5a43b42 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 #d5a43b70;border-radius:30px;background:linear-gradient(110deg,#ffffff12,#11131824);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 #d5a43b;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe79b,#b47b1b 62%,#57370c);color:#3a2508;box-shadow:0 0 0 8px #d5a43b16,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:#d5a43b20;border-color:#d5a43b88}.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:#f7d8d2;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%,#fff8f8 48%,#f7f1e9 100%)}
.home-guarantees::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 20%,#d5a43b22 0 2px,transparent 3px),radial-gradient(circle at 90% 75%,#c9152420 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:#111318}
.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 #ead9dc;border-radius:27px;background:#fff;box-shadow:0 22px 52px -38px #11131880;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}
.guarantee-card:hover{transform:translateY(-6px);box-shadow:0 30px 65px -40px #111318a8}.guarantee-card::after{content:"";position:absolute;z-index:-1;width:180px;height:180px;border-radius:50%;inset-inline-end:-90px;top:-90px;background:#c9152411}.guarantee-card--insurance::after{background:#d5a43b20}
.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 #ead9dc}.guarantee-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#111318,#c91524);color:#fff;box-shadow:0 12px 25px -15px #c91524}.guarantee-card--insurance .guarantee-icon{background:linear-gradient(145deg,#d5a43b,#986d1e);color:#261b08}.guarantee-icon .ic{width:26px;height:26px}.guarantee-label{display:block;color:#9a7177;font-size:11px;font-weight:800}.guarantee-card h3{margin:4px 0 0;color:#111318;font-size:clamp(19px,2.3vw,25px)}.guarantee-duration{display:grid;justify-items:end;line-height:1;color:#c91524}.guarantee-card--insurance .guarantee-duration{color:#a2731f}.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:#c91524;font-weight:900}.guarantee-card--insurance .guarantee-list li::before{color:#a2731f}.guarantee-note{max-width:1040px;margin:18px auto 0;text-align:center;color:#8a6c72;font-size:11px}

/* References slider: lightweight vector marks keep it fast and sharp on every screen. */
.references-section{background:linear-gradient(180deg,#fff 0%,#fff8f8 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 #ead9dc;border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px -35px #11131890;text-decoration:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.reference-card:hover{transform:translateY(-6px);border-color:#c91524;box-shadow:0 26px 54px -36px #c9152470}.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 #11131880}.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,#047b8f,#15b6bd)}.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,#075e9f,#27a6d9)}.reference-mark--mofa b{font-size:31px}.reference-mark--absher{background:linear-gradient(145deg,#087d90,#35c2bf)}.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:#c91524;font-size:19px;line-height:1}.references-slider .swiper-pagination{margin-top:0!important}.references-slider .swiper-pagination-bullet-active{background:#c91524}
@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 Technologies red / ink / gold identity. */
.adv{background:linear-gradient(125deg,#111318 0%,#24151a 55%,#a61120 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,#d5a43b 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:#ffe6e5!important}.adv label svg{color:#e3b65a}.adv .select{border:1px solid #e7c9c766;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,#d5a43b,#b6791e)!important;color:#24170a!important;border:0;box-shadow:0 12px 24px -12px #d5a43b99}.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 #d5a43b;background:linear-gradient(155deg,#fffdf7,#fff8e7);box-shadow:0 24px 52px -28px #b986255c;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,#b98625);color:#3a2609;font-size:10px;font-weight:900;box-shadow:0 7px 14px #b9862540}

/* 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:#111318}.blog-grid .post-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#11131818 12%,transparent 48%,#c9152455 100%),linear-gradient(0deg,#1113188f,transparent 58%);mix-blend-mode:multiply}.blog-grid .post-img .slot{position:relative;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,#c91524,#8f1221);box-shadow:0 7px 18px #11131866}
.faq-toolbar{display:grid;gap:8px;max-width:760px;margin:0 auto 28px;padding:18px 20px;border:1px solid #ead9dc;border-radius:20px;background:linear-gradient(135deg,#fff,#fff8f8);box-shadow:0 18px 42px -32px #11131875}.faq-toolbar label{font-size:13px;font-weight:900;color:#111318}.faq-toolbar input{width:100%;min-height:48px;padding:10px 14px;border:1px solid #e5c8cd;border-radius:12px;background:#fff;color:#222;outline:none;font:inherit}.faq-toolbar input:focus{border-color:#c91524;box-shadow:0 0 0 4px #c9152417}.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:#fff0f1;color:#a70e1b;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 #ead9dc;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:#fff0f1;color:#a70e1b;font-size:10px}.faq-section-tab:hover{transform:translateY(-2px);border-color:#c91524}.faq-section-tab.is-active{background:linear-gradient(135deg,#111318,#c91524);border-color:#111318;color:#fff;box-shadow:0 10px 24px -14px #c91524}.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 #4e0710;background:linear-gradient(135deg,#c91524,#8f1221);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:#fff0f1;color:#a70e1b;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:#c91524;--primary-600:#a70e1b;--navy:#111318;--navy-2:#343840;
  --grad:linear-gradient(100deg,#111318 0%,#343840 55%,#c91524 100%);
  --grad-diag:linear-gradient(135deg,#111318 0%,#343840 58%,#c91524 100%);
  --light:#fff2f3;--light-2:#fffafa;--text:#53565e;--heading:#111318;
  --muted:#777b84;--border:#ead9dc;--orange:#c91524;
  --shadow:0 14px 34px rgba(17,19,24,.09);--shadow-lg:0 24px 58px rgba(17,19,24,.15)
}
.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #ead9dc;box-shadow:0 8px 26px rgba(17,19,24,.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,#c915241f,#1113180b)!important;color:#c91524!important;box-shadow:inset 0 0 0 1px #c9152433!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:#fff0f1!important;color:#a70e1b!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:#c91524!important;color:#fff!important;box-shadow:0 8px 18px -6px #c9152466!important}
.dropdown{border-color:#ead9dc;box-shadow:0 22px 48px #1113181f}.dropdown a:hover{background:#fff0f1;color:#a70e1b}
.hdr-track{border-color:#ead9dc;color:#111318}.hdr-track:hover,.hdr-track.active{border-color:#c91524;color:#a70e1b}.hdr-acc{background:linear-gradient(135deg,#111318,#c91524)!important}
.page-hero.mada-hero{background:linear-gradient(135deg,#111318f5,#343840e8 58%,#8f1221e8),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:#ffe1e4}.page-hero.mada-hero .crumbs a{color:#fff}
.blog-grid{gap:24px}.post-card{border:1px solid #f0e2e4;border-radius:22px;box-shadow:0 18px 42px -28px #11131855}.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:#a70e1b}
.article-body .content{color:#53565e}.article-body .content h2,.article-body .content h3,.article-body .faq-item summary{color:#111318}.article-body .content h2::before{background:linear-gradient(180deg,#c91524,#111318)}
.article-body .cover-info .ci-label{color:#ffd0d4}.article-body .cover.cover-split{background:radial-gradient(120% 90% at 100% 0%,#c91524 0%,#c9152400 55%),linear-gradient(135deg,#111318 0%,#343840 62%,#8f1221 100%)}
.article-body .content a:not(.btn){color:#a70e1b}.post-meta .pm{color:#111318;background:#fff2f3;border-color:#ead9dc}.post-meta .pm svg{color:#c91524}
@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:#111318!important}.site-header .logo-text small{color:#c91524!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:#ffe8eb;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,#fff2f3,#fffafa)!important;border-color:#ead9dc!important}
.tr-intro__ic{background:linear-gradient(135deg,#111318,#c91524)!important}
.acct-side{background:linear-gradient(160deg,#111318 0%,#343840 62%,#8f1221 100%)!important;box-shadow:0 24px 60px -30px #1113188c!important}
.acct-trk{border-color:#ead9dc!important;color:#111318!important}
.acct-trk:hover{border-color:#c91524!important}
.site-footer{background:linear-gradient(135deg,#0d0f13,#2a1419 62%,#c91524)!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:#fff7f8;border:1px solid #f0dadd;border-radius:11px;padding:7px 8px;margin-top:7px}.c-rows .salary-pair span{font-size:11px}.c-rows .salary-pair b{color:#c91524}
.bayan-package-card{position:relative;display:flex;flex-direction:column;padding:25px 22px 22px;border:1px solid #ead9dc;border-radius:26px;background:linear-gradient(160deg,#fff 0%,#fff8f8 100%);box-shadow:0 18px 48px -32px #11131870;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,#c9152414,transparent 68%);pointer-events:none}
.bayan-package-card:hover{transform:translateY(-8px);border-color:#d9939b;box-shadow:0 26px 58px -34px #c9152475}
.bayan-package-card .c-num{position:absolute;top:15px;inset-inline-end:15px;color:#a70e1b;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 #c9152418;border:1px solid #f0dfe1}
.bayan-package-card .flag img{width:100%;height:100%;object-fit:contain}
.bayan-package-card h3{text-align:center;margin:0;color:#111318;font-size:20px}.bayan-package-card .en{margin-top:3px;text-align:center;color:#8a6c72;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 #f0d6da;border-radius:14px;background:#fff7f8;color:#a70e1b;padding:11px 14px;font:800 12px/1.2 inherit;cursor:pointer;transition:.25s}.bayan-package-card .pk-toggle:hover{background:#c91524;color:#fff;border-color:#c91524}.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 #eedfe1;padding-bottom:8px}.bayan-package-card .pk-details li b{color:#111318;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 #f0dadd;border-radius:14px;background:linear-gradient(135deg,#fff2f3,#fff)}.pk-salary-item span{display:block;color:#8d6970;font-size:10px;font-weight:800}.pk-salary-item b{display:block;margin-top:4px;color:#c91524;font-size:15px}.pk-arrival{display:flex;justify-content:space-between;color:#70737b;font-size:11px;padding-bottom:13px}.pk-arrival b{color:#111318}.bayan-package-card .btn{width:100%;text-align:center;margin-top:auto}.pk-card--featured{border:2px solid #d7a83b;background:linear-gradient(160deg,#fffdf7,#fff7f2 72%,#fff)}.pk-card--featured::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#d7a83b13,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,#d6a63b,#9e6b18);color:#fff;font-size:10px;font-weight:900;box-shadow:0 7px 15px #9e6b1838}
@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%,#fff7f8 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 #ead9dc;border-radius:25px;background:#fff;box-shadow:0 18px 46px -35px #11131860}.contract-intro__icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#111318,#c91524);color:#fff;font-size:28px;font-weight:900}.contract-intro h2{margin:9px 0 5px;font-size:clamp(22px,3vw,31px);color:#111318}.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 #ead9dc;border-radius:27px;box-shadow:0 22px 58px -38px #11131870;background:#fff}.contract-form h2{margin:10px 0 5px;font-size:27px;color:#111318}.contract-form .form-note{color:#70737b;margin:0 0 19px}.field-help{display:block;margin-top:7px;color:#8a6c72;font-size:11px;line-height:1.7}.contract-form input[type=file]{padding:12px;background:#fffafa;border-style:dashed}.contract-side{display:grid;gap:12px}.contract-side__card{position:relative;padding:19px 20px;border:1px solid #ead9dc;border-radius:21px;background:#fff;box-shadow:0 15px 35px -32px #11131870}.contract-side__card b{display:block;color:#111318;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:#fff0f1;color:#c91524;font-weight:900;font-size:12px}.contract-trust{padding:18px 20px;border-radius:21px;background:linear-gradient(135deg,#111318,#3b1c21 62%,#c91524);color:#fff}.contract-trust strong,.contract-trust span{display:block}.contract-trust strong{font-size:17px}.contract-trust span{margin-top:5px;color:#ffe9eb;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:#fff0f1;color:#a70e1b;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%,#fff8f9 52%,#f8eef0 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 #8f122133,0 0 0 1px #ead9dc;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 #c9152433)}
.bayan-page-loader__ring{position:absolute;inset:-10px;border:3px solid #c9152422;border-top-color:#c91524;border-right-color:#d5a43b;border-radius:50%;animation:bayanLoaderSpin 1s linear infinite}
.bayan-page-loader__text{position:absolute;inset-inline:0;bottom:-40px;text-align:center;color:#8f1221;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%,#c9152412,transparent 28%),
    radial-gradient(circle at 92% 88%,#d5a43b14,transparent 26%),
    linear-gradient(180deg,#fff 0%,#fffafa 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,#d5a43b,#c91524 48%,#111318);
  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,#d5a43b,#c91524,#111318);
  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 #ead9dc;border-radius:26px;
  background:linear-gradient(160deg,#fff 0%,#fffafa 100%);
  box-shadow:0 20px 50px -36px #11131890;
  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,#111318,#c91524,#d5a43b);
}
.steps-showcase .tl-item:hover{transform:translateY(-8px)!important;border-color:#c91524;box-shadow:0 30px 60px -38px #c9152470}
.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,#111318,#c91524)!important;
  color:#fff;font-size:18px;box-shadow:0 0 0 1px #d5a43b,0 12px 24px -12px #11131880;
}
.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,#fff0f1)!important;color:#b8322c!important;
  box-shadow:inset 0 0 0 1px #ecd39a,0 12px 24px #b8322c14!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:#111318;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 #ead9dc;border-radius:8px;background:#fff7e9;color:#8f6419;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 #d5a43b,0 12px 24px -12px #11131880}50%{box-shadow:0 0 0 5px #d5a43b22,0 18px 32px -12px #c9152470}}
@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,#d5a43b,#c91524 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,#d5a43b,#c91524,#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%,#fffafa 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 #ead9dc;
  border-radius:23px;
  background:#fff;
  color:inherit;
  box-shadow:0 12px 28px -19px #11131880,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:#c91524;
  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:#b8e1e8}
.references-section .reference-mark--musaned::after{background:#159dad}
.references-section .reference-mark--hrsd{border-color:#c9e3d5}
.references-section .reference-mark--hrsd::after{background:#168a51}
.references-section .reference-mark--mofa{border-color:#d8d7e4}
.references-section .reference-mark--mofa::after{background:#3f3a72}
.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:#c91524!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,#f8f4f4,#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:#111318}

/* 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,#d5a43b,#c91524 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,#d5a43b,#c91524);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 #ead9dc!important;border-radius:24px!important;background:linear-gradient(160deg,#fff 0%,#fffafa 72%,#fff4e2 100%)!important;box-shadow:0 18px 40px -28px #11131880,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:#d5a43b!important;box-shadow:0 24px 46px -28px #c9152470,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,#d5a43b,#c91524,#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,#111318,#c91524)!important;box-shadow:0 0 0 1px #d5a43b,0 14px 24px -12px #11131880!important}
.steps-showcase .tl-item:nth-child(2) .tl-dot{background:linear-gradient(145deg,#c91524,#d5a43b)!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,#1b7281,#159dad)!important}
.steps-showcase .tl-ic{width:68px!important;height:68px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff8e8,#fff0f1)!important;box-shadow:inset 0 0 0 1px #ecd39a,0 14px 28px -18px #c9152470!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 #d5a43b,0 18px 30px -18px #c9152470!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,#d5a43b,#c91524 55%,#138a46)}
  .steps-showcase .timeline::after{inset-inline:auto 26px;top:26px;width:3px;height:34%;background:linear-gradient(180deg,#d5a43b,#c91524,#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 #c9152430);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 #c9152450)}
@media(max-width:700px){.steps-showcase .tl-ic-image img{filter:drop-shadow(0 7px 9px #c9152430)}.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 #d5a43b55;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(17,19,24,.10) 0%,rgba(17,19,24,.27) 48%,rgba(17,19,24,.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%,#c9152414,transparent 28%),radial-gradient(circle at 92% 84%,#d5a43b18,transparent 30%),linear-gradient(180deg,#fff,#fff8f8 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,#d5a43b,#c91524 48%,#138a46)!important;opacity:.16!important;box-shadow:0 0 0 8px #fff,0 12px 28px #c9152426!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,#d5a43b,#c91524,#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 #ead9dc!important;border-radius:28px!important;background:linear-gradient(160deg,#fff 0%,#fffafa 72%,#fff1df 100%)!important;box-shadow:0 22px 50px -34px #11131875,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,#d5a43b,#c91524,#138a46)!important}
.steps-journey .tl-item:hover{transform:translateY(-9px)!important;border-color:#d5a43b!important;box-shadow:0 32px 64px -38px #c9152475,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:#a70e1b!important;font-size:21px!important;box-shadow:0 0 0 2px #d5a43b,0 14px 28px -15px #c9152470!important;transform:none!important;transition:transform .4s ease,box-shadow .4s ease!important}
.steps-journey .tl-item:nth-child(2) .tl-dot{color:#a70e1b!important;box-shadow:0 0 0 2px #c91524,0 14px 28px -15px #c9152470!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:#167f8b!important;box-shadow:0 0 0 2px #159dad,0 14px 28px -15px #159dad70!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,#fff0f1)!important;box-shadow:inset 0 0 0 1px #ecd39a,0 15px 30px -18px #c9152475!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,#fff0f1,#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,#eefbfc,#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 #d5a43b33,0 17px 30px -15px #c9152475!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:#111318!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 #ead9dc;border-radius:999px;background:#fff;color:#53565e;box-shadow:0 12px 30px -24px #11131880;font-size:12px}
.steps-journey .journey-summary strong{color:#a70e1b}.journey-summary__pulse{width:9px;height:9px;border-radius:50%;background:#d5a43b;box-shadow:0 0 0 5px #d5a43b22;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,#d5a43b,#c91524 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:#111318!important;background:radial-gradient(120% 90% at 100% 0%,#c91524 0%,#c9152400 55%),linear-gradient(135deg,#111318 0%,#343840 62%,#8f1221 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%,#c9152414,transparent 31%),radial-gradient(circle at 92% 80%,#d5a43b18,transparent 30%),linear-gradient(135deg,#fff 0%,#fff7f8 52%,#f8fbfa 100%)!important}
.steps-orbit::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(#c9152433 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 #c9152435;box-shadow:0 0 0 22px #c9152408,0 0 0 52px #d5a43b08;animation:orbitHalo 7s linear infinite}.orbit-stage__halo--two{width:290px;height:290px;border-style:dashed;border-color:#d5a43b55;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 #ead9dc;border-radius:34px;background:linear-gradient(160deg,#111318 0%,#2f3037 58%,#8f1221 100%);box-shadow:0 30px 70px -32px #111318aa,0 0 0 8px #fff,0 0 0 9px #ead9dc;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,#c9152480,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 #c9152499,0 0 0 8px #fff,0 0 0 9px #d5a43b}
.orbit-screen__eyebrow,.orbit-screen__number,.orbit-screen__copy{position:relative;z-index:1}.orbit-screen__eyebrow{display:block;color:#ffdfe2;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:#ffe9eb}
.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 #ead9dc;border-radius:15px;background:#ffffffd9;box-shadow:0 14px 30px -25px #111318;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:#111318}.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 #ead9dc;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:#d5a43b;box-shadow:0 18px 34px -26px #c9152470}.orbit-node.is-active{border-color:#c91524;background:linear-gradient(105deg,#fff,#fff1f2);box-shadow:0 18px 38px -26px #c9152475}.orbit-node__num{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#111318;color:#fff;font:900 14px/1 system-ui;box-shadow:0 8px 18px -12px #111318}.orbit-node.is-active .orbit-node__num{background:linear-gradient(145deg,#c91524,#8f1221)}.orbit-node__body{display:grid;gap:4px;min-width:0}.orbit-node__body strong{color:#111318;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:#fff0f1;color:#c91524;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 #ead9dc;border-radius:999px;background:#ffffffd9;color:#666b75;font-size:12px;box-shadow:0 12px 30px -25px #111318}.orbit-footer strong{color:#a70e1b}.orbit-footer__pulse{width:9px;height:9px;border-radius:50%;background:#d5a43b;box-shadow:0 0 0 5px #d5a43b24;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 #d5a43b;outline-offset:7px}.orbit-screen__hint{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;color:#ffd6da!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 #ead9dc;border-radius:22px;background:linear-gradient(110deg,#fff 0%,#fff8f8 55%,#f8fbfa 100%);box-shadow:0 18px 45px -34px #1113188a}.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:#111318;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 #ead9dc;border-radius:999px;background:#fffffff2;color:#a70e1b;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 10px 22px -16px #111318;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}}