.qb-slider {
	position: relative;
	width: 100%;
	height: var(--qb-slider-height, 70vh);
	min-height: 320px;
	max-height: 760px;
	overflow: hidden;
	background: #0a1620;
}

.qb-slider-track {
	position: relative;
	width: 100%;
	height: 100%;
}

.qb-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1.1s ease, visibility 0s linear 1.1s;
	z-index: 1;
}

.qb-slide.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity 1.1s ease;
	z-index: 2;
}

.qb-slide-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: scale(1);
	transition: transform 7s linear;
}

.qb-slide.is-active .qb-slide-bg {
	animation: qbKenBurns 8s ease-out forwards;
}

@keyframes qbKenBurns {
	from { transform: scale(1); }
	to   { transform: scale(1.12); }
}

.qb-slide-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(3, 10, 20, 0.5) 0%,
		rgba(3, 10, 20, 0.4) 50%,
		rgba(3, 10, 20, 0.6) 100%
	);
}

.qb-slide-content {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 2;
}

.qb-slide-inner {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	padding: 0 24px;
	color: #fff;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

.qb-slide-title {
	margin: 0 0 16px;
	font-size: clamp(22px, 4.2vw, 44px);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: #fff !important;
	opacity: 0;
	transform: translateY(28px);
}

.qb-slide-desc {
	margin: 0 auto 24px;
	font-size: clamp(14px, 1.6vw, 18px);
	font-weight: 600;
	line-height: 1.6;
	max-width: 640px;
	color: #fff !important;
	opacity: 0;
	transform: translateY(24px);
}

.qb-slide-btn {
	display: inline-block;
	padding: 13px 30px;
	border-radius: 999px;
	background: #fff;
	color: #0a1620;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	opacity: 0;
	transform: translateY(20px);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.qb-slide-btn:hover {
	background: #eef4f8;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
	transform: translateY(-2px);
}

.qb-slide.is-active .qb-slide-title,
.qb-slide.is-active .qb-slide-desc,
.qb-slide.is-active .qb-slide-btn {
	animation: qbFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.qb-slide.is-active .qb-slide-title { animation-delay: 0.35s; }
.qb-slide.is-active .qb-slide-desc  { animation-delay: 0.55s; }
.qb-slide.is-active .qb-slide-btn   { animation-delay: 0.75s; }

@keyframes qbFadeUp {
	to { opacity: 1; transform: translateY(0); }
}

/* Arrows */
.qb-slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.qb-slider-arrow:hover {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.6);
}

.qb-slider-prev { left: 24px; }
.qb-slider-next { right: 24px; }

.qb-slider-prev:active,
.qb-slider-next:active { transform: translateY(-50%) scale(0.92); }

/* Dots */
.qb-slider-dots {
	position: absolute;
	right: 30px;
	bottom: 30px;
	display: flex;
	gap: 10px;
	z-index: 5;
}

.qb-slider-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.45);
	border: none;
	padding: 0;
	cursor: pointer;
	transition: background 0.25s ease, transform 0.25s ease;
}

.qb-slider-dot.is-active {
	background: #fff;
	transform: scale(1.35);
}

/* Progress bar (autoplay indicator) */
.qb-slider-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: rgba(255, 255, 255, 0.15);
	z-index: 5;
}

.qb-slider-progress span {
	display: block;
	height: 100%;
	width: 0%;
	background: #fff;
}

.qb-slider-progress span.is-animating {
	transition: width linear;
	width: 100%;
}

@media (max-width: 782px) {
	.qb-slider { height: 56vh !important; min-height: 300px; max-height: 560px; }
	.qb-slide-inner { padding: 0 20px; max-width: 100%; }
	.qb-slider-dots { right: 50%; bottom: 14px; transform: translateX(50%); }
	.qb-slider-prev { left: 10px; }
	.qb-slider-next { right: 10px; }
	.qb-slider-arrow { width: 38px; height: 38px; }
}

@media (max-width: 480px) {
	.qb-slider { height: 50vh !important; min-height: 280px; }
	.qb-slide-btn { padding: 11px 24px; font-size: 14px; }
}

/* RTL — content stays centered; only the button/dots direction follows RTL */
body.rtl .qb-slide-content { text-align: center; }