/* ===== بانر قيمة المتحرك (qb) ===== */
.qb{background:#081430;overflow:hidden;font-family:'Cairo',sans-serif;color:#fff}
.qb .hs-link{position:absolute;inset:0;display:block;color:inherit;text-decoration:none}
.qb-bg{position:absolute;inset:0;background:url(../img/qb-hero2-blur.webp) center/cover}
/* الصورة: حاوية مقنّعة + طبقة داخلية بنسبة الصورة الأصلية (ليثبت البرج والشعار في مكانهما) */
.qb-ph{position:absolute;top:0;bottom:0;left:50%;width:40.7cqw;margin-left:-20.35cqw;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 10%,#000 24%,#000 76%,rgba(0,0,0,.6) 90%,transparent),linear-gradient(180deg,transparent 0,#000 9cqw,#000 85%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 10%,#000 24%,#000 76%,rgba(0,0,0,.6) 90%,transparent),linear-gradient(180deg,transparent 0,#000 9cqw,#000 85%,transparent);mask-composite:intersect}
.qb-pi{position:absolute;left:0;top:-6.6cqw;width:40.7cqw;aspect-ratio:1792/1823;background:url(../img/qb-hero2.webp) center/100% 100%;
  animation:qbKen 22s ease-in-out infinite alternate;transform-origin:60% 45%}
.qb-pi::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(30,110,220,.32),rgba(20,70,170,.32));mix-blend-mode:soft-light}
.qb-pi::after{content:"";position:absolute;inset:0;background:rgba(18,60,150,.1);pointer-events:none}
.qb-tw{position:absolute;left:76%;top:17%;width:19%;height:27%;border-radius:50%;background:radial-gradient(closest-side,rgba(90,205,255,.75),rgba(40,150,255,.25) 60%,transparent);mix-blend-mode:screen;animation:qbTower 3.2s ease-in-out infinite}
.qb-scr{position:absolute;left:77%;top:42%;width:17%;height:20%;background:radial-gradient(closest-side,rgba(70,170,255,.38),transparent);mix-blend-mode:screen;animation:qbTower 3.2s ease-in-out infinite}
.qb .qb-lg{object-fit:fill;position:absolute;left:79.3%;top:45.5%;width:12.3%;z-index:1;height:auto;filter:drop-shadow(0 0 .25cqw rgba(140,225,255,.95)) drop-shadow(0 0 .7cqw rgba(60,170,255,.8));animation:qbNeon 3.2s ease-in-out infinite}
.qb-sh{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(6,14,38,.9) 0%,rgba(6,14,38,.55) 22%,rgba(6,14,38,0) 30%,rgba(6,14,38,0) 62%,rgba(6,20,45,.55) 68%,rgba(6,22,48,.92) 100%),
  linear-gradient(0deg,rgba(6,14,38,.4),transparent 22%)}
/* النجوم (الوحيدة التي تتوهج) */
.qb-stars{position:absolute;inset:0;pointer-events:none}
.qb-stars svg{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);fill:#fff6d8;filter:drop-shadow(0 0 .2cqw rgba(255,230,150,.7));opacity:.2;animation:qbTw var(--t,2.4s) ease-in-out var(--d) infinite}
.qb-sweep{position:absolute;inset:-20% auto -20% 0;width:18cqw;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-30cqw) skewX(-18deg);animation:qbSweep 7s ease-in-out 1.5s infinite;pointer-events:none}

