*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0b2d52;--blue:#164d83;--red:#c91f36;--gold:#e4b84a;--ink:#111827;--muted:#667085;--soft:#f5f8fb;--white:#fff;--line:#e5eaf0;--shadow:0 20px 60px rgba(11,45,82,.12)}
html{scroll-behavior:smooth}
body{font-family:Inter,Tajawal,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
body[dir=rtl]{font-family:Tajawal,Inter,sans-serif}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:var(--navy);color:#dbe8f5;font-size:13px}
.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.top-links{display:flex;gap:20px}.top-links a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,234,240,.9)}
.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;overflow:hidden;border:1px solid var(--line)}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:none}.brand-logo.has-logo img{display:block}.brand-logo.has-logo #logoFallback{display:none}
#logoFallback{font-weight:800;color:var(--navy);font-size:18px}
.brand-text{display:grid;line-height:1.1}.brand-text strong{font-size:19px;letter-spacing:.08em}.brand-text span{font-size:9px;letter-spacing:.25em;color:var(--muted);margin-top:5px}
.main-nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600}.main-nav>a:not(.nav-cta):hover{color:var(--red)}
.lang-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;cursor:pointer;font:inherit}
.nav-cta{background:var(--navy);color:#fff;padding:11px 18px;border-radius:999px}
.menu-toggle{display:none;border:0;background:transparent;font-size:26px;cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#eef5fb 55%,#fff 100%);min-height:650px;display:grid;align-items:center}
.hero-bg{position:absolute;width:600px;height:600px;border-radius:50%;right:-200px;top:-180px;background:radial-gradient(circle,rgba(22,77,131,.18),rgba(22,77,131,0) 68%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding:90px 0}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--red);text-transform:uppercase}
.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.045em;max-width:760px;margin:16px 0 22px;color:var(--navy)}
.hero p{font-size:18px;color:#526173;max-width:680px}
.hero-actions{display:flex;gap:12px;margin:32px 0 25px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 22px;border-radius:12px;font-weight:800;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 30px rgba(201,31,54,.2)}.btn-primary:hover{transform:translateY(-2px)}
.btn-outline{border-color:#b9c7d6;background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap;color:#526173;font-size:13px}.hero-trust span>span{margin-left:4px}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow);max-width:430px;margin-left:auto}.card-icon{width:48px;height:48px;border-radius:14px;background:#eef5fb;display:grid;place-items:center;color:var(--red);font-size:23px;margin-bottom:30px}.hero-card>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--muted)}.hero-card h3{font-size:30px;line-height:1.15;color:var(--navy);margin:12px 0}.hero-card p{font-size:15px;margin-bottom:25px}
.stats{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stats-grid>div{padding:0 25px;border-right:1px solid rgba(255,255,255,.16)}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;font-size:21px}.stats-grid span{display:block;color:#b9c9da;font-size:12px;margin-top:3px}
.section{padding:105px 0}.section-soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.08;color:var(--navy);letter-spacing:-.035em;margin-top:10px;max-width:720px}.section-head>p{max-width:420px;color:var(--muted)}.centered{text-align:center;display:block}.centered h2{margin-left:auto;margin-right:auto}.centered p{margin:15px auto 0}
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.program-card{padding:34px;border:1px solid var(--line);border-radius:22px;background:#fff;min-height:300px;transition:.25s}.program-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.program-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.program-card.featured h3{color:#fff}.program-number{font-weight:800;color:var(--red);margin-bottom:60px}.program-card h3{font-size:25px;color:var(--navy);margin-bottom:10px}.program-card p{color:var(--muted);font-size:14px;margin-bottom:25px}.featured p{color:#c9d7e6}.program-card a{font-weight:800;color:var(--red);font-size:13px}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.about-visual{min-height:420px;position:relative;background:linear-gradient(145deg,#0b2d52,#164d83);border-radius:32px;overflow:hidden;display:grid;place-items:center}.visual-orb{position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.04),0 0 0 100px rgba(255,255,255,.025)}.visual-card{position:relative;background:rgba(255,255,255,.96);padding:30px;border-radius:20px;width:72%;box-shadow:0 25px 50px rgba(0,0,0,.2)}.visual-card span{font-size:11px;letter-spacing:.18em;color:var(--red);font-weight:800}.visual-card strong{display:block;color:var(--navy);font-size:28px;line-height:1.15;margin:8px 0}.visual-card small{color:var(--muted)}.about-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.1;color:var(--navy);margin:12px 0 20px}.about-grid p{color:var(--muted);max-width:650px}.check-list{display:grid;gap:13px;margin-top:25px;font-weight:700}.check-list div:first-letter{color:var(--red)}
.accredit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:950px;margin:0 auto}.accredit-card{display:flex;gap:22px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:.2s}.accredit-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.badge{width:68px;height:68px;border-radius:20px;background:#f2f4f7;display:grid;place-items:center;font-weight:900;color:var(--navy);flex:none}.accredit-card h3{font-size:28px;color:var(--navy)}.accredit-card p{font-size:13px;color:var(--muted);margin:3px 0 8px}.accredit-card span{font-size:12px;color:var(--red);font-weight:800}
.location-section{background:#fbfcfe}.location-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.map-wrap{height:480px;border-radius:25px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#eee}.map-wrap iframe{width:100%;height:100%;border:0}.address-card{background:var(--navy);color:#fff;border-radius:25px;padding:35px;display:flex;flex-direction:column}.mini-label{font-size:11px;letter-spacing:.18em;color:#9fb5ca;font-weight:800}.address-card h3{font-size:30px;margin:10px 0}.address-card>p{color:#c9d7e6;font-size:14px}.hours-box{border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:20px 0;margin:25px 0}.hours-box strong{font-size:13px}.hours-box p{color:#c9d7e6;font-size:13px;margin-top:7px}.hours-box .closed{color:#ffb8c1}.text-link{color:#fff;font-weight:800;margin-top:auto}
.contact-section{background:var(--soft)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid h2{font-size:clamp(38px,4vw,56px);line-height:1.05;color:var(--navy);margin:12px 0 18px}.contact-grid>div>p{color:var(--muted);max-width:560px}.contact-list{display:grid;gap:10px;margin:25px 0}.contact-list a{font-weight:700;color:var(--navy)}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700}
.lead-form{background:#fff;padding:35px;border-radius:25px;box-shadow:var(--shadow);border:1px solid var(--line)}.lead-form h3{font-size:28px;color:var(--navy);margin-bottom:22px}.lead-form label{display:grid;gap:7px;margin-bottom:14px;font-size:13px;font-weight:700}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #d8e0e8;border-radius:11px;padding:13px 14px;font:inherit;outline:0;background:#fff}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,77,131,.08)}.full{width:100%}.lead-form small{display:block;color:var(--muted);font-size:11px;text-align:center;margin-top:10px}
footer{background:#071f38;color:#b9c9da;padding:28px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-grid strong{color:#fff;letter-spacing:.12em}.footer-grid p{font-size:12px;margin-top:4px}.footer-right{display:flex;gap:20px;font-size:12px}.footer-right a{color:#fff}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.2)}
[dir=rtl] .floating-whatsapp{right:auto;left:22px}[dir=rtl] .topbar-inner,[dir=rtl] .nav-wrap,[dir=rtl] .section-head,[dir=rtl] .footer-grid{direction:rtl}
@media(max-width:900px){.main-nav{position:absolute;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:65px 0}.hero-card{margin:0;max-width:none}.program-grid,.accredit-grid{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.stats-grid>div{border:0}.section{padding:75px 0}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.topbar-inner{font-size:11px}.top-links{gap:10px}.brand-text strong{font-size:16px}.hero h1{font-size:44px}.hero p{font-size:16px}.section-head{display:block}.section-head .btn{margin-top:20px}.program-grid,.accredit-grid{grid-template-columns:1fr}.about-visual{min-height:330px}.location-grid{gap:12px}.map-wrap{height:350px}.footer-grid{display:block}.footer-right{margin-top:15px}.hero-trust{display:grid;gap:7px}.floating-whatsapp{right:14px;bottom:14px}.top-links a:first-child{display:none}}

.accredit-card{min-height:190px}
.qualifi-card{display:grid;grid-template-columns:1fr;align-content:start}
.qualifi-card img{width:min(100%,520px);height:95px;object-fit:contain;object-position:left center;margin-bottom:16px}
.qualifi-card p{margin:0 0 8px}
.khda-card{grid-template-columns:auto 1fr;align-items:center}
@media(max-width:620px){.qualifi-card img{height:78px}.khda-card{grid-template-columns:auto 1fr}}

.course-detail-hero{background:linear-gradient(135deg,#071f38,#164d83);color:#fff;padding:62px 0}
.course-detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:start}
.course-detail-image{width:100%;aspect-ratio:1.65/1;object-fit:cover;border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.course-detail-main{padding:60px 0 90px;background:#fbfcfe}
.course-detail-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 10px 35px rgba(11,45,82,.06)}
.course-detail-card h2{color:var(--navy);margin-bottom:15px}
.course-detail-card p{color:#526173;line-height:1.8}
.course-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.course-fact{padding:17px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.course-fact span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
.course-fact strong{color:var(--navy);font-size:15px}
.price-box{margin-top:18px;padding:22px;border-radius:18px;border:1px solid #eadca9;background:#fffdf2}
.price-box .coming{font-size:25px;font-weight:800;color:var(--navy)}
.payment-box{margin-top:14px;padding:18px;border-radius:15px;background:#f5f8fb;border:1px solid var(--line)}
.payment-box strong{color:var(--navy)}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.detail-actions a{padding:13px 18px;border-radius:11px;font-weight:800;font-size:13px}
.back-link{color:#dbe8f4;font-weight:700;font-size:13px}
.notice{margin-top:20px;font-size:12px;color:var(--muted)}
@media(max-width:800px){.course-detail-layout{grid-template-columns:1fr}.course-facts{grid-template-columns:1fr}}

/* New Admin Smart Assistant */
.na-floating-actions{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;align-items:center;gap:10px;direction:ltr}
.na-assistant-fab,.na-whatsapp-fab{width:58px;height:58px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.18);cursor:pointer;text-decoration:none;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}
.na-assistant-fab{background:#0b2d5c;color:#fff;gap:3px;flex-direction:column;font-size:11px}
.na-assistant-icon{font-size:21px;line-height:18px}
.na-assistant-label{font-size:10px}
.na-whatsapp-fab{background:#25D366;color:#fff;font-size:27px}.na-whatsapp-fab svg{width:28px;height:28px;display:block}
.na-assistant-fab:hover,.na-whatsapp-fab:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.24)}
.na-chat{position:fixed;right:24px;bottom:94px;width:min(370px,calc(100vw - 30px));height:500px;max-height:70vh;background:#fff;border-radius:22px;box-shadow:0 20px 60px rgba(5,20,40,.25);overflow:hidden;z-index:10000;display:none;border:1px solid rgba(11,45,92,.1)}
.na-chat.open{display:flex;flex-direction:column}
.na-chat-head{background:#0b2d5c;color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between}
.na-chat-head strong{display:block;font-size:17px}.na-chat-head small{display:block;opacity:.72;margin-top:3px;font-size:11px}
.na-chat-head-actions{display:flex;gap:6px}.na-chat-head-actions button{background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:8px;padding:7px 9px;cursor:pointer}
.na-chat-messages{flex:1;padding:16px;overflow:auto;background:#f6f8fb}.na-msg{max-width:85%;padding:10px 12px;border-radius:14px;margin-bottom:10px;font-size:13px;line-height:1.65;white-space:pre-wrap}.na-bot{background:#fff;color:#1c2a3a;border-top-right-radius:4px}.na-user{background:#0b2d5c;color:#fff;margin-left:auto;border-top-left-radius:4px}
.na-quick{display:flex;gap:6px;padding:8px 10px;overflow:auto;border-top:1px solid #eee}.na-quick button{white-space:nowrap;border:1px solid #dbe2ea;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}
.na-chat-form{display:flex;gap:7px;padding:10px;border-top:1px solid #eee}.na-chat-form input{min-width:0;flex:1;border:1px solid #dbe2ea;border-radius:12px;padding:11px 12px;outline:none}.na-chat-form button{border:0;background:#0b2d5c;color:#fff;border-radius:12px;padding:0 14px;cursor:pointer}
@media(max-width:600px){.na-floating-actions{right:14px;bottom:14px}.na-chat{right:14px;bottom:84px;width:calc(100vw - 28px);height:470px}.na-assistant-fab,.na-whatsapp-fab{width:54px;height:54px}}

/* New Admin real institute branding */
.hero-photo{position:absolute;right:4%;top:11%;width:min(44vw,560px);height:430px;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(11,45,82,.20);z-index:0;border:8px solid rgba(255,255,255,.8)}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-grid{position:relative;z-index:1}
.hero-grid>div:first-child{position:relative;z-index:2;max-width:720px}
.hero-grid .hero-card{position:relative;z-index:3}
.about-visual{min-height:460px}
.about-visual>img{width:100%;height:100%;min-height:460px;object-fit:cover;display:block}
.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,56,.02),rgba(7,31,56,.58))}
.photo-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;background:rgba(255,255,255,.94);padding:20px;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.16)}
.photo-overlay span{font-size:10px;letter-spacing:.16em;color:var(--red);font-weight:800}.photo-overlay strong{display:block;color:var(--navy);font-size:25px;margin:4px 0}.photo-overlay small{color:var(--muted)}
.accredit-card{cursor:pointer;text-decoration:none}.accredit-card img{background:#fff}
@media(max-width:1100px){.hero-photo{opacity:.20;right:-80px;width:620px}.hero-grid>div:first-child{max-width:780px}}
@media(max-width:900px){.hero-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:0;border:0;opacity:.13}.hero-photo img{filter:saturate(.9)}.hero{min-height:720px}}
/* Final visual system */
:root{--font-latin:Inter,sans-serif;--font-ar:Tajawal,sans-serif}
html{scroll-behavior:smooth}body{font-family:var(--font-latin)}html[dir=rtl] body{font-family:var(--font-ar)}
body,input,select,textarea,button{font-feature-settings:"tnum" 1,"kern" 1}.top-links a[dir=ltr],bdi[dir=ltr]{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap}
.brand-logo.has-logo img{display:block}.brand-logo.has-logo{background:#fff}.brand-logo.has-logo #logoFallback{display:none}
.main-nav .lang-btn{font-family:inherit}.main-nav a,.main-nav button{white-space:nowrap}
html[dir=rtl] .main-nav{direction:rtl}.section h2,.program-card h3,.course-body h3,.course-detail-card h2{letter-spacing:-.015em}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] p,html[dir=rtl] label{text-align:inherit}

/* ===== Final professional polish: stable header, typography, categories, branded background ===== */
html,body{overflow-x:hidden}
body{font-size:16px}
.topbar{font-size:14px}
.topbar-inner{min-height:46px;direction:ltr!important;flex-wrap:wrap;padding:5px 0}
.topbar-hours{white-space:nowrap;font-weight:600}
.top-links{align-items:center;gap:18px;flex-wrap:wrap;direction:ltr!important}
.top-contact{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.2}
.top-contact:hover{text-decoration:underline;text-underline-offset:3px}
.site-header{direction:ltr!important}
.nav-wrap{direction:ltr!important}
.main-nav{direction:ltr!important;flex-shrink:0}
.main-nav>a,.main-nav>button{direction:ltr}
html[dir="rtl"] .main-nav a{direction:rtl}
.lang-btn{width:92px;min-width:92px;height:46px;padding:0 18px!important;display:inline-flex!important;align-items:center;justify-content:center;direction:ltr!important;flex:0 0 92px;overflow:hidden}
.lang-btn .lang-code{display:block;min-width:48px;text-align:center;font-weight:800;letter-spacing:.02em}
.lang-btn:hover{border-color:#c9d6e3;background:#f8fbff}
.brand{direction:ltr!important;flex-shrink:0}
.brand-text{text-align:left!important}

/* Larger, cleaner typography */
.eyebrow{font-size:14px;letter-spacing:.14em}
.main-nav{font-size:15px}
.hero h1{font-weight:800}
.hero p{font-size:20px;line-height:1.65}
.section-head h2,.about-grid h2{font-size:clamp(38px,4.3vw,56px)}
.section-head>p,.about-grid p{font-size:17px;line-height:1.85}
.program-card h3{font-size:27px}.program-card p{font-size:16px;line-height:1.75}
.check-list{font-size:18px;line-height:1.8}
.training-section .section-head h2{font-size:clamp(42px,4.7vw,60px)}
.training-section .section-head>p{font-size:18px}
.training-caption strong{font-size:30px}

/* Category cards: real photography, no abstract symbol tiles */
.categories-section{padding-top:72px;padding-bottom:76px}
.categories-head{align-items:center;margin-bottom:28px}
.categories-head .eyebrow{display:none}
.categories-head h2{margin-top:0;font-size:clamp(34px,4vw,52px);text-align:center}
.categories-head>div{width:100%;text-align:center}
.categories-all{white-space:nowrap;flex:none;border-radius:999px;min-height:46px;padding:0 18px;font-size:14px}
.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.category-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(11,45,82,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.category-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,45,82,.13);border-color:#cbd9e7}
.category-card img{width:100%;aspect-ratio:1.45/1;object-fit:cover;display:block}
.category-card span{min-height:52px;display:grid;place-items:center;padding:8px 7px;text-align:center;font-size:15px;font-weight:800;line-height:1.35;color:var(--navy)}

/* Clean mission statement: no decorative lines above/below */
.mission-strip{background:#fff;padding:48px 0 52px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;text-align:center}
.mission-strip .container{display:flex;flex-direction:column;align-items:center;gap:10px}
.mission-mark{font-size:24px;color:var(--red);line-height:1}
.mission-ar{font-family:Tajawal,Inter,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--blue);line-height:1.35;margin:0}
.mission-en{font-size:20px;font-weight:700;color:var(--blue);line-height:1.5;margin:0}
html[dir="rtl"] .mission-en{direction:ltr}

/* Branded institute environment */
.about-section{position:relative;overflow:hidden;background:#f7fafc}
.about-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(247,250,252,.95) 0%,rgba(247,250,252,.82) 48%,rgba(247,250,252,.64) 100%),url('images/branding/newadmin-learning-bg.jpg');background-size:cover;background-position:center;filter:saturate(.92)}
.about-section .container{position:relative;z-index:2}
.about-visual{border:1px solid rgba(255,255,255,.75);box-shadow:0 25px 70px rgba(11,45,82,.18)}
.about-copy{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:42px;box-shadow:0 25px 70px rgba(11,45,82,.12)}
.about-copy .about-lead{font-size:20px;color:#334155;line-height:1.9}
.about-copy .eyebrow{font-size:15px}
.photo-overlay{padding:22px}
.photo-overlay span{font-size:12px}.photo-overlay strong{font-size:29px}.photo-overlay small{font-size:14px}

/* Header actions are genuinely clickable */
.top-contact.phone-link{font-weight:800}
.top-contact.address-link{max-width:430px;overflow:hidden;text-overflow:ellipsis}
.registration-points a{display:block;color:#fff;padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:12px;transition:.2s}
.registration-points a:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}

/* Smart assistant + WhatsApp as one branded dock */
.na-floating-actions{right:24px;left:auto;bottom:22px;display:block;direction:ltr}
.na-assistant-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.na-assistant-card{position:relative;width:265px;min-height:82px;padding:8px 14px 8px 8px;border:1px solid rgba(11,59,114,.12);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 18px 45px rgba(7,31,56,.18);display:flex;align-items:center;gap:11px;cursor:pointer;font-family:inherit;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
.na-assistant-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(7,31,56,.24)}
.na-assistant-avatar-wrap{width:68px;height:68px;flex:0 0 68px;border-radius:18px;overflow:hidden;background:#eaf2fb;box-shadow:0 6px 18px rgba(11,45,82,.15)}
.na-assistant-avatar-wrap img{width:100%;height:100%;display:block}
.na-assistant-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.na-assistant-copy strong{font-size:20px;color:var(--navy);line-height:1.1}
.na-assistant-copy small{font-size:12px;color:var(--blue);font-weight:800;line-height:1.35}
.na-assistant-status{width:10px;height:10px;border-radius:50%;background:#24c76f;border:2px solid #fff;position:absolute;left:69px;top:11px;box-shadow:0 0 0 2px rgba(36,199,111,.15)}
.na-whatsapp-pill{width:265px;min-height:58px;border-radius:18px;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 13px 32px rgba(37,211,102,.25);transition:transform .2s ease,box-shadow .2s ease;text-align:left}
.na-whatsapp-pill:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(37,211,102,.32)}
.na-whatsapp-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:25px;font-weight:900}
.na-whatsapp-pill strong,.na-whatsapp-pill small{display:block;line-height:1.2}.na-whatsapp-pill strong{font-size:15px}.na-whatsapp-pill small{font-size:11px;opacity:.9;margin-top:3px}
.na-chat{right:24px;bottom:194px}
.na-chat-head{padding:12px 16px}
.na-chat-identity{display:flex;align-items:center;gap:10px}.na-chat-identity img{width:42px;height:42px;border-radius:12px;background:#fff}.na-chat-head strong{font-size:18px}.na-chat-head small{font-size:12px}
.na-msg{font-size:14px}.na-quick button{font-size:12px}.na-chat-form input,.na-chat-form button{font-size:14px}

@media(max-width:1100px){
  .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .topbar-hours{display:none}
  .topbar-inner{justify-content:center}
  .top-links{justify-content:center}
  .main-nav{gap:14px}
}
@media(max-width:900px){
  .main-nav{direction:ltr!important}
  .lang-btn{width:92px;flex-basis:92px}
  .categories-head{display:flex;align-items:center}
  .categories-head>div{width:auto;text-align:start}
  .categories-head h2{text-align:start}
  .about-copy{padding:32px}
}
@media(max-width:620px){
  .topbar{font-size:12px}.top-links{gap:10px}.top-links .email-link,.top-links .whatsapp-link{display:none}.top-contact.address-link{max-width:190px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card span{font-size:14px;min-height:50px}
  .categories-head{display:block}.categories-all{margin-top:14px}
  .mission-strip{padding:34px 0}.mission-ar{font-size:24px}.mission-en{font-size:16px}
  .about-copy{padding:25px}.about-copy .about-lead{font-size:17px}.about-visual{min-height:350px}.about-visual>img{min-height:350px}
  .na-floating-actions{right:14px;bottom:14px}.na-assistant-stack{align-items:flex-end}.na-assistant-card,.na-whatsapp-pill{width:220px}.na-assistant-card{min-height:72px}.na-assistant-avatar-wrap{width:58px;height:58px;flex-basis:58px}.na-assistant-copy strong{font-size:17px}.na-assistant-copy small{font-size:10px}.na-whatsapp-pill{min-height:52px}.na-chat{right:14px;bottom:145px;width:calc(100vw - 28px);height:470px}.na-chat-head{padding:11px 13px}
}

/* Hero rebuilt to match the requested reference layout */
.hero-reference{min-height:620px;display:flex;align-items:center;position:relative;isolation:isolate;background:#dfeaf4}
.hero-reference .hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero-reference .hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 39%,rgba(255,255,255,.22) 62%,rgba(7,31,56,.08) 100%)}
.hero-reference .hero-grid{width:100%;padding:72px 0;display:block;direction:ltr!important}
.hero-reference .hero-content{max-width:720px;direction:ltr!important;text-align:left}
.hero-reference .hero-brandline{font-size:27px;letter-spacing:.01em;color:var(--red);font-weight:900;text-transform:uppercase;display:inline-block;border-bottom:4px solid var(--red);padding-bottom:7px;margin-bottom:14px}
.hero-reference h1{font-size:clamp(46px,5.5vw,74px);max-width:820px;margin:0 0 18px;color:var(--navy);line-height:1.02;letter-spacing:-.045em}
.hero-reference p{font-size:21px;line-height:1.55;color:#183f6b;max-width:700px;font-weight:500}
.hero-reference .hero-actions{margin:26px 0 20px}
.hero-reference .hero-trust{font-size:15px;font-weight:800;color:#163f6c;gap:28px}
.hero-reference .btn{min-height:58px;border-radius:14px;padding:0 28px;font-size:17px}
.hero-reference .btn-outline{background:rgba(255,255,255,.9);border-color:#123f70}
html[dir="rtl"] .hero-reference .hero-content{direction:ltr!important;text-align:left}
html[dir="rtl"] .hero-reference .hero-content h1,html[dir="rtl"] .hero-reference .hero-content p{direction:rtl;text-align:left}
@media(max-width:900px){.hero-reference{min-height:650px}.hero-reference .hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.75))}.hero-reference .hero-grid{padding:58px 0}.hero-reference .hero-brandline{font-size:22px}.hero-reference h1{font-size:clamp(40px,8vw,60px)}.hero-reference p{font-size:18px}}
@media(max-width:620px){.hero-reference{min-height:620px}.hero-reference .hero-overlay{background:rgba(255,255,255,.86)}.hero-reference .hero-brandline{font-size:18px;border-bottom-width:3px}.hero-reference h1{font-size:42px}.hero-reference p{font-size:17px}.hero-reference .hero-actions{gap:9px}.hero-reference .btn{min-height:52px;padding:0 18px;font-size:15px}.hero-reference .hero-trust{display:flex;gap:10px;font-size:12px}}
.topbar-inner{justify-content:space-between}.hours-contact{font-weight:600}.top-socials{display:flex;align-items:center;gap:8px;direction:ltr}.top-socials a{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#1262b0;color:#fff;font-size:16px;font-weight:900}.top-socials a:hover{background:#fff;color:var(--navy)}
@media(max-width:1100px){.topbar-inner{justify-content:center}.top-socials{display:none}}
.topbar-inner{justify-content:space-between}.hours-contact{font-weight:600}.top-socials{display:flex;align-items:center;gap:8px;direction:ltr}.top-socials a{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#1262b0;color:#fff;font-size:16px;font-weight:900}.top-socials a:hover{background:#fff;color:var(--navy)}
@media(max-width:1100px){.topbar-inner{justify-content:center}.top-socials{display:none}}
.lang-btn{background:var(--red);color:#fff;border-color:var(--red);font-weight:800}.lang-btn:hover{background:#b81930;color:#fff;border-color:#b81930}
.why-section{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#f7faff);box-shadow:0 8px 28px rgba(11,45,82,.06);min-height:230px}.why-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf2fb;color:var(--blue);font-weight:900;margin-bottom:45px}.why-card h3{font-size:21px;color:var(--navy);margin-bottom:8px}.why-card p{font-size:15px;color:var(--muted);line-height:1.75}@media(max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.why-grid{grid-template-columns:1fr}}

/* Final implementation layer */
html[dir="rtl"] .site-header,html[dir="rtl"] .nav-wrap,html[dir="rtl"] .main-nav,html[dir="rtl"] .topbar-inner{direction:ltr!important}.main-nav{justify-content:flex-end!important;align-items:center!important}.main-nav .lang-btn{order:998!important;direction:ltr!important;flex:0 0 92px!important}.main-nav .nav-cta{order:999!important}.main-nav>a{unicode-bidi:isolate}.lang-btn{position:relative!important;transform:none!important;margin-inline:4px!important}.hero-reference .hero-brandline{border:0!important;padding-bottom:0!important;margin-bottom:18px!important;text-decoration:none!important}.hero-reference h1{line-height:1.18!important;margin-bottom:22px!important}.hero-reference p{font-size:22px!important;line-height:1.7!important;font-weight:650!important}.training-section .section-head h2{font-size:clamp(38px,4.2vw,54px)!important;line-height:1.25!important;margin-bottom:12px!important}.training-section .section-head>p{font-size:20px!important;line-height:1.8!important}.about-copy .about-lead{font-size:20px!important;line-height:2!important;font-weight:600!important;color:#263b52!important}.about-copy .eyebrow{font-size:17px!important}.contact-hub{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 18px 55px rgba(11,45,82,.08)}.contact-hub-copy{background:linear-gradient(145deg,#071f38,#164d83);color:#fff;border-radius:22px;padding:34px}.contact-hub-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.15;margin:10px 0 16px}.contact-hub-copy p{color:#d7e5f2;line-height:1.85;font-size:17px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}.contact-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fbfcfe;color:var(--navy);display:grid;gap:8px;min-height:112px}.contact-card strong{font-size:13px;color:#607087}.contact-card span,.contact-card bdi{font-weight:800;line-height:1.55}.contact-card:hover{border-color:#b8ccdf;box-shadow:0 10px 28px rgba(11,45,82,.08)}.offer-item{font-size:17px;letter-spacing:.01em}.na-floating-actions{right:22px!important;bottom:20px!important}.na-assistant-card{width:280px!important;min-height:92px!important}.na-assistant-avatar-wrap{width:76px!important;height:76px!important;flex-basis:76px!important}.na-assistant-copy strong{font-size:21px!important}.na-whatsapp-pill{width:280px!important}.na-chat{bottom:205px!important}@media(max-width:950px){.contact-hub{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.hero-reference h1{font-size:40px!important;line-height:1.22!important}.hero-reference p{font-size:18px!important}.offer-item{font-size:14px;padding:14px 18px}.contact-hub{padding:16px;border-radius:22px}.contact-hub-copy{padding:25px}.contact-cards{grid-template-columns:1fr}.na-floating-actions{right:12px!important;bottom:12px!important}.na-assistant-card,.na-whatsapp-pill{width:230px!important}.na-assistant-card{min-height:76px!important}.na-assistant-avatar-wrap{width:60px!important;height:60px!important;flex-basis:60px!important}.na-assistant-copy strong{font-size:18px!important}.na-chat{right:12px!important;bottom:150px!important;width:calc(100vw - 24px)!important}}
/* 2026 professional refinement */
.site-header .nav-wrap{direction:ltr!important}
.site-header .brand{direction:ltr!important;flex:0 0 auto}
.site-header .main-nav{direction:ltr!important;flex:1 1 auto;justify-content:flex-end}
.site-header .main-nav>a,.site-header .lang-btn{white-space:nowrap}
.lang-btn{min-width:86px;height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;direction:ltr!important;unicode-bidi:isolate}
.lang-code{display:block;direction:ltr!important;unicode-bidi:isolate}
html[dir="rtl"] .main-nav{direction:ltr!important}
html[dir="rtl"] .main-nav a{direction:rtl;unicode-bidi:isolate}
.topbar-inner{direction:ltr!important}.top-links{direction:ltr!important}.top-links a{unicode-bidi:isolate}
.hero-reference{min-height:650px}
.hero-reference .hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 38%,rgba(255,255,255,.25) 66%,rgba(7,31,56,.04) 100%)}
.hero-reference .hero-brandline{display:none!important;border:0!important;height:0!important;margin:0!important;padding:0!important}
.hero-reference h1{font-weight:800;line-height:1.04;margin:0 0 22px;letter-spacing:-.04em}
.hero-reference h1 span{display:block;margin-top:9px}
.hero-reference p{font-size:24px;font-weight:700;color:#173f6b;letter-spacing:.01em}
html[dir="rtl"] .hero-reference .hero-content,html[dir="rtl"] .hero-reference .hero-content h1,html[dir="rtl"] .hero-reference .hero-content p{direction:rtl!important;text-align:right}
html[dir="ltr"] .hero-reference .hero-content,html[dir="ltr"] .hero-reference .hero-content h1,html[dir="ltr"] .hero-reference .hero-content p{direction:ltr!important;text-align:left}
.hero-reference .hero-content{max-width:780px}
.hero-reference .hero-content:before{content:"";display:block;width:118px;height:6px;background:var(--red);border-radius:999px;margin-bottom:24px;opacity:.9}
.offer-marquee{direction:ltr!important}.offer-track{direction:ltr!important;will-change:transform;animation:offerMove 32s linear infinite}.offer-item{direction:rtl;unicode-bidi:isolate}.offer-item:after{content:''}.offer-item:before{content:'•';color:var(--gold);font-size:20px;margin-inline-end:14px}.offer-dot{display:none}
@keyframes offerMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.about-copy .about-lead{font-size:21px!important;line-height:1.95!important;font-weight:500;color:#243b53!important}.about-grid h2{font-weight:800}.about-grid .eyebrow{font-weight:800}
.training-section .section-head h2{font-size:clamp(40px,4.5vw,60px)!important;line-height:1.15!important}.training-section .section-head>p{font-size:20px!important;line-height:1.8!important;font-weight:600;color:#425466}
.contact-hub{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:linear-gradient(135deg,#f6f9fc,#fff);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.contact-hub-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.1;color:var(--navy);margin:12px 0}.contact-hub-copy p{color:var(--muted);font-size:18px;line-height:1.8}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-card{display:flex;flex-direction:column;justify-content:center;min-height:125px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:.2s}.contact-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(11,45,82,.1)}.contact-card strong{font-size:12px;color:var(--red);text-transform:uppercase;letter-spacing:.08em}.contact-card bdi,.contact-card span{margin-top:8px;color:var(--navy);font-weight:700;line-height:1.6}
/* real photographic course cards */
.course-card img,.course-preview-card img,.course-detail-image{background:#eaf0f5;object-fit:cover}
/* assistant */
.na-floating-actions{position:fixed!important;right:20px!important;bottom:20px!important;z-index:120}.na-assistant-card{width:285px!important;min-height:92px!important;border-radius:24px!important}.na-assistant-avatar-wrap{width:78px!important;height:78px!important;flex-basis:78px!important;border-radius:20px!important;background:#eaf4ff!important}.na-assistant-copy strong{font-size:21px!important}.na-whatsapp-pill{background:#25D366!important;color:#fff!important;border-radius:18px!important;min-height:52px!important}.na-whatsapp-icon{font-size:24px!important;font-weight:900}
@media(max-width:900px){.site-header .main-nav{direction:rtl!important}.contact-hub{grid-template-columns:1fr}.hero-reference .hero-overlay{background:rgba(255,255,255,.84)}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.top-links .address-link,.top-links .hours-contact{display:none}.top-links{gap:12px}.hero-reference{min-height:650px}.hero-reference .hero-content{max-width:100%}.hero-reference h1{font-size:42px}.hero-reference p{font-size:18px;line-height:1.7}.hero-reference .hero-content:before{width:82px;height:5px;margin-bottom:20px}.contact-cards{grid-template-columns:1fr}.contact-hub{padding:24px}.na-floating-actions{right:12px!important;bottom:12px!important}.na-assistant-card{width:230px!important;min-height:74px!important}.na-assistant-avatar-wrap{width:60px!important;height:60px!important;flex-basis:60px!important}.na-assistant-copy strong{font-size:17px!important}.na-assistant-copy small{font-size:10px!important}.training-section .section-head h2{font-size:38px!important}.training-section .section-head>p{font-size:17px!important}}

.hero-reference .hero-content:before{display:none!important}.hero-institute-logo{width:92px;height:92px;object-fit:contain;background:rgba(255,255,255,.9);border-radius:22px;padding:7px;box-shadow:0 16px 38px rgba(7,31,56,.16);margin-bottom:24px}
@media(max-width:620px){.hero-institute-logo{width:72px;height:72px;border-radius:18px;margin-bottom:18px}}
.hero-reference .hero-background{filter:blur(1.2px) saturate(.92);transform:scale(1.02)}
.hero-reference:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 40%,rgba(11,45,82,.08),transparent 36%)}
@media(min-width:901px){.site-header .nav-wrap{position:relative}.site-header .main-nav{padding-right:108px}.site-header .lang-btn{position:absolute;right:82px;top:20px;z-index:3}.site-header .nav-cta{margin-left:0}}
@media(max-width:620px){.top-links a:first-child{display:inline-flex!important}.top-links .email-link{display:none!important}.top-links .address-link,.top-links .hours-contact{display:none!important}}
.about-training-word{font-size:1.12em;color:var(--navy);font-weight:800}

/* ===== FINAL POLISH / NEWADMIN VISUAL SYSTEM ===== */
:root{--navy:#082b52;--blue:#1261a0;--red:#c81f3a;--gold:#e8bd4f;--ice:#f4f8fc;--ink:#102238}
/* Keep the header physically stable when switching Arabic/English. */
.nav-wrap,.main-nav,.topbar-inner{direction:ltr!important}
.main-nav>a,.main-nav .nav-cta,.main-nav .lang-btn{unicode-bidi:isolate}
.main-nav .lang-btn{min-width:88px;height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap}
html[dir=rtl] .main-nav>a:not(.nav-cta),html[dir=rtl] .main-nav .nav-cta{direction:rtl}
html[dir=rtl] .brand-text{text-align:left;direction:ltr}

/* Hero: clean, premium, photo-led, with the copy floating over the image. */
.hero-reference{min-height:690px;border-bottom:1px solid rgba(8,43,82,.08)}
.hero-reference .hero-background{filter:saturate(.92) contrast(1.02);transform:scale(1.015)}
.hero-reference .hero-overlay{background:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.91) 31%,rgba(250,253,255,.55) 52%,rgba(8,43,82,.04) 78%)}
html[dir=rtl] .hero-reference .hero-overlay{background:linear-gradient(270deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.91) 31%,rgba(250,253,255,.55) 52%,rgba(8,43,82,.04) 78%)}
.hero-reference .hero-content{max-width:760px;padding:14px 0}
.hero-institute-logo{width:86px;height:86px;border-radius:24px;padding:7px;margin-bottom:24px;box-shadow:0 20px 50px rgba(8,43,82,.18)}
.hero-reference h1{font-size:clamp(45px,6vw,78px)!important;line-height:1.13!important;font-weight:800!important;letter-spacing:-.045em!important;margin:0 0 22px!important}
.hero-reference h1 span{display:block;margin-top:10px!important}
.hero-reference p{font-size:23px!important;line-height:1.7!important;font-weight:750!important;color:#123e68!important;margin-bottom:4px}
.hero-reference .hero-actions{margin:28px 0 22px}
.hero-reference .hero-trust{font-size:14px;gap:20px}
.hero-reference .btn{min-height:56px;border-radius:15px;padding:0 26px}
.hero-reference .btn-primary{box-shadow:0 16px 34px rgba(200,31,58,.22)}

/* Moving strip: same physical direction and spacing in both languages. */
.offer-marquee{direction:ltr!important;overflow:hidden}
.offer-track{display:flex!important;width:max-content!important;animation:offerMove 38s linear infinite!important;will-change:transform}
.offer-item{direction:rtl!important;display:flex!important;align-items:center;gap:14px;padding:18px 30px!important;font-size:16px!important;white-space:nowrap}
.offer-item:before{content:'✦'!important;color:var(--gold);font-size:14px;margin:0!important}.offer-item:after{display:none}

/* Category cards: photographic, elegant and more immersive. */
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.category-card{position:relative;min-height:245px;border-radius:22px!important;background:#fff!important;overflow:hidden;box-shadow:0 14px 36px rgba(8,43,82,.09)!important;border:1px solid rgba(8,43,82,.09)!important}
.category-card img{height:195px!important;aspect-ratio:auto!important;object-fit:cover!important;transition:transform .45s ease,filter .45s ease!important;filter:saturate(.95) contrast(1.03)}
.category-card:after{content:'';position:absolute;inset:0 0 50px;background:linear-gradient(180deg,transparent 35%,rgba(8,43,82,.18));pointer-events:none}
.category-card:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.05)}
.category-card span{position:relative;z-index:2;min-height:50px!important;background:#fff;font-size:17px!important;letter-spacing:-.01em}

/* Training section typography. */
.training-section .section-head h2{font-size:clamp(42px,4.7vw,62px)!important;line-height:1.25!important}
.training-section .section-head>p{font-size:20px!important;line-height:1.9!important;font-weight:600!important}

/* About copy. */
.about-copy .about-lead{font-size:21px!important;line-height:2!important;font-weight:600!important;color:#263d54!important}
.about-training-word{font-size:1.18em!important;font-weight:800!important;color:var(--red)!important}
.about-copy h2{letter-spacing:-.035em}

/* Contact hub and the previously low-contrast underline/label. */
.contact-hub-copy .eyebrow{color:#f7d36a!important;font-weight:900}
.contact-hub-copy .btn-outline{color:var(--navy)!important;background:#fff!important;border-color:#fff!important}
.contact-actions .btn{font-weight:800}

/* Course cards: never crop the 1200x700 source artwork. */
.course-card{border-radius:22px!important;box-shadow:0 12px 34px rgba(8,43,82,.07)!important}
.course-card .course-media,.course-preview-card .course-media{position:relative;overflow:hidden;background:#edf3f8}
.course-card .course-media{aspect-ratio:1200/700}
.course-card img,.course-preview-card img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;display:block;transition:transform .5s ease,filter .5s ease}
.course-card:hover .course-media img,.course-preview-card:hover .course-media img{transform:scale(1.025);filter:saturate(1.04)}
.course-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,43,82,0) 58%,rgba(8,43,82,.16));pointer-events:none}
.course-preview-card{border-radius:20px!important;box-shadow:0 12px 32px rgba(8,43,82,.07)!important}
.course-preview-card .course-media{aspect-ratio:1200/700}

/* Floating assistant: character only, with WhatsApp merged as a small badge. */
.na-floating-actions{right:22px!important;left:auto!important;bottom:22px!important;display:block!important;direction:ltr!important}
.na-assistant-stack{display:block!important;position:relative;width:86px;height:86px}
.na-assistant-card{position:absolute!important;inset:0!important;width:86px!important;height:86px!important;min-height:86px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:0 15px 38px rgba(8,43,82,.28)!important;display:block!important;overflow:visible!important}
.na-assistant-avatar-wrap{position:absolute!important;inset:0!important;width:86px!important;height:86px!important;flex:none!important;border-radius:50%!important;overflow:hidden!important;background:#eaf4ff!important;border:4px solid #fff!important;box-shadow:0 0 0 3px rgba(18,97,160,.12),0 15px 35px rgba(8,43,82,.22)!important}
.na-assistant-avatar-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
.na-assistant-copy{display:none!important}.na-assistant-status{width:14px!important;height:14px!important;left:auto!important;right:3px!important;top:3px!important;z-index:4;background:#23c76b!important;border:3px solid #fff!important;box-shadow:none!important}
.na-assistant-card:after{content:'AI';position:absolute;left:-4px;bottom:-2px;background:var(--navy);color:#fff;font:800 10px/1 Inter,sans-serif;padding:5px 7px;border-radius:999px;box-shadow:0 6px 16px rgba(8,43,82,.2)}
.na-whatsapp-pill{position:absolute!important;right:-4px!important;bottom:-4px!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:3px solid #fff!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#25D366!important;box-shadow:0 8px 20px rgba(37,211,102,.35)!important;z-index:5}
.na-whatsapp-pill span:not(.na-whatsapp-icon){display:none!important}.na-whatsapp-icon{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;font-size:0!important}
.na-whatsapp-icon:before{content:'↗';font:900 16px/1 Inter,sans-serif;color:#fff}
.na-chat{right:22px!important;bottom:122px!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(8,43,82,.28)!important}

@media(max-width:950px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-reference{min-height:650px}.hero-reference .hero-overlay{background:linear-gradient(90deg,rgba(250,253,255,.96),rgba(250,253,255,.70))}.hero-reference h1{font-size:clamp(42px,8vw,62px)!important}}
@media(max-width:620px){.nav-wrap{min-height:72px}.main-nav{top:72px}.main-nav .lang-btn{min-width:80px;height:40px}.hero-reference{min-height:650px}.hero-reference .hero-overlay,html[dir=rtl] .hero-reference .hero-overlay{background:rgba(250,253,255,.84)}.hero-reference h1{font-size:41px!important;line-height:1.2!important}.hero-reference p{font-size:18px!important;line-height:1.75!important}.hero-reference .hero-actions{margin-top:22px}.category-grid{grid-template-columns:1fr!important}.category-card img{height:210px!important}.na-floating-actions{right:14px!important;bottom:14px!important}.na-assistant-stack{width:72px;height:72px}.na-assistant-card,.na-assistant-avatar-wrap{width:72px!important;height:72px!important;min-height:72px!important}.na-chat{right:12px!important;bottom:98px!important;width:calc(100vw - 24px)!important}}

/* Premium stats strip inspired by the approved visual direction. */
.hero-stats{position:relative;z-index:3;margin-top:-1px;background:linear-gradient(135deg,#0a3768,#0b4f8c);color:#fff}
.hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:108px;align-items:center}
.hero-stats-grid>div{display:flex;align-items:center;gap:14px;min-height:62px;padding:0 24px;border-right:1px solid rgba(255,255,255,.18)}
html[dir=rtl] .hero-stats-grid>div{border-right:0;border-left:1px solid rgba(255,255,255,.18)}
.hero-stats-grid>div:last-child{border:0}
.stat-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.13)}
.hero-stats strong{display:block;font-size:20px;line-height:1.2}.hero-stats small{display:block;color:#d4e4f2;font-size:12px;margin-top:4px}.hero-stat-cta{position:relative;background:rgba(255,255,255,.055);border-radius:30px;margin:12px 0;padding-right:60px!important}.hero-stat-cta>a{position:absolute;right:14px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:26px;font-weight:800}.hero-stat-cta .stat-icon{background:#fff}
html[dir=rtl] .hero-stat-cta{padding-right:24px!important;padding-left:60px!important}.hero-stat-cta>a{right:auto;left:14px}
.hero-trust span{display:inline-flex!important;align-items:center;gap:7px;padding:9px 14px;background:rgba(255,255,255,.78);border:1px solid rgba(8,43,82,.09);border-radius:999px;box-shadow:0 8px 22px rgba(8,43,82,.06)}
@media(max-width:950px){.hero-stats-grid{grid-template-columns:repeat(2,1fr);padding:8px 0}.hero-stats-grid>div{border-bottom:1px solid rgba(255,255,255,.14)}.hero-stat-cta{margin:6px 0}.hero-stats-grid>div:nth-child(2){border-right:0}html[dir=rtl] .hero-stats-grid>div:nth-child(2){border-left:0}}
@media(max-width:620px){.hero-stats-grid{grid-template-columns:1fr 1fr}.hero-stats-grid>div{padding:10px 8px;gap:9px}.stat-icon{width:38px;height:38px;flex-basis:38px;font-size:13px}.hero-stats strong{font-size:16px}.hero-stats small{font-size:10px}.hero-stat-cta{grid-column:1/-1!important;border-radius:18px!important;margin:6px 0!important}.hero-stat-cta>a{width:32px;height:32px;font-size:21px}}
.course-detail-image{aspect-ratio:1200/700!important;object-fit:cover!important;object-position:center!important}
.contact-hub-copy .eyebrow{display:inline-block!important;padding-bottom:7px!important;border-bottom:3px solid #f7d36a!important;line-height:1.2}


/* ===== Stable language switch + temporary premium course covers ===== */
.nav-wrap{position:relative!important;padding-right:112px!important;padding-left:112px!important}
.nav-language-slot{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:80;width:92px;height:46px;display:flex;align-items:center;justify-content:center;direction:ltr!important}
.nav-language-slot .lang-btn{position:static!important;width:92px!important;min-width:92px!important;height:46px!important;margin:0!important;padding:0 15px!important;flex:0 0 92px!important;border:1px solid #c9d6e3!important;border-radius:999px!important;background:#fff!important;color:var(--navy)!important;box-shadow:0 8px 22px rgba(11,45,82,.08);font-weight:800;direction:ltr!important;unicode-bidi:isolate}
.nav-language-slot .lang-btn:hover{background:#f7faff!important;border-color:#9eb4c9!important;transform:translateY(-1px)}
.nav-language-slot .lang-code{display:block!important;min-width:48px;text-align:center;direction:ltr!important;unicode-bidi:isolate}
.main-nav{padding-right:0!important;padding-left:0!important}
.main-nav .nav-cta{margin-right:0!important}
html[dir=rtl] .nav-wrap{direction:ltr!important}
html[dir=rtl] .main-nav{direction:rtl!important}

/* A deliberately unified, non-photographic course cover until the image system is rebuilt. */
.course-card .course-media{border-bottom:1px solid rgba(11,45,82,.06)}
.course-card:hover .course-media{filter:saturate(1.04)}
.course-cover{direction:inherit}
.course-cover strong{font-weight:800}
.course-card .course-body{background:linear-gradient(180deg,#fff,#fbfdff)}
.course-card .course-actions a{transition:transform .2s ease,box-shadow .2s ease}
.course-card .course-actions a:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(11,45,82,.08)}
.course-detail-main{padding-top:42px}
.course-detail-layout{grid-template-columns:1.12fr .88fr}
.course-detail-card{box-shadow:0 16px 45px rgba(11,45,82,.07)}
.course-detail-card:first-child{margin-top:0!important}

/* Contact/acceptance link contrast polish. */
.contact-actions .btn-outline{color:#0b2d52!important;border-color:#d7e2ec!important;background:#fff!important;text-shadow:none!important}
.contact-actions .btn-outline:hover{color:#c91f36!important;border-color:#c91f36!important;background:#fff!important}

@media(max-width:1100px){.nav-wrap{padding-right:105px!important;padding-left:20px!important}.main-nav{gap:14px;font-size:13px}}
@media(max-width:900px){
  .nav-wrap{padding-right:122px!important;padding-left:20px!important;min-height:82px}
  .nav-language-slot{right:62px;width:82px;height:42px}
  .nav-language-slot .lang-btn{width:82px!important;min-width:82px!important;height:42px!important;flex-basis:82px!important}
  .menu-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:81;width:40px;height:40px;border-radius:12px;background:#f3f7fb;color:var(--navy)}
  html[dir=rtl] .menu-toggle{right:16px;left:auto}
  .main-nav{top:82px!important;left:20px!important;right:20px!important;padding:18px!important}
}
@media(max-width:620px){
  .nav-wrap{padding-right:112px!important;padding-left:14px!important;min-height:72px}
  .nav-language-slot{right:58px;width:74px;height:38px}
  .nav-language-slot .lang-btn{width:74px!important;min-width:74px!important;height:38px!important;flex-basis:74px!important;font-size:13px}
  .menu-toggle{right:12px;width:38px;height:38px}
  .main-nav{top:72px!important}
  .course-media{aspect-ratio:1.5/1}
  .course-cover{padding:18px}
  .course-cover strong{font-size:18px}
  .course-cover .cover-mark{top:16px;left:18px;width:40px;height:40px}
}


/* ================================================================
   NEW ADMIN — FINAL VISUAL POLISH PASS
   Stable bilingual header • Tajawal Arabic typography • softer hero
   • premium blurred ambience • clean contact CTA contrast
   ================================================================ */
:root{--na-glass:rgba(255,255,255,.74);--na-glass-strong:rgba(255,255,255,.90);--na-blue-glow:rgba(31,101,165,.13);--na-red-glow:rgba(201,31,54,.09)}
html{background:#eef4f9}
body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f7fafc 0%,#eef4f9 48%,#f9fbfd 100%);position:relative;isolation:isolate}
html[dir="rtl"] body{font-family:Tajawal,Inter,sans-serif}
body:before{content:"";position:fixed;inset:-12%;z-index:-2;pointer-events:none;background:
 radial-gradient(circle at 8% 18%,rgba(26,92,150,.12),transparent 25%),
 radial-gradient(circle at 88% 24%,rgba(201,31,54,.08),transparent 23%),
 radial-gradient(circle at 48% 84%,rgba(228,184,74,.08),transparent 24%);
 filter:blur(34px);transform:translateZ(0)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('images/branding/hero-classroom.jpg');background-size:cover;background-position:center;opacity:.035;filter:blur(28px) saturate(.8);transform:scale(1.06)}

/* Stable desktop header: navigation never runs underneath the language switch. */
.nav-wrap{position:relative!important;display:flex!important;align-items:center!important;gap:22px!important;padding:0 0 0 0!important;min-height:82px!important;direction:ltr!important}
.brand{flex:0 0 auto!important;min-width:max-content!important}
.menu-toggle{display:none}
.main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(10px,1.15vw,19px)!important;flex:1 1 auto!important;min-width:0!important;overflow:visible!important;direction:ltr!important;padding:0!important}
.main-nav>a{font-size:14px!important;white-space:nowrap!important;flex:0 0 auto!important}
.main-nav .nav-cta{display:none!important}
.nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;direction:ltr!important}
.nav-actions .nav-cta{display:inline-flex!important;align-items:center;justify-content:center;min-width:126px;height:46px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#c91f36,#e13950);color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px rgba(201,31,54,.18);text-decoration:none}
.nav-actions .nav-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(201,31,54,.24)}
.nav-language-slot{position:static!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;z-index:auto!important}
.nav-language-slot .lang-btn{position:relative!important;width:104px!important;min-width:104px!important;height:46px!important;padding:4px!important;border:1px solid #cbd8e5!important;border-radius:999px!important;background:#fff!important;color:var(--navy)!important;box-shadow:0 8px 22px rgba(11,45,82,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;direction:ltr!important;unicode-bidi:isolate!important;transition:.2s ease!important}
.lang-option{height:36px;min-width:39px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font:800 13px/1 Inter,Tajawal,sans-serif;color:#6b7b8e;white-space:nowrap;transition:.2s ease}
.lang-option[data-lang-option="ar"]{font-family:Tajawal,Inter,sans-serif;font-size:13px}
.lang-option.active{background:var(--navy);color:#fff;box-shadow:0 5px 12px rgba(11,45,82,.18)}
.lang-divider{color:#aab7c5;font-weight:800;font-size:12px;line-height:1}
.nav-language-slot .lang-btn:hover{border-color:#9fb3c7!important;background:#f8fbff!important}
html[dir="rtl"] .site-header,html[dir="rtl"] .nav-wrap,html[dir="rtl"] .main-nav,html[dir="rtl"] .nav-actions{direction:ltr!important}
html[dir="rtl"] .main-nav>a{direction:rtl!important}

/* Arabic typography: one consistent family throughout the experience. */
html[dir="rtl"] body,html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{font-family:Tajawal,Inter,sans-serif!important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] p,html[dir="rtl"] a,html[dir="rtl"] label,html[dir="rtl"] .eyebrow,html[dir="rtl"] .btn{font-family:Tajawal,Inter,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-weight:800}
html[dir="rtl"] p,html[dir="rtl"] label{font-weight:500}

/* Let the hero photograph breathe: less white wash, stronger image presence. */
.hero-reference .hero-overlay{background:linear-gradient(90deg,rgba(250,253,255,.78) 0%,rgba(250,253,255,.64) 27%,rgba(250,253,255,.34) 50%,rgba(8,43,82,.02) 76%)!important}
html[dir="rtl"] .hero-reference .hero-overlay{background:linear-gradient(270deg,rgba(250,253,255,.78) 0%,rgba(250,253,255,.64) 27%,rgba(250,253,255,.34) 50%,rgba(8,43,82,.02) 76%)!important}
.hero-reference .hero-background{filter:saturate(1.02) contrast(1.04) brightness(.98)!important}
.hero-reference .hero-content{backdrop-filter:blur(1px)}
.hero-reference h1{ text-shadow:0 2px 18px rgba(255,255,255,.45)}
.hero-reference p{color:#0d416f!important;text-shadow:0 1px 12px rgba(255,255,255,.55)}
.hero-reference .hero-trust span{background:rgba(255,255,255,.66)!important;backdrop-filter:blur(8px)}

/* Soft glassy ambience while scrolling — deliberately subtle so content remains crisp. */
.section,.mission-strip,.categories-section,.about-section,.why-section,.contact-section,.qualifi-section{background-color:rgba(248,251,253,.82)!important;backdrop-filter:blur(3px)}
.program-card,.why-card,.contact-card,.course-detail-card,.form-panel,.form-side,.inquiry-panel,.inquiry-info,.news-card,.accredit-card{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(9px)}
.program-card,.why-card,.contact-card,.course-detail-card,.form-panel,.form-side,.inquiry-panel,.inquiry-info,.news-card{border-color:rgba(255,255,255,.78)!important;box-shadow:0 18px 50px rgba(11,45,82,.075)!important}
.categories-section{position:relative;overflow:hidden}
.categories-section:before,.about-section:before,.why-section:before{content:"";position:absolute;pointer-events:none;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(22,77,131,.11),transparent 68%);filter:blur(18px);top:-170px;left:-100px}
.about-section:after,.why-section:after{content:"";position:absolute;pointer-events:none;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(201,31,54,.07),transparent 68%);filter:blur(22px);right:-120px;bottom:-150px}
.categories-section>.container,.about-section>.container,.why-section>.container{position:relative;z-index:1}

/* Contact admissions: unmistakable contrast and a premium gold underline. */
.contact-hub-copy .eyebrow{color:#ffe08a!important;border-bottom:3px solid #ffe08a!important;text-decoration:none!important;padding-bottom:8px!important;font-weight:800!important;text-shadow:0 1px 12px rgba(0,0,0,.18)}
.contact-hub-copy h2{color:#fff!important}
.contact-hub-copy p{color:#e6f0fa!important}
.contact-actions .btn-outline{color:var(--navy)!important;background:#fff!important;border-color:#fff!important}

/* Course cards stay neutral until the dedicated image library is ready. */
.course-card .course-media{background:linear-gradient(135deg,#f8fbff,#e9f1f8)!important}
.course-card .course-cover{background:linear-gradient(135deg,#f7fbff 0%,#edf4fa 54%,#fff 100%)!important}
.course-card .course-cover:before{opacity:.72!important}
.course-card .course-cover strong{color:#0b3b72!important;text-shadow:0 1px 10px rgba(255,255,255,.75)}
.course-card .course-cover .cover-sub{color:#c51f36!important}

/* Better vertical rhythm for premium feel. */
.section{padding-top:86px!important;padding-bottom:86px!important}
.section-head{margin-bottom:34px}

@media(max-width:1180px){
  .nav-wrap{gap:14px!important}
  .main-nav{gap:10px!important}
  .main-nav>a{font-size:13px!important}
  .nav-actions .nav-cta{min-width:112px;padding:0 13px}
  .nav-language-slot .lang-btn{width:98px!important;min-width:98px!important}
}
@media(max-width:980px){
  .main-nav{gap:8px!important}
  .main-nav>a{font-size:12px!important}
  .nav-actions .nav-cta{display:none!important}
  .nav-language-slot .lang-btn{width:96px!important;min-width:96px!important}
  .menu-toggle{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;position:static!important;transform:none!important;border:0!important;border-radius:12px!important;background:#f1f6fa!important;color:var(--navy)!important;font-size:24px!important}
  .main-nav{display:none!important;position:absolute!important;top:82px!important;left:14px!important;right:14px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;border:1px solid rgba(11,45,82,.09)!important;border-radius:20px!important;box-shadow:0 20px 50px rgba(11,45,82,.16)!important;padding:18px!important;flex-direction:column!important;align-items:stretch!important;z-index:90!important}
  .main-nav.open{display:flex!important}
  .main-nav>a{font-size:15px!important;padding:10px 8px!important;border-radius:10px!important}
  .main-nav>a:hover{background:#f3f7fb}
}
@media(max-width:620px){
  .nav-wrap{min-height:72px!important;gap:8px!important}
  .brand-logo{width:50px!important;height:50px!important}
  .brand-text strong{font-size:15px}
  .brand-text span{font-size:9px}
  .nav-language-slot .lang-btn{width:90px!important;min-width:90px!important;height:40px!important}
  .lang-option{height:32px;min-width:34px;padding:0 6px;font-size:12px}
  .menu-toggle{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:21px!important}
  .main-nav{top:72px!important}
  .hero-reference .hero-overlay,html[dir="rtl"] .hero-reference .hero-overlay{background:rgba(250,253,255,.68)!important}
  .hero-reference h1{font-size:39px!important}
  .hero-reference p{font-size:18px!important}
  .section{padding-top:62px!important;padding-bottom:62px!important}
  body:after{opacity:.025}
}

/* Extend the blurred institute ambience to catalogue/forms without sacrificing readability. */
.course-catalog,.course-detail-main,.form-page,.inquiry-main{background:rgba(247,250,253,.78)!important;backdrop-filter:blur(4px)}
.catalog-tools{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px)}
.catalog-tools-grid,.course-grid,.course-detail-layout,.form-layout,.inquiry-layout{position:relative;z-index:1}
.form-page:before,.inquiry-main:before,.course-catalog:before,.course-detail-main:before{content:"";position:absolute;pointer-events:none;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(22,77,131,.09),transparent 68%);filter:blur(20px);top:-120px;right:-120px}
.form-page,.inquiry-main,.course-catalog,.course-detail-main{position:relative;overflow:hidden}
.form-page:after,.inquiry-main:after,.course-catalog:after,.course-detail-main:after{content:"";position:absolute;pointer-events:none;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(201,31,54,.055),transparent 70%);filter:blur(22px);bottom:-120px;left:-100px}

/* Temporary course-cover system: one deliberately calm brand canvas, no institute photos and no visual repetition. */
.course-card .course-media{background:#0b3b72!important}
.course-card .course-cover{background:linear-gradient(145deg,#0b2d52 0%,#164d83 62%,#0f5d96 100%)!important;overflow:hidden}
.course-card .course-cover:before{content:""!important;position:absolute!important;inset:auto -70px -105px auto!important;width:260px!important;height:260px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.018)!important;transform:none!important;opacity:1!important}
.course-card .course-cover:after{content:""!important;position:absolute!important;left:-18%!important;right:-18%!important;bottom:-55%!important;height:76%!important;background:linear-gradient(160deg,transparent 0 57%,rgba(228,184,74,.42) 57.5% 58%,transparent 58.5%)!important;transform:none!important;filter:none!important;opacity:.65!important}
.course-card .course-cover .cover-mark{z-index:2;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important}
.course-card .course-cover .cover-kicker,.course-card .course-cover strong{position:relative;z-index:3}


/* ===== FINAL NAVIGATION & CTA FIX ===== */
.site-header .nav-wrap{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:82px!important;
}
.site-header .main-nav{
  min-width:0!important;
  flex:none!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:clamp(10px,1.15vw,18px)!important;
  overflow:visible!important;
}
.site-header .main-nav a{font-size:14px!important;line-height:1.2!important;padding:6px 0!important;white-space:nowrap!important;position:relative!important;z-index:2!important}
.site-header .nav-actions{
  position:relative!important;
  z-index:80!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex:0 0 auto!important;
  direction:ltr!important;
}
.site-header .nav-actions .nav-cta{
  position:relative!important;
  z-index:81!important;
  min-width:126px!important;
  height:46px!important;
  padding:0 19px!important;
  border:0!important;
}
.site-header .nav-language-slot{
  position:relative!important;
  z-index:82!important;
  width:106px!important;
  height:46px!important;
  flex:0 0 106px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#f4f7fb!important;
  border:1px solid #d7e1eb!important;
}
.site-header .nav-language-slot .lang-btn{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--navy)!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-weight:800!important;
  font-size:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  direction:ltr!important;
}
.site-header .lang-option{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;white-space:nowrap!important;opacity:.58!important}
.site-header .lang-option.active{opacity:1!important;color:var(--red)!important}
.site-header .lang-divider{opacity:.35!important}
.site-header .nav-language-slot .lang-btn:hover{background:#eaf1f8!important;transform:none!important}

/* Make every real CTA clickable even when decorative layers overlap nearby */
.hero-reference .hero-content,.hero-reference .hero-actions,.hero-reference .hero-actions a,
.contact-actions,.contact-actions a,.categories-all,.category-card,.hero-stat-cta a,
.program-card a{position:relative;z-index:6!important;pointer-events:auto!important}
.hero-reference .hero-overlay,.hero-reference .hero-background{pointer-events:none!important}

/* Arabic readability */
html[dir="rtl"] body,html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{font-family:Tajawal,Inter,sans-serif!important}
html[dir="rtl"] .hero-reference h1,html[dir="rtl"] .hero-reference p,
html[dir="rtl"] .section h2,html[dir="rtl"] .section h3,html[dir="rtl"] .contact-hub-copy h2{color:#082f59!important}
html[dir="rtl"] .hero-reference p{color:#0d4b7d!important;text-shadow:0 1px 0 rgba(255,255,255,.35)}
html[dir="rtl"] .contact-hub-copy .eyebrow{color:#ffd76a!important}
html[dir="rtl"] .contact-hub-copy h2{color:#fff!important}

/* Give the hero more photographic presence without washing it out */
.hero-reference .hero-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.60) 36%,rgba(255,255,255,.12) 66%,rgba(7,31,56,.04) 100%)!important;
}
html[dir="rtl"] .hero-reference .hero-overlay{
  background:linear-gradient(270deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.60) 36%,rgba(255,255,255,.12) 66%,rgba(7,31,56,.04) 100%)!important;
}

@media(max-width:1180px){
  .site-header .nav-wrap{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important}
  .site-header .main-nav{gap:10px!important}
  .site-header .main-nav a{font-size:13px!important}
  .site-header .nav-actions{gap:8px!important}
  .site-header .nav-actions .nav-cta{min-width:112px!important;padding:0 14px!important}
  .site-header .nav-language-slot{width:96px!important;flex-basis:96px!important}
}
@media(max-width:1040px){
  .site-header .main-nav{gap:8px!important}
  .site-header .main-nav a:nth-child(n+6){display:none!important}
}
@media(max-width:900px){
  .site-header .nav-wrap{display:flex!important;min-height:72px!important;gap:8px!important}
  .site-header .brand{margin-right:auto!important}
  .site-header .main-nav{position:absolute!important;top:72px!important;left:14px!important;right:14px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(18px)!important;border:1px solid #dce5ee!important;border-radius:20px!important;padding:16px!important;box-shadow:0 20px 55px rgba(11,45,82,.16)!important;z-index:90!important}
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav a,.site-header .main-nav a:nth-child(n+6){display:block!important;font-size:15px!important;padding:11px 10px!important;border-radius:10px!important}
  .site-header .nav-actions{gap:7px!important}
  .site-header .nav-actions .nav-cta{min-width:110px!important;height:42px!important;padding:0 13px!important}
  .site-header .nav-language-slot{width:92px!important;height:42px!important;flex-basis:92px!important}
  .site-header .menu-toggle{display:grid!important;place-items:center!important;position:static!important;order:4!important;flex:0 0 40px!important;width:40px!important;height:40px!important;z-index:91!important}
}
@media(max-width:620px){
  .site-header .nav-wrap{gap:6px!important}
  .site-header .brand-logo{width:46px!important;height:46px!important}
  .site-header .brand-text strong{font-size:14px!important}
  .site-header .brand-text span{font-size:8px!important}
  .site-header .nav-actions .nav-cta{min-width:92px!important;height:38px!important;padding:0 10px!important;font-size:12px!important}
  .site-header .nav-language-slot{width:82px!important;height:38px!important;flex-basis:82px!important}
  .site-header .nav-language-slot .lang-btn{font-size:12px!important;gap:5px!important;padding:0 6px!important}
  .site-header .menu-toggle{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:20px!important}
}
/* Keep the full navigation accessible on medium screens: switch to the menu before links get crowded. */
@media(max-width:1050px){
  .site-header .nav-wrap{display:flex!important;min-height:72px!important;gap:8px!important}
  .site-header .brand{margin-right:auto!important}
  .site-header .main-nav{position:absolute!important;top:72px!important;left:14px!important;right:14px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(18px)!important;border:1px solid #dce5ee!important;border-radius:20px!important;padding:16px!important;box-shadow:0 20px 55px rgba(11,45,82,.16)!important;z-index:90!important}
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav a,.site-header .main-nav a:nth-child(n+6){display:block!important;font-size:15px!important;padding:11px 10px!important;border-radius:10px!important}
  .site-header .nav-actions{gap:7px!important}
  .site-header .nav-actions .nav-cta{min-width:110px!important;height:42px!important;padding:0 13px!important}
  .site-header .nav-language-slot{width:92px!important;height:42px!important;flex-basis:92px!important}
  .site-header .menu-toggle{display:grid!important;place-items:center!important;position:static!important;order:4!important;flex:0 0 40px!important;width:40px!important;height:40px!important;z-index:91!important}
}

/* ===== HEADER FINAL FIX: stable language control + clean nav spacing ===== */
.site-header .nav-wrap{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  direction:ltr!important;
  position:relative!important;
}
.site-header .main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding-right:0!important;
}
.site-header .main-nav > a{
  display:inline-flex!important;
  align-items:center!important;
  padding-inline:5px!important;
  line-height:1.2!important;
}
.site-header .nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  position:static!important;
  direction:ltr!important;
}
.site-header .nav-cta{
  position:static!important;
  order:1!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  margin:0!important;
}
.site-header .nav-language-slot{
  position:static!important;
  order:2!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.site-header .nav-language-slot .lang-btn,
.site-header .lang-btn{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  margin:0!important;
  transform:none!important;
  width:88px!important;
  min-width:88px!important;
  height:42px!important;
  flex:0 0 88px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.site-header .main-nav .lang-btn{order:initial!important}
@media (max-width:1180px) and (min-width:901px){
  .site-header .nav-wrap{gap:14px!important}
  .site-header .main-nav{gap:8px!important;font-size:13px!important}
  .site-header .main-nav > a{padding-inline:3px!important}
  .site-header .nav-cta{padding:10px 14px!important;font-size:13px!important}
  .site-header .lang-btn{width:82px!important;min-width:82px!important;flex-basis:82px!important}
}
@media (max-width:900px){
  .site-header .nav-wrap{gap:12px!important}
  .site-header .main-nav{gap:10px!important}
  .site-header .nav-actions{gap:7px!important}
  .site-header .lang-btn{width:82px!important;min-width:82px!important;flex-basis:82px!important}
}

/* ================================================================
   FINAL HEADER GEOMETRY FIX — 2026-09-24
   The language switch is a real flex item beside Register Now.
   No absolute positioning, no overlap with navigation.
   ================================================================ */
.site-header .nav-wrap{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  align-items:center!important;
  column-gap:18px!important;
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto!important;
  min-height:82px!important;
  position:relative!important;
  direction:ltr!important;
}
.site-header .brand{
  grid-column:1!important;
  min-width:max-content!important;
  margin:0!important;
}
.site-header .main-nav{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(9px,1vw,15px)!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  direction:ltr!important;
}
.site-header .main-nav>a{
  flex:0 0 auto!important;
  font-size:13px!important;
  line-height:1.25!important;
  padding:7px 0!important;
  margin:0!important;
  white-space:nowrap!important;
}
.site-header .nav-actions{
  grid-column:3!important;
  width:238px!important;
  min-width:238px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
  position:relative!important;
  overflow:visible!important;
}
.site-header .nav-actions .nav-cta{
  position:static!important;
  flex:0 0 126px!important;
  width:126px!important;
  min-width:126px!important;
  height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.site-header .nav-language-slot{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 102px!important;
  width:102px!important;
  min-width:102px!important;
  height:46px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f4f7fb!important;
  border:1px solid #d7e1eb!important;
  border-radius:999px!important;
  z-index:auto!important;
}
.site-header .nav-language-slot .lang-btn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  direction:ltr!important;
}
.site-header .nav-language-slot .lang-option{
  flex:0 0 auto!important;
  min-width:38px!important;
  height:34px!important;
  padding:0 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.site-header .nav-language-slot .lang-divider{flex:0 0 auto!important;margin:0!important}

/* At narrower desktop widths, move to the menu before the header can crowd. */
@media(max-width:1180px) and (min-width:1051px){
  .site-header .nav-wrap{column-gap:12px!important}
  .site-header .main-nav{gap:8px!important}
  .site-header .main-nav>a{font-size:12px!important}
  .site-header .nav-actions{width:222px!important;min-width:222px!important;gap:7px!important}
  .site-header .nav-actions .nav-cta{flex-basis:116px!important;width:116px!important;min-width:116px!important;font-size:13px!important}
  .site-header .nav-language-slot{flex-basis:99px!important;width:99px!important;min-width:99px!important}
}

/* Mobile/tablet: keep actions on the header row and the menu below it. */
@media(max-width:1050px){
  .site-header .nav-wrap{
    display:flex!important;
    width:min(100% - 28px,1180px)!important;
    min-height:72px!important;
    gap:8px!important;
  }
  .site-header .brand{order:1!important;margin-right:auto!important}
  .site-header .main-nav{
    position:absolute!important;
    top:72px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:3px!important;
    overflow:visible!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(18px)!important;
    border:1px solid #dce5ee!important;
    border-radius:20px!important;
    padding:16px!important;
    box-shadow:0 20px 55px rgba(11,45,82,.16)!important;
    z-index:90!important;
  }
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav>a{display:block!important;font-size:15px!important;padding:11px 10px!important;border-radius:10px!important}
  .site-header .nav-actions{
    order:2!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    gap:7px!important;
    flex:0 0 auto!important;
  }
  .site-header .nav-actions .nav-cta{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:110px!important;
    height:42px!important;
    padding:0 13px!important;
  }
  .site-header .nav-language-slot{flex:0 0 92px!important;width:92px!important;min-width:92px!important;height:42px!important}
  .site-header .menu-toggle{order:3!important;display:grid!important;place-items:center!important;position:static!important;flex:0 0 40px!important;width:40px!important;height:40px!important;z-index:91!important}
}
@media(max-width:620px){
  .site-header .nav-wrap{width:calc(100% - 28px)!important;gap:6px!important}
  .site-header .brand-logo{width:46px!important;height:46px!important}
  .site-header .brand-text strong{font-size:14px!important}
  .site-header .brand-text span{font-size:8px!important}
  .site-header .nav-actions .nav-cta{min-width:88px!important;height:38px!important;font-size:12px!important;padding:0 9px!important}
  .site-header .nav-language-slot{width:78px!important;min-width:78px!important;height:38px!important}
  .site-header .nav-language-slot .lang-btn{font-size:11px!important;padding:0 4px!important}
  .site-header .nav-language-slot .lang-option{min-width:31px!important;height:30px!important;padding:0 4px!important}
  .site-header .menu-toggle{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:20px!important}
}

/* =====================================================================
   NEW ADMIN — MOBILE NAVIGATION + CONTRAST HARDENING PASS
   - Mobile menu becomes a compact horizontal navigation bar.
   - It stays in document flow, so it never covers the hero.
   - Header actions remain stable and never overlap.
   ===================================================================== */
@media (max-width:1050px){
  .site-header .nav-wrap{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    width:min(100% - 28px,1180px)!important;
    min-height:72px!important;
    gap:8px!important;
    padding:10px 0!important;
  }
  .site-header .brand{order:1!important;margin-right:auto!important;min-width:0!important}
  .site-header .nav-actions{order:2!important;height:42px!important;gap:7px!important}
  .site-header .nav-actions .nav-cta{display:none!important}
  .site-header .nav-language-slot{width:88px!important;min-width:88px!important;flex-basis:88px!important;height:40px!important}
  .site-header .menu-toggle{
    order:3!important;display:grid!important;place-items:center!important;
    position:static!important;transform:none!important;flex:0 0 40px!important;
    width:40px!important;height:40px!important;border-radius:12px!important;
    background:#eef4f9!important;color:#082b52!important;border:1px solid #d8e3ec!important;
    box-shadow:0 5px 16px rgba(8,43,82,.08)!important;
  }
  .site-header .main-nav{
    order:4!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    flex:0 0 100%!important;
    min-width:0!important;
    display:none!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:9px 4px!important;
    margin:2px 0 0!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    border:1px solid #dce6ef!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(8,43,82,.10)!important;
    scrollbar-width:none!important;
    z-index:2!important;
  }
  .site-header .main-nav::-webkit-scrollbar{display:none!important}
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav>a{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:8px 13px!important;
    border-radius:999px!important;
    background:#f5f8fb!important;
    border:1px solid #e1e8ef!important;
    color:#082b52!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    line-height:1.2!important;
  }
  .site-header .main-nav>a:hover,
  .site-header .main-nav>a:focus-visible{background:#082b52!important;color:#fff!important;border-color:#082b52!important}
}

@media (max-width:620px){
  .site-header .nav-wrap{width:calc(100% - 24px)!important;min-height:70px!important;padding:9px 0!important;gap:6px!important}
  .site-header .brand-logo{width:48px!important;height:48px!important;border-radius:14px!important}
  .site-header .brand-text strong{font-size:15px!important;letter-spacing:.07em!important}
  .site-header .brand-text span{font-size:8px!important;letter-spacing:.20em!important}
  .site-header .nav-language-slot{width:82px!important;min-width:82px!important;flex-basis:82px!important;height:38px!important}
  .site-header .nav-language-slot .lang-btn{font-size:11px!important;gap:4px!important}
  .site-header .nav-language-slot .lang-option{min-width:30px!important;height:30px!important;padding:0 4px!important}
  .site-header .menu-toggle{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:20px!important}
  .site-header .main-nav{gap:7px!important;padding:8px 3px!important;border-radius:14px!important}
  .site-header .main-nav>a{min-height:36px!important;padding:7px 12px!important;font-size:12px!important}

  /* Keep the hero photo visible, but give all hero copy a clean reading surface. */
  .hero-reference{min-height:660px!important}
  .hero-reference .hero-overlay,
  html[dir="rtl"] .hero-reference .hero-overlay{
    background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.84) 46%,rgba(255,255,255,.30) 78%,rgba(7,31,56,.08) 100%)!important;
  }
  .hero-reference .hero-content{
    max-width:100%!important;
    padding:24px 20px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.80)!important;
    border:1px solid rgba(255,255,255,.86)!important;
    box-shadow:0 18px 45px rgba(8,43,82,.10)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .hero-reference h1{color:#082b52!important;text-shadow:none!important}
  .hero-reference p{color:#123f68!important;text-shadow:none!important;font-weight:700!important}
  .hero-reference .hero-trust span{color:#082b52!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(8,43,82,.08)!important}
}

/* Consistent high-contrast interactive states across the site. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(228,184,74,.95)!important;
  outline-offset:3px!important;
}
.site-header .main-nav>a{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important}
.site-header .main-nav>a:active{transform:scale(.98)!important}
.mobile-register{display:none!important}
@media(max-width:1050px){
  .site-header .main-nav .mobile-register{
    display:inline-flex!important;
    background:linear-gradient(135deg,#c81f3a,#e13a51)!important;
    color:#fff!important;
    border-color:#c81f3a!important;
    box-shadow:0 7px 18px rgba(200,31,58,.18)!important;
  }
  .site-header .main-nav .mobile-register:hover,
  .site-header .main-nav .mobile-register:focus-visible{background:#a9162d!important;color:#fff!important;border-color:#a9162d!important}
}

/* =====================================================================
   FINAL QA LAYER — appended; each rule fixes a defect found in the audit.
   (Earlier rules above are unchanged. Backup: _BACKUPS/before_final_upgrade/style.css)
   ===================================================================== */

/* Fonts: Google Fonts stays the primary source; these fallbacks keep text readable if it fails to load. */
html body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
:root[dir=rtl] body{font-family:Tajawal,Inter,"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif}
button,input,select,textarea{font-family:inherit}

/* Accessibility: skip link, reduced motion */
.skip-link{position:absolute;left:12px;top:-64px;z-index:10000;background:#0b2d52;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none;transition:top .15s}
.skip-link:focus{top:12px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Hero: the full-width override removed the container margins, so text/logo touched the screen edge. */
.hero-reference .hero-grid.container{width:min(1180px,calc(100% - 40px))!important}
@media(max-width:620px){.hero-reference .hero-grid.container{width:min(1180px,calc(100% - 28px))!important}}

/* Header: the mobile-only "Register Now" link was also showing on desktop (duplicate CTA, crowded nav). */
@media(min-width:1051px){.site-header .main-nav .mobile-register{display:none!important}}
@media(min-width:1051px) and (max-width:1240px){.site-header .nav-wrap{gap:14px}.site-header .main-nav{gap:12px;font-size:13.5px}}

/* Cards that must stay dark were forced to translucent white by an earlier blanket rule (white text became invisible). */
.program-card.featured{background:linear-gradient(145deg,#0b2d52,#164d83)!important;border-color:#0b2d52!important;color:#fff!important;backdrop-filter:none}
.program-card.featured h3,.program-card.featured a{color:#fff!important}
.program-card.featured p{color:#dbe8f4!important}
.program-card.featured .program-number{color:#ffd166!important}
.form-side{background:linear-gradient(145deg,#092b4e,#164d83)!important;border-color:transparent!important;backdrop-filter:none}
.form-side h2{color:#fff!important}
.form-side p{color:#d9e7f3!important}

/* Empty helper note (developer text removed) should not take space. */
.form-note:empty{display:none}

/* News: the QUALIFI logo must be shown whole, not cropped like a photo. */
.news-card img[src*="qualifi"]{object-fit:contain!important;background:#fff;padding:22px}
@media(min-width:1051px) and (max-width:1110px){.site-header .nav-wrap{gap:8px!important}.site-header .main-nav{gap:5px!important}.site-header .main-nav>a{font-size:12px!important;padding:0!important}.site-header .nav-cta{padding-left:14px!important;padding-right:14px!important}}

/* Contrast fixes (WCAG 2.1 AA, measured in the audit) */
:root{--muted:#586174}
html body .program-card.featured h3,html body .program-card.featured a{color:#fff!important}
.site-header .lang-option{opacity:1!important;color:#5d6e82!important}
.site-header .lang-option.active{color:#fff!important}
.lang-divider{color:#5d6e82!important}
.site-header .nav-cta,.nav-cta{background:linear-gradient(135deg,#b81c35,#d12f47)!important}
.site-header .nav-cta:hover,.nav-cta:hover{background:#a1152c!important}
html body .source-note{color:#566679!important}
html body .wa{background:#0e7c46!important;color:#fff!important}
html body .wa:hover{background:#0b6a3b!important}

/* PAYMENT INFO (text only; no provider logos bundled) */
html[lang=en] .pay-ar{display:none}html:not([lang=en]) .pay-en{display:none}
.hero-pay{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:18px 0 0;padding:12px 16px;max-width:560px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(7,31,56,.55);color:#fff;font-size:14px;line-height:1.5}
.hero-pay-title{font-weight:800;flex:1 1 240px}
.hero-pay-brands{display:flex;gap:8px}
.hero-pay-brands b{font-size:13px;font-weight:800;letter-spacing:.2px;padding:3px 10px;border-radius:999px;background:#fff;color:#0b2d52}
.hero-pay-note{flex:1 1 100%;font-size:12.5px;color:#e3ebf3}
@media(max-width:600px){.hero-pay{padding:10px 12px;font-size:13.5px}}

/* Payment-option chips: neutral site colours only. NOT official logos or brand colours; replace with official assets when available (see deployment guide). */
.pay-chips{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.pay-chip{display:inline-flex;align-items:center;min-height:26px;padding:3px 11px;border-radius:8px;background:#fff;color:#0b2d52;border:1px solid #cfd9e4;font-size:12.5px;font-weight:800;line-height:1.2;letter-spacing:.2px}
html[dir=ltr] .pay-chip.pay-tabby{border-left:4px solid #0b2d52}html[dir=ltr] .pay-chip.pay-tamara{border-left:4px solid #e4b84a}
html[dir=rtl] .pay-chip.pay-tabby{border-right:4px solid #0b2d52}html[dir=rtl] .pay-chip.pay-tamara{border-right:4px solid #e4b84a}
.hero-pay-brands b.pay-chip{font-size:13px;padding:4px 12px;background:#fff;color:#0b2d52;border-radius:8px}
.hero-pay-brands{gap:8px}
.course-pay .pay-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.course-pay .pay-line .pay-chip{min-height:22px;font-size:11.5px;padding:2px 8px}

/* Official payment logos (files supplied by the site owner; displayed unmodified, aspect ratio preserved via height + auto width) */
.pay-logo-wrap{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:4px 6px;line-height:0;flex:0 0 auto}
.pay-logo{display:block;height:28px;width:auto;max-width:100%;object-fit:contain}
.pay-chips{gap:8px}
.hero-pay-brands{align-items:center;gap:10px}
.hero-pay-brands .pay-logo{height:30px}
.course-pay .pay-line .pay-logo-wrap{padding:2px 4px}
.course-pay .pay-line .pay-logo{height:20px}
.course-pay .pay-line .pay-chips{gap:6px}
@media(max-width:380px){.hero-pay-brands .pay-logo{height:26px}.course-pay .pay-line .pay-logo{height:18px}}
.course-card .course-pay img.pay-logo{display:block!important}
.course-card .course-pay img.pay-logo{width:auto!important;height:20px!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;background:transparent!important;transform:none!important;transition:none!important}
@media(max-width:380px){.course-card .course-pay img.pay-logo{height:18px!important}}

/* ===== Abdullah assistant dock (v8) — scoped under #naAssistant ===== */
#naAssistant{position:fixed;right:20px;bottom:20px;z-index:120;direction:ltr;font-family:inherit}
#naAssistant[dir="rtl"] .na-chat,#naAssistant[dir="rtl"] .na-prompt{direction:rtl}
#naAssistant .na-dock{display:flex;align-items:center;gap:10px}
#naAssistant .na-btn-wa{width:54px;height:54px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 26px rgba(8,43,82,.25);border:3px solid #fff;transition:transform .2s ease,box-shadow .2s ease;flex:none}
#naAssistant .na-btn-wa .na-wa-ico{width:28px;height:28px;display:block}.na-wa-ico svg{width:100%;height:100%;display:block}
#naAssistant .na-btn-ai{display:flex;align-items:center;gap:10px;height:58px;padding:5px 18px 5px 6px;border:0;border-radius:999px;background:#0b2d5c;color:#fff;cursor:pointer;box-shadow:0 12px 30px rgba(8,43,82,.32);font:inherit;transition:transform .2s ease,box-shadow .2s ease}
#naAssistant .na-ai-ico{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#1b76c4,#0e4a8a);color:#fff;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
#naAssistant .na-ai-ico svg{width:30px;height:30px;display:block}
#naAssistant .na-ai-ico-sm{width:38px;height:38px}#naAssistant .na-ai-ico-sm svg{width:25px;height:25px}
#naAssistant .na-ai-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:start}
#naAssistant .na-ai-txt strong{font-size:16px;color:#fff}#naAssistant .na-ai-txt small{font-size:11px;color:#cfe3f7;font-weight:600}
#naAssistant .na-btn-wa:hover,#naAssistant .na-btn-ai:hover{transform:translateY(-2px)}
#naAssistant .na-btn-wa:focus-visible,#naAssistant .na-btn-ai:focus-visible,#naAssistant .na-prompt button:focus-visible,#naAssistant .na-chat button:focus-visible,#naAssistant .na-chat input:focus-visible,#naAssistant .na-link:focus-visible{outline:3px solid #f2b632;outline-offset:2px}
#naAssistant .na-prompt{position:absolute;right:0;bottom:72px;width:max-content;max-width:min(270px,calc(100vw - 28px));display:flex;align-items:flex-start;background:#fff;color:#0b2d5c;border:1px solid rgba(11,45,92,.14);border-radius:16px;box-shadow:0 12px 32px rgba(8,43,82,.2);opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
#naAssistant .na-prompt.show{opacity:1;transform:none;visibility:visible;transition-delay:0s}
#naAssistant .na-prompt-text{flex:1;background:none;border:0;padding:12px 6px 12px 14px;font:600 14px/1.45 inherit;font-family:inherit;color:inherit;text-align:start;cursor:pointer}
#naAssistant .na-prompt-x{background:none;border:0;padding:8px 12px;font-size:20px;line-height:1;color:#3d556f;cursor:pointer}
#naAssistant .na-chat{right:20px!important;left:auto!important;bottom:76px!important;width:min(380px,calc(100vw - 28px))!important;height:min(520px,calc(100vh - 110px))!important;max-height:none!important;z-index:10000}
#naAssistant .na-chat-identity{display:flex;align-items:center;gap:10px}
#naAssistant .na-chat-head button{background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:10px;min-width:36px;height:36px;padding:0 10px;cursor:pointer;font:inherit}
#naAssistant .na-chat-head-actions{display:flex;gap:6px}
#naAssistant .na-msg{white-space:normal;line-height:1.55;font-size:14px}
#naAssistant .na-links{display:flex;flex-direction:column;gap:6px;margin-top:8px}
#naAssistant .na-link{display:block;padding:8px 10px;border-radius:10px;background:#e8f1fb;color:#0b3b72;font-weight:700;font-size:13px;text-decoration:none}
#naAssistant .na-link:hover{background:#d5e6f8}
#naAssistant .na-quick button{min-height:34px}
@media(max-width:620px){#naAssistant{right:14px;bottom:14px}#naAssistant .na-btn-ai{width:58px;padding:5px;justify-content:center}#naAssistant .na-ai-txt{display:none}#naAssistant .na-btn-wa{width:52px;height:52px}#naAssistant .na-chat{right:14px!important;bottom:74px!important;height:min(480px,calc(100vh - 100px))!important}}
@media(prefers-reduced-motion:reduce){#naAssistant *{transition:none!important;animation:none!important}}