.nab-brands{--nab-bg1:#08284a;--nab-bg2:#0b2f55;--nab-bg3:#1e4f9f;--nab-ring:#ffffff1a;--nab-hover:#5cc3ee;position:relative;isolation:isolate;overflow:hidden;color:white;padding:68px 0 76px;background:linear-gradient(125deg,var(--nab-bg1),var(--nab-bg2) 45%,var(--nab-bg3));font-family:Vazirmatn,Tahoma,sans-serif}
.nab-brands *{box-sizing:border-box}.nab-brands:before{content:"";position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(35% 50% at 15% 80%,rgba(92,195,238,.32),transparent 70%),radial-gradient(30% 45% at 88% 10%,rgba(255,255,255,.1),transparent 70%);animation:nab-sh 18s ease-in-out infinite alternate}.nab-no-glow:before{display:none}@keyframes nab-sh{to{transform:translate3d(4%,-3%,0) scale(1.08)}}
.nab-heading{position:relative;display:flex;align-items:center;gap:26px;max-width:1180px;margin:0 auto 38px;padding-inline:28px;--nab-line:#ffffff66}.nab-heading:before,.nab-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--nab-line))}.nab-heading:after{transform:scaleX(-1)}.nab-heading h2{color:white;margin:0;font-size:clamp(20px,2.6vw,28px);font-weight:800;white-space:nowrap}
.nab-marquee{position:relative;direction:ltr;overflow:hidden;padding:38px 0 44px;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.nab-no-fade .nab-marquee{mask-image:none;-webkit-mask-image:none}.nab-track{display:flex;align-items:center;gap:22px;width:max-content;animation:nab-scroll var(--nab-duration,40s) linear infinite;will-change:transform}.nab-brands[data-autoplay="no"] .nab-track,.nab-brands[data-autoplay=""] .nab-track{animation:none}.nab-brands:not(.nab-no-pause) .nab-marquee:hover .nab-track,.nab-brands:not(.nab-no-pause) .nab-marquee:focus-within .nab-track{animation-play-state:paused}@keyframes nab-scroll{to{transform:translateX(calc(-1 * var(--nab-distance,0px)))}}.nab-brands[data-direction="right"] .nab-track{animation-direction:reverse}
.nab-tile{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;width:230px;height:116px;overflow:hidden;border-radius:24px;background:#e8edf5;color:#124a77;text-decoration:none!important;box-shadow:0 0 0 5px var(--nab-ring),0 16px 30px -16px rgba(0,0,0,.5);transition:box-shadow .3s}.nab-tile img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:translate(var(--logo-x,0px),var(--logo-y,0px)) scale(var(--logo-scale,2.05));transition:transform .3s ease,filter .3s}.nab-tile:hover,.nab-tile:focus-visible{box-shadow:0 0 0 6px var(--nab-hover),0 0 0 14px rgba(92,195,238,.18),0 16px 30px -16px rgba(0,0,0,.5);outline:none}.nab-tile:hover img,.nab-tile:focus-visible img{transform:translate(var(--logo-x,0px),var(--logo-y,0px)) scale(calc(var(--logo-scale,2.05) * var(--nab-zoom,1.04)))}.nab-gray .nab-tile img{filter:grayscale(1) opacity(.8)}.nab-gray .nab-tile:hover img{filter:none}.nab-fallback{display:none;font-size:17px;font-weight:800}.nab-tile.nab-missing img{display:none}.nab-tile.nab-missing .nab-fallback,.nab-tile:not(:has(img)) .nab-fallback{display:block}.nab-tile[data-nab-clone] {pointer-events:none}
@media(max-width:767px){.nab-brands{padding:52px 0 58px}.nab-tile{width:175px;height:92px;border-radius:20px}.nab-track{gap:16px}.nab-heading{gap:14px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.nab-brands:before,.nab-track{animation:none!important}.nab-marquee{mask-image:none!important;-webkit-mask-image:none!important;padding-inline:16px}.nab-track{width:auto;flex-wrap:wrap;justify-content:center}.nab-tile[data-nab-clone]{display:none}}