/* النص */
.qb-tx{position:absolute;right:4.4cqw;top:55%;transform:translateY(-50%);width:30.5cqw;text-align:right;z-index:2}
.qb-badge{position:absolute;top:1.5cqw;right:4.2cqw;left:auto;z-index:3;display:inline-flex;align-items:center;gap:.6cqw;padding:.45cqw 1.1cqw;border-radius:2cqw;border:.08cqw solid rgba(214,169,31,.75);background:linear-gradient(rgba(214,169,31,.16),rgba(214,169,31,.16)),rgba(8,18,44,.6);color:#f6dc86;font-weight:700;font-size:1.05cqw;line-height:1.6;white-space:nowrap}
.qb-tr{display:inline-block;animation:qbBob 2.4s ease-in-out infinite}
.qb-h{margin:0 0 .9cqw;font-weight:800;font-size:2.2cqw;line-height:1.3;color:#fff;text-shadow:0 .2cqw 1.2cqw rgba(0,0,0,.45)}
.qb-g{background:linear-gradient(100deg,#d6a91f 0%,#d6a91f 38%,#fff3c4 50%,#d6a91f 62%,#d6a91f 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:qbShine 4.5s linear infinite}
.qb-ul{list-style:none;margin:0 0 1.1cqw;padding:0}
.qb-ul li{position:relative;padding-right:2.1cqw;margin-bottom:.3cqw;font-size:.95cqw;font-weight:600;color:#e7f1f6;line-height:1.5;text-shadow:0 .1cqw .4cqw rgba(0,0,0,.5)}
.qb-ul li::before{content:"✓";position:absolute;right:0;top:.12cqw;width:1.35cqw;height:1.35cqw;border-radius:50%;background:#d6a91f;color:#062f40;font-weight:800;font-size:.9cqw;display:grid;place-items:center}
.qb-cta{position:relative;display:inline-flex;align-items:center;gap:.6cqw;padding:.65cqw 1.5cqw;border-radius:.7cqw;background:#d6a91f;color:#062f40;text-decoration:none;font-weight:800;font-size:1.08cqw;white-space:nowrap;box-shadow:0 .5cqw 1.6cqw rgba(0,0,0,.35);overflow:hidden;animation:qbPulse 2.6s ease-in-out infinite}
.qb-cta b{display:inline-block;animation:qbNudge 1.3s ease-in-out infinite}
.qb-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(120%);animation:qbBtn 3.2s ease-in-out 1s infinite}
.qb-cta:hover{background:#e8bd34}.qb-cta2{background:#fff;color:#0e6487}.qb-cta2:hover{background:#eaf6fb}
.qb-btns{display:flex;gap:.9cqw;justify-content:flex-start}
.qb-cta2{animation-delay:1.3s!important}

/* البرواز اللامع (ثابت، ولون يتحرك في إطاره من اليمين لليسار) */
.qb-fr{position:relative;margin:.7cqw 0 0;padding:.13cqw;border-radius:.55cqw;background:linear-gradient(90deg,#8a6a12 0%,#d6a91f 35%,#fff6cf 50%,#d6a91f 65%,#8a6a12 100%);background-size:30cqw 100%;background-repeat:repeat-x;animation:qbFrame 3.5s linear infinite}
.qb-fr span{display:block;padding:.5cqw .75cqw;border-radius:.45cqw;background:linear-gradient(135deg,#0b2d52,#071a3d);font-size:.9cqw;font-weight:700;line-height:1.7;color:#fff}
.qb-fr i{display:block;font-style:normal;text-align:justify;text-align-last:justify}
.qb-fr b{color:#f3d77a;font-weight:800}
.qb-fr em{font-style:normal;font-weight:800;color:#062f40;background:linear-gradient(100deg,#d6a91f,#ffe9a3 50%,#d6a91f);background-size:200% 100%;padding:0 .35em;border-radius:.3em;box-shadow:0 0 .6cqw rgba(214,169,31,.7);animation:qbTrust 2.4s ease-in-out infinite}
@keyframes qbTrust{0%,100%{background-position:0 0;box-shadow:0 0 .4cqw rgba(214,169,31,.5)}50%{background-position:100% 0;box-shadow:0 0 1cqw rgba(255,214,90,.95)}}
@keyframes qbFrame{from{background-position:0 0}to{background-position:-30cqw 0}}

/* لوحة الشركاء */
.qb-pn{position:absolute;left:4.4cqw;top:55%;transform:translateY(-50%);width:24cqw;padding:.8cqw .9cqw .9cqw;border-radius:1cqw;background:rgba(7,18,46,.62);border:.06cqw solid rgba(255,255,255,.14);box-shadow:0 1cqw 3cqw rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;text-align:center}
.qb-ph1{margin:0;font-weight:800;font-size:1.34cqw;line-height:1.45;color:#fff}
.qb-n{color:#d6a91f;font-size:1.8cqw;display:inline-block;margin:0 .2em;animation:qbPop 3s ease-in-out infinite}
.qb-ph2{margin:.3cqw 0 .7cqw;display:flex;align-items:center;gap:.6cqw;color:#e9c556;font-weight:700;font-size:.9cqw}
.qb-ph2::before,.qb-ph2::after{content:"";flex:1;height:.07cqw;background:linear-gradient(90deg,transparent,#d6a91f,transparent)}
.qb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.38cqw}
.qb-t{position:relative;height:2.55cqw;border-radius:.4cqw;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 .15cqw .5cqw rgba(0,0,0,.25);background:rgba(232,238,244,.78)}
.qb .qb-t img{opacity:.72;filter:saturate(.7)}
.qb .qb-t img{max-width:86%;max-height:74%;width:auto;height:auto;object-fit:contain;display:block}
.qb-t::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(214,169,31,.35) 50%,transparent 65%);transform:translateX(-120%);animation:qbTile 6s ease-in-out calc(2s + var(--i)*.12s) infinite}

/* دخول العناصر */
.qb.on .qb-tx>*{animation-name:qbUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}
.qb.on .qb-badge{animation:qbFade .8s .15s both,qbGlow 2.8s 1s ease-in-out infinite}
.qb.on .qb-h{animation-delay:.3s}.qb.on .qb-ul{animation-delay:.5s}.qb.on .qb-btns{animation-delay:.6s}

.qb.on .qb-pn{animation:qbIn .9s .2s cubic-bezier(.2,.7,.2,1) both}
.qb.on .qb-t{animation:qbTileIn .5s calc(.6s + var(--i)*.05s) cubic-bezier(.3,1.5,.5,1) both}

@keyframes qbKen{from{transform:scale(1)}to{transform:scale(1.07) translateY(-1%)}}
@keyframes qbTw{0%,100%{opacity:.2;transform:scale(.5) rotate(0)}50%{opacity:.75;transform:scale(1) rotate(20deg)}}
@keyframes qbTower{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes qbNeon{0%,100%{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 .35cqw rgba(170,235,255,1)) drop-shadow(0 0 1cqw rgba(60,170,255,.95))}}
@keyframes qbSweep{0%{transform:translateX(-30cqw) skewX(-18deg)}60%,100%{transform:translateX(125cqw) skewX(-18deg)}}
@keyframes qbGlow{0%,100%{box-shadow:0 0 0 0 rgba(214,169,31,0)}50%{box-shadow:0 0 1.2cqw .1cqw rgba(214,169,31,.45)}}
@keyframes qbBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.2cqw) rotate(-8deg)}}
@keyframes qbShine{from{background-position:120% 0}to{background-position:-130% 0}}
@keyframes qbPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes qbNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-.35cqw)}}
@keyframes qbBtn{0%{transform:translateX(120%)}50%,100%{transform:translateX(-120%)}}
@keyframes qbPop{0%,80%,100%{transform:scale(1)}88%{transform:scale(1.18)}}
@keyframes qbTile{0%{transform:translateX(-120%)}25%,100%{transform:translateX(120%)}}
@keyframes qbUp{from{opacity:0;transform:translateY(1.5cqw)}to{opacity:1;transform:none}}
@keyframes qbFade{from{opacity:0}to{opacity:1}}
@keyframes qbIn{from{opacity:0;transform:translate(-2cqw,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@keyframes qbTileIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}


/* ===== البانر الثاني (qb-b) ===== */
.qb-b .qb-ph{left:3cqw;width:52cqw;margin:0;
  -webkit-mask:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 8%,#000 22%,#000 70%,rgba(0,0,0,.5) 86%,transparent),linear-gradient(180deg,transparent 0,#000 7cqw,#000 88%,transparent);-webkit-mask-composite:source-in;
  mask:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 8%,#000 22%,#000 70%,rgba(0,0,0,.5) 86%,transparent),linear-gradient(180deg,transparent 0,#000 7cqw,#000 88%,transparent);mask-composite:intersect}
.qb-b .qb-pi{width:52cqw;top:-17.5cqw}
.qb-b .qb-sh{background:linear-gradient(270deg,rgba(6,18,42,.92) 0%,rgba(6,18,42,.75) 30%,rgba(6,18,42,0) 50%),linear-gradient(0deg,rgba(6,14,38,.5),transparent 22%)}
.qb-b .qb-tx{right:4.4cqw;width:40cqw;top:55%}
.qb-b .qb-h{font-size:3.1cqw;margin-bottom:1cqw}
.qb-b .qb-fr{display:inline-block;margin:0 0 1.4cqw}
.qb-b .qb-fr span{font-size:1.12cqw;padding:.55cqw 1cqw;text-align:right}
.qb-b .qb-ul li{font-size:1.08cqw;margin-bottom:.4cqw}
.qb-b .qb-ul{margin-bottom:1.3cqw}
.qb-b .qb-cta{font-size:1.3cqw;padding:.7cqw 1.7cqw}
.qb-ring{position:absolute;left:29cqw;top:50%;width:36cqw;height:36cqw;margin:-18cqw 0 0 -18cqw;border-radius:50%;border:.1cqw dashed rgba(214,169,31,.35);animation:qbSpin 70s linear infinite;pointer-events:none}
.qb-ring2{width:46cqw;height:46cqw;margin:-23cqw 0 0 -23cqw;border:.06cqw solid rgba(120,200,255,.18);animation-duration:110s;animation-direction:reverse}
.qb-ring::after{content:"";position:absolute;top:-.35cqw;left:50%;width:.7cqw;height:.7cqw;border-radius:50%;background:#f3d77a;box-shadow:0 0 .8cqw #f3d77a}
@keyframes qbSpin{to{transform:rotate(360deg)}}
/* أسهم ونقاط التنقل */
.hs .hs-nav{width:2.5cqw;height:5.4cqw;min-width:30px;min-height:60px;border-radius:1.25cqw;border:.06cqw solid rgba(255,255,255,.22);background:rgba(8,20,48,.38);color:#f3d77a;font-size:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none;opacity:.8;transition:background .25s,opacity .25s,width .25s;padding:0;display:grid;place-items:center}
.hs .hs-nav::before{content:"";width:60%;aspect-ratio:1;max-width:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;margin:0;border:0;transform:none;min-width:0;min-height:0}
.hs .hs-nav.next::before{transform:scaleX(-1);margin:0}
.hs .hs-nav:hover{background:#d6a91f;color:#062f40;opacity:1;transform:translateY(-50%)}
.hs .hs-nav:hover::before{animation:navNudge .9s ease-in-out infinite}
.hs .hs-nav.next:hover::before{animation-name:navNudgeL}
@keyframes navNudge{0%,100%{translate:0}50%{translate:.25cqw}}
@keyframes navNudgeL{0%,100%{translate:0}50%{translate:-.25cqw}}
.hs .hs-nav.prev{right:1cqw}.hs .hs-nav.next{left:1cqw}
.hs .hs-dots{bottom:1cqw}
.hs .hs-dots button{background:rgba(255,255,255,.45)}.hs .hs-dots button.on{background:#d6a91f;box-shadow:0 0 .6cqw rgba(214,169,31,.8)}
.qb-b.on .qb-tx>*{animation-name:qbUp}

/* الجوال */
@container (max-width:760px){
  .qb-ph{left:0;right:0;width:auto;margin:0;bottom:auto;height:72%;-webkit-mask:linear-gradient(180deg,transparent 3cqw,#000 10cqw,#000 72%,transparent);mask:linear-gradient(180deg,transparent 3cqw,#000 10cqw,#000 72%,transparent)}
  .qb-ph-x{
    -webkit-mask:linear-gradient(180deg,transparent 0,#000 13cqw,#000 72%,transparent);mask:linear-gradient(180deg,transparent 0,#000 13cqw,#000 72%,transparent)}
  .qb-pi{width:100cqw;left:0;top:-19cqw}
  .qb .qb-lg{filter:drop-shadow(0 0 .4cqw rgba(140,225,255,.95)) drop-shadow(0 0 1.1cqw rgba(60,170,255,.8))}
  .qb-sh{background:linear-gradient(180deg,rgba(6,14,38,.55) 0%,rgba(6,14,38,0) 9%,rgba(6,14,38,0) 30%,rgba(6,14,38,.75) 40%,rgba(6,16,40,.97) 56%)}
  .qb-stars svg{filter:drop-shadow(0 0 .5cqw rgba(255,230,150,.7))}
  .qb-tx{right:5cqw;left:5cqw;width:auto;top:44cqw;transform:none;text-align:center}
  .qb-badge{position:absolute;top:3cqw;left:0;right:0;transform:none;margin:auto;width:max-content;max-width:90cqw;white-space:normal;font-size:2.55cqw;padding:1cqw 2.4cqw;gap:1.2cqw;border-radius:5cqw;line-height:1.5}
  .qb.on .qb-badge{animation:qbFade .8s .15s both,qbGlow 2.8s 1s ease-in-out infinite}
  .qb-h{font-size:5cqw;margin:0 0 1.2cqw}
  .qb-fr{margin:1.4cqw 0 0;padding:.3cqw;border-radius:1.3cqw}.qb-fr i{text-align:center;text-align-last:center}.qb-fr span{font-size:3.15cqw;line-height:1.6;padding:1cqw 1.6cqw;border-radius:1.1cqw}
  .qb-ul{display:none}
  .qb-btns{justify-content:center;gap:2cqw}.qb-cta{font-size:3.1cqw;padding:1.5cqw 3cqw;border-radius:1.8cqw;gap:1.2cqw}
  .qb-pn{left:4cqw;right:4cqw;width:auto;top:auto;bottom:2.5cqw;transform:none;padding:1.8cqw 2cqw 2cqw;border-radius:2.6cqw}
  .qb-ph1{font-size:2.8cqw}.qb-n{font-size:3.7cqw}
  .qb-ph2{font-size:2.4cqw;margin:.4cqw 0 1.3cqw;gap:1.6cqw}
  .qb-grid{gap:.8cqw}
  .qb-t{height:3.9cqw;border-radius:.9cqw}
  .qb.on .qb-pn{animation:qbUp .9s .2s both}
  @keyframes qbUp{from{opacity:0;transform:translateY(3cqw)}to{opacity:1;transform:none}}
}
@container (max-width:760px){
  .qb-b .qb-ph{left:0;right:0;width:auto;margin:0;bottom:auto;height:70%;-webkit-mask:linear-gradient(180deg,transparent 3cqw,#000 10cqw,#000 70%,transparent);mask:linear-gradient(180deg,transparent 3cqw,#000 10cqw,#000 70%,transparent)}
  .qb-b .qb-pi{width:104cqw;left:-2cqw;top:-20cqw}
  .qb-b .qb-sh{background:linear-gradient(180deg,rgba(6,14,38,.5) 0%,rgba(6,14,38,0) 9%,rgba(6,14,38,0) 31%,rgba(6,14,38,.8) 40%,rgba(6,16,40,.97) 52%)}
  .qb-b .qb-tx{right:5cqw;left:5cqw;width:auto;top:45cqw;transform:none;text-align:center}
  .qb-b .qb-h{font-size:5.6cqw;margin:0 0 1.6cqw}
  .qb-b .qb-fr{display:block;margin:0 0 2cqw}.qb-b .qb-fr span{font-size:3.1cqw;padding:1cqw 1.8cqw}
  .qb-b .qb-ul{display:block;text-align:right;margin:0 auto 2.6cqw;max-width:86cqw}
  .qb-b .qb-ul li{font-size:2.95cqw;padding-right:4.6cqw;margin-bottom:.9cqw}
  .qb-b .qb-ul li::before{width:3.2cqw;height:3.2cqw;font-size:2cqw;top:.6cqw}
  .qb-b .qb-cta{font-size:3.3cqw;padding:1.6cqw 3.4cqw}
  .qb-ring{left:50%;top:36%;width:80cqw;height:80cqw;margin:-40cqw 0 0 -40cqw;border-width:.25cqw}
  .qb-ring2{width:98cqw;height:98cqw;margin:-49cqw 0 0 -49cqw;border-width:.15cqw}
  .qb-ring::after{width:1.6cqw;height:1.6cqw;top:-.8cqw}
  .qb-badge{right:0;left:0}
}

/* ===== البانر الثاني: الشعارات (qb-c) ===== */
.qb-c .qb-bg{filter:brightness(.8)}
.qb-c .qb-sh{background:radial-gradient(60% 90% at 25% 50%,rgba(14,100,135,.28),transparent 70%),linear-gradient(0deg,rgba(6,14,38,.5),transparent 25%)}
.qb-c .qb-ring{left:22cqw}
.qb-c .qb-pn{left:6cqw;top:52%;width:31cqw;padding:.9cqw 1.1cqw 1.1cqw;border-radius:1.3cqw}
.qb-c .qb-ph1{font-size:1.6cqw}.qb-c .qb-n{font-size:2.1cqw}
.qb-c .qb-ph2{font-size:1.1cqw;margin:.3cqw 0 .8cqw}
.qb-c .qb-grid{gap:.5cqw}
.qb-c .qb-t{height:3cqw;border-radius:.55cqw}
.qb-c .qb-fr{margin-top:.8cqw;padding:.16cqw;border-radius:.7cqw}.qb-c .qb-fr span{font-size:1.12cqw;padding:.5cqw .9cqw;border-radius:.6cqw}
.qb-c .qb-tx{right:4.4cqw;width:44cqw;top:57%}
.qb-c .qb-ul{margin-bottom:2cqw}
.qb-c .qb-ul li{font-size:1.32cqw;padding-right:2.7cqw;margin-bottom:.9cqw}
.qb-c .qb-ul li::before{width:1.8cqw;height:1.8cqw;font-size:1.1cqw;top:.2cqw}
.qb-c .qb-cta{font-size:1.4cqw;padding:.8cqw 1.9cqw}
@container (max-width:760px){
  .qb-c .qb-ring{left:50%;top:38%}
  .qb-c .qb-sh{background:radial-gradient(90% 50% at 50% 35%,rgba(14,100,135,.3),transparent 70%)}
  .qb-c .qb-pn{left:4cqw;right:4cqw;width:auto;top:14cqw;bottom:auto;transform:none;padding:2.2cqw 2.4cqw 2.4cqw;border-radius:3cqw}
  .qb-c .qb-ph1{font-size:3.2cqw}.qb-c .qb-n{font-size:4.2cqw}
  .qb-c .qb-ph2{font-size:2.6cqw;margin:.4cqw 0 1.4cqw}
  .qb-c .qb-grid{gap:1cqw}
  .qb-c .qb-t{height:5.2cqw;border-radius:1.1cqw}
  .qb-c .qb-fr{margin-top:1.4cqw;padding:.35cqw;border-radius:1.5cqw}.qb-c .qb-fr span{font-size:3.1cqw;padding:1cqw 1.6cqw;border-radius:1.2cqw}
  .qb-c .qb-tx{right:5cqw;left:5cqw;width:auto;top:auto;bottom:11cqw;transform:none;text-align:center}
  .qb-c .qb-ul{display:block;text-align:right;margin:0 auto 2cqw;max-width:88cqw}
  .qb-c .qb-ul li{font-size:2.95cqw;padding-right:4.6cqw;margin-bottom:.9cqw}
  .qb-c .qb-ul li::before{width:3.3cqw;height:3.3cqw;font-size:2cqw;top:.6cqw}
  .qb-c .qb-cta{font-size:3.3cqw;padding:1.6cqw 3.4cqw}
}
@media (max-width:760px){
  .hs .hs-nav{top:auto;bottom:8px;transform:none;width:30px;height:30px;min-width:0;min-height:0;border-radius:10px}
  .hs .hs-nav.prev{right:8px}.hs .hs-nav.next{left:8px}
  .hs .hs-nav:hover{transform:none}
  .hs .hs-nav::before{width:16px}
  .hs .hs-dots{display:flex;bottom:17px}
}
@media (prefers-reduced-motion:reduce){.qb *,.qb *::before,.qb *::after{animation:none!important}}

/* ===== البانر الأول (الكمبيوتر): الشركاء يساراً، الصورة في المنتصف، النص يميناً ===== */
.qb-b .qb-pn{display:none}
@container (min-width:761px){
  .qb-b .qb-ph{left:50%;width:38cqw;margin-left:-19cqw;
    -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent 0,#000 6cqw,#000 88%,transparent);-webkit-mask-composite:source-in;
    mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent 0,#000 6cqw,#000 88%,transparent);mask-composite:intersect}
  .qb-b .qb-pi{width:38cqw;top:-5cqw}
  .qb-b .qb-sh{background:linear-gradient(90deg,rgba(6,18,42,.9) 0%,rgba(6,18,42,.6) 24%,rgba(6,18,42,0) 33%,rgba(6,18,42,0) 67%,rgba(6,18,42,.6) 76%,rgba(6,18,42,.9) 100%),linear-gradient(0deg,rgba(6,14,38,.5),transparent 22%)}
  .qb-b .qb-ring{left:50%}
  .qb-b .qb-tx{right:4.6cqw;width:29.5cqw;top:57%}
  .qb-b .qb-tx .qb-fr{display:none}
  .qb-b .qb-h{font-size:2.3cqw;margin-bottom:1.2cqw}
  .qb-b .qb-ul{margin-bottom:1.4cqw}
  .qb-b .qb-ul li{font-size:.95cqw;margin-bottom:.5cqw}
  .qb-b .qb-cta{font-size:1.12cqw;padding:.65cqw 1.4cqw}
  .qb-b .qb-pn{display:block;left:4.6cqw;top:57%;width:24cqw}
  .qb-b .qb-pn .qb-fr{display:block;margin:.7cqw 0 0;padding:.13cqw;border-radius:.55cqw}
  .qb-b .qb-pn .qb-fr span{font-size:.84cqw;padding:.5cqw .7cqw;text-align:inherit}
  .qb-b .qb-pn .qb-fr i{text-align:justify;text-align-last:justify;white-space:nowrap}
}

/* ===== البانر الثاني: باقات التدريب والاختبار (qt) — نسخة من قسم الصفحة الرئيسية ===== */
.qt{background:#081430;overflow:hidden;font-family:'Cairo',sans-serif;color:#fff}
.qt-bg{position:absolute;inset:0;background:url(../img/qt-hero-blur.webp) center/cover}
.qt-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(6,18,42,.96) 0%,rgba(6,18,42,.9) 42%,rgba(6,18,42,.55) 60%,rgba(6,18,42,.35) 100%),linear-gradient(0deg,rgba(6,14,38,.5),transparent 25%)}
.qt-ph{position:absolute;left:0;top:0;bottom:0;width:46cqw;overflow:hidden;
  -webkit-mask:linear-gradient(270deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask:linear-gradient(270deg,transparent 0,#000 30%),linear-gradient(0deg,transparent 0,#000 14%);mask-composite:intersect}
.qt-pi{position:absolute;inset:0;background:url(../img/qt-hero.webp) 35% 30%/cover;animation:qbKen 22s ease-in-out infinite alternate;transform-origin:40% 40%}
.qt-pi::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(30,110,220,.32),rgba(20,70,170,.32));mix-blend-mode:soft-light}
.qt-pi::after{content:"";position:absolute;inset:0;background:rgba(18,60,150,.1)}
.qt-in{position:absolute;right:10.9cqw;top:50%;transform:translateY(-50%);width:44cqw;text-align:right;z-index:2}
.qt-kick{display:inline-block;padding:.3cqw 1cqw;border-radius:2cqw;background:rgba(255,255,255,.1);border:.05cqw solid rgba(255,255,255,.16);color:#F5D56A;font-weight:800;font-size:.86cqw}
.qt-title{margin:.5cqw 0 .1cqw;font-weight:900;font-size:3.05cqw;line-height:1.2;white-space:nowrap}
.qt-title .l1{color:#fff;text-shadow:0 .3cqw 1.2cqw rgba(0,0,0,.35)}
.qt-title .l2{background:linear-gradient(90deg,#FFE58A,#E0B224 45%,#F7D774 70%,#C99A12);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:qtShine 5s linear infinite;filter:drop-shadow(0 .3cqw .9cqw rgba(224,178,36,.35))}
@keyframes qtShine{to{background-position:200% center}}
.qt-sub{margin:.1cqw 0 .6cqw;font-weight:800;font-size:1.35cqw;color:#fff}
.qt-sub span{color:#F2C94C}
.qt-p{margin:0;max-width:31cqw;color:#C9DCE4;font-size:.86cqw;line-height:1.85}
.qt-mini{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw;margin-top:1cqw}
.qt-c{display:flex;align-items:center;gap:.6cqw;padding:.45cqw .55cqw .45cqw .45cqw;border-radius:.9cqw;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:.05cqw solid rgba(242,201,76,.45);color:#fff;text-decoration:none;transition:background .2s}
.qt-c:hover{background:rgba(255,255,255,.18)}
.qt-v{position:relative;flex:none;width:8.6cqw;cursor:pointer;animation:vtFloat 3.2s ease-in-out infinite}
.qb .qt-v img,.qt .qt-v img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 .3cqw .6cqw rgba(0,0,0,.35))}
.qt-hot{position:absolute;left:var(--px);top:var(--py);width:1.4cqw;height:1.4cqw;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.qt-hot::before,.qt-hot::after,.qt-hot i{content:"";position:absolute;inset:0;border-radius:50%;border:.1cqw solid #FF3B3B;animation:vtRing 1.6s ease-out infinite}
.qt-hot::after{animation-delay:.55s;border-color:#fff}.qt-hot i{animation-delay:1.1s;border-color:#F2C94C}
.qt-hot b{position:absolute;inset:.2cqw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 70%);animation:vtGlow 1.6s ease-in-out infinite}
.qt-v em{position:absolute;left:50%;bottom:-.1cqw;transform:translateX(-50%);white-space:nowrap;font:900 .6cqw Cairo,sans-serif;font-style:normal;color:#2E2300;background:linear-gradient(135deg,#FFE58A,#E0B224);padding:.18cqw .6cqw;border-radius:1cqw;box-shadow:0 .2cqw .5cqw rgba(0,0,0,.3);animation:vtBadge 1.8s ease-in-out infinite}
.qt-ct b{display:block;font-weight:800;font-size:.86cqw;line-height:1.45}
.qt-ct small{display:block;margin-top:.2cqw;color:#F5D56A;font-weight:800;font-size:.72cqw}
.qt-cta{display:flex;gap:.6cqw;margin-top:1cqw}
.qt-gold,.qt-ghost{font-weight:900;font-size:.95cqw;border-radius:.75cqw;padding:.65cqw 1.4cqw;text-decoration:none}
.qt-gold{background:linear-gradient(135deg,#F2C94C,#C99A12);color:#2E2300;box-shadow:0 .5cqw 1.1cqw rgba(201,154,18,.35)}
.qt-ghost{border:.08cqw solid rgba(255,255,255,.5);color:#fff}
.qt-ghost:hover{background:rgba(255,255,255,.1)}
.qt.on .qt-in>*{animation:qbUp .8s cubic-bezier(.2,.7,.2,1) both}
.qt.on .qt-in>:nth-child(2){animation-delay:.1s}.qt.on .qt-in>:nth-child(3){animation-delay:.2s}.qt.on .qt-in>:nth-child(4){animation-delay:.3s}.qt.on .qt-in>:nth-child(5){animation-delay:.4s}.qt.on .qt-in>:nth-child(6){animation-delay:.5s}
.qt.on .qt-ph{animation:qbFade 1s both}
@keyframes vtRing{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}
@keyframes vtGlow{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes vtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-.15cqw)}}
@keyframes vtBadge{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.08)}}
@container (max-width:760px){
  .qt-bg::after{background:linear-gradient(180deg,rgba(6,18,42,.92) 0%,rgba(6,18,42,.85) 60%,rgba(6,18,42,.6) 100%)}
  .qt-ph{top:auto;width:100cqw;height:46%;opacity:.45;-webkit-mask:linear-gradient(0deg,#000 40%,transparent);mask:linear-gradient(0deg,#000 40%,transparent)}
  .qt-pi{background-position:center 25%}
    .qt-in{right:6cqw;left:6cqw;width:auto;top:6cqw;transform:none}
  .qt-kick{font-size:2.6cqw;padding:.8cqw 2.6cqw;border-radius:4cqw}
  .qt-title{font-size:7.4cqw;margin:1.6cqw 0 .4cqw}
  .qt-sub{font-size:3.5cqw;margin:0 0 1.6cqw}
  .qt-p{max-width:none;font-size:2.75cqw;line-height:1.75}
  .qt-mini{grid-template-columns:1fr;gap:1.6cqw;margin-top:2.6cqw}
  .qt-c{gap:2.4cqw;padding:1.4cqw;border-radius:2.4cqw;border-width:.15cqw}
  .qt-v{width:17cqw}
  .qt-hot{width:3.4cqw;height:3.4cqw}
  .qt-v em{font-size:1.7cqw;padding:.5cqw 1.6cqw;border-radius:3cqw}
  .qt-ct b{font-size:2.9cqw}.qt-ct small{font-size:2.5cqw;margin-top:.4cqw}
  .qt-cta{gap:2cqw;margin-top:2.6cqw}
  .qt-gold,.qt-ghost{white-space:nowrap;font-size:3.1cqw;padding:1.6cqw 3.4cqw;border-radius:2cqw}
}
@media (prefers-reduced-motion:reduce){.qt *,.qt *::before,.qt *::after{animation:none!important}}

/* البرواز ثابت: لا حركة دخول، فقط اللون المتحرك في إطاره */
.qb.on .qb-tx>.qb-fr,.qb .qb-fr{animation:qbFrame 3.5s linear infinite!important;opacity:1}
@container (min-width:761px){.qb-b .qb-h{font-size:2cqw}}