:root {
	
	--bg-body: #f8f9fa;                   
	--bg-card: #ffffff;                   
	--bg-card-soft: #faf8f5;              
	
	--arab-gold: #9e7422;                 
	--arab-gold-light: #f5cd62;           
	--arab-gold-border: #e8dcc8;          
	--binance-yellow: #9e7422;            

	--whatsapp-green: #25d366;
	--whatsapp-green-dark: #0f944d;
	--emerald-green: #0d5c46;

	--text-primary: #1a202c;              
	--text-gray: #5a6872;                 
	--text-muted: #8898a3;                
	
	--luxury-shadow: 0 10px 30px rgba(158, 116, 34, 0.08), 0 2px 8px rgba(0, 0, 0, 0.03);
	--luxury-shadow-hover: 0 16px 40px rgba(158, 116, 34, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);
}

body {
	background-color: var(--bg-body);
	color: var(--text-primary);
	font-family: 'Segoe UI', Roboto, -apple-system, sans-serif;
	overflow-x: hidden;
}

.text-warning {
	color: var(--arab-gold) !important;
	text-shadow: none !important;
	font-weight: 700;
}

.bg-warning {
	background: linear-gradient(90deg, #9e7422, #dfbf7a, #9e7422) !important;
}

.border-warning {
	border-color: var(--arab-gold-border) !important;
}

.text-light,
.text-white {
	color: var(--text-primary) !important;
}

.text-secondary {
	color: var(--text-gray) !important;
}

p.opacity-75,
p.opacity-90 {
	opacity: 0.95 !important;
	color: #2d3748 !important;
}

.hero-section {
	background-image: url('../img/bg1.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 85px 0;
	border-bottom: 2px solid var(--arab-gold-border);
}

.hero-section::before {
	content: '';
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background: linear-gradient(180deg, rgba(6, 14, 11, 0.58) 0%, rgba(5, 12, 9, 0.76) 100%);
	z-index: 1;
}

.hero-content {
	position: relative;
	z-index: 2;
}

.hero-content h1,
.hero-content h1.text-warning {
	color: #f3ca3e !important;
	text-shadow: 0 3px 12px rgba(0, 0, 0, 0.9), 0 0 20px rgba(243, 202, 62, 0.35) !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px;
}

.hero-content p {
	color: #ffffff !important;
	opacity: 0.96 !important;
	font-weight: 400;
	line-height: 1.8;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95), 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

@keyframes hint-bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(7px);
	}
}

.scroll-hint {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	min-width: min(560px, 100%);
	padding: 30px 80px;
	background: linear-gradient(135deg, #fdfbf7 0%, #f2e9da 100%);
	border: 2px solid var(--arab-gold-light);
	border-radius: 60px;
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.4);
}

.scroll-hint span {
	color: var(--arab-gold) !important;
	font-weight: 800;
	letter-spacing: 1.2px;
	font-size: 1.65rem;
	line-height: 1.35;
	text-shadow: none !important;
}

.scroll-hint i {
	color: var(--arab-gold);
	font-size: 2.1rem;
	line-height: 1;
	animation: hint-bounce 1.8s ease-in-out infinite;
}

.glass-card,
.glass-card.bg-black {
	background: var(--bg-card) !important;
	border: 1px solid var(--arab-gold-border) !important;
	border-radius: 18px;
	padding: 2.5rem;
	height: 100%;
	box-shadow: var(--luxury-shadow);
	transition: all 0.35s ease;
}

.glass-card:hover {
	border-color: var(--arab-gold-light) !important;
	box-shadow: var(--luxury-shadow-hover);
	transform: translateY(-3px);
}

.col-lg-4 .glass-card[style] {
	background: linear-gradient(145deg, #ffffff 0%, #fbf9f5 100%) !important;
}

.glass-card .border-white {
	border: 1px solid #f0e6d6 !important;
	background: #faf8f5 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
	transition: all 0.25s ease;
}

.glass-card .border-white:hover {
	border-color: var(--arab-gold-light) !important;
	background: #ffffff !important;
}

.glass-card div[style*="rgba(252, 213, 53, 0.05)"] {
	background: #fdfbf7 !important;
	border-left: 4px solid var(--arab-gold) !important;
	border-radius: 8px;
}

.table-custom {
	background: #ffffff;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--arab-gold-border);
	box-shadow: var(--luxury-shadow);
}

.table-dark {
	--bs-table-bg: #ffffff !important;
	--bs-table-color: var(--text-primary) !important;
	--bs-table-hover-bg: #fcfaf6 !important;
	background-color: #ffffff !important;
	color: var(--text-primary) !important;
}

.table-custom th,
.table-custom th[style] {
	background: linear-gradient(135deg, #f6efe6 0%, #eadbc8 100%) !important;
	color: #785315 !important;
	border: none !important;
	padding: 18px;
	font-weight: 700;
	letter-spacing: 0.8px;
	border-bottom: 2px solid #dac29c !important;
}

.table-custom td {
	padding: 18px;
	border-bottom: 1px solid #f2ebe1 !important;
	color: #2d3748 !important;
	background: #ffffff;
}

.table-custom td[rowspan="7"],
.table-custom td[rowspan="7"][style] {
	background: #faf6ee !important;
	color: #1a202c !important;
	font-weight: 800;
	border-right: 1px solid #f0e6d6;
}

.table-custom td .text-warning {
	color: #9e7422 !important;
	font-weight: 800;
	font-size: 1.05rem;
}

.table-custom tbody tr:hover td {
	background-color: #fdfaf5 !important;
}

@media (max-width: 575.98px) {
	.table-custom th,
	.table-custom th[style] {
		padding: 12px 8px;
		font-size: 0.78rem !important;
		letter-spacing: 0.4px;
	}
	.table-custom td {
		padding: 12px 8px;
		font-size: 0.85rem;
	}
	.table-custom td .text-warning {
		font-size: 0.9rem;
	}
}

.feature-item {
	background: #ffffff;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--arab-gold-border);
	box-shadow: var(--luxury-shadow);
	transition: all 0.35s ease;
}

.feature-item:hover {
	border-color: var(--arab-gold);
	transform: translateY(-6px);
	box-shadow: var(--luxury-shadow-hover);
}

.feature-caption {
	padding: 16px;
	text-align: center;
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--text-primary);
	background: #ffffff;
	border-top: 1px solid #f0e6d6;
}

.full-width-img {
	border-radius: 18px;
	border: 1px solid var(--arab-gold-border);
	box-shadow: var(--luxury-shadow);
	width: 100%;
	display: block;
	transition: all 0.3s ease;
}

.full-width-img:hover {
	border-color: var(--arab-gold);
	box-shadow: var(--luxury-shadow-hover);
}

.partner-img {
	width: 100%;
	border-radius: 18px;
	border: 2px solid var(--arab-gold);
}

.footer-cta-box,
.footer-cta-box[style] {
	background: linear-gradient(135deg, #ffffff 0%, #f7f3eb 100%) !important;
	border: 1px solid var(--arab-gold-border) !important;
	border-radius: 20px !important;
	padding: 45px 30px;
	box-shadow: 0 20px 45px rgba(158, 116, 34, 0.1) !important;
}

.footer-cta-box span {
	color: #2d3748 !important;
	font-weight: 600;
}

@keyframes pulse-green-bright {
	0% {
		transform: scale(0.98);
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5), 0 8px 20px rgba(37, 211, 102, 0.2);
	}
	70% {
		transform: scale(1.04);
		box-shadow: 0 0 0 15px rgba(37, 211, 102, 0), 0 12px 25px rgba(37, 211, 102, 0.3);
	}
	100% {
		transform: scale(0.98);
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 8px 20px rgba(37, 211, 102, 0.2);
	}
}

.btn-whatsapp {
	background: linear-gradient(135deg, #25D366 0%, #0F944D 100%);
	color: #ffffff !important;
	border-radius: 50px;
	padding: 16px 42px;
	font-weight: 700;
	letter-spacing: 0.5px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	animation: pulse-green-bright 2.2s infinite;
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 25px rgba(15, 148, 77, 0.3);
	transition: all 0.3s ease;
}

.btn-whatsapp:hover {
	opacity: 0.95;
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 12px 30px rgba(37, 211, 102, 0.45);
}

.whatsapp-sticky {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 68px;
	height: 68px;
	background: linear-gradient(135deg, #25D366 0%, #0F944D 100%);
	color: #ffffff !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	z-index: 9999;
	border: 2px solid #ffffff;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
	text-decoration: none;
	animation: pulse-green-bright 2.2s infinite;
}

.whatsapp-sticky:hover {
	transform: scale(1.1) translateY(-5px);
	color: #ffffff;
}

.section-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(158, 116, 34, 0.3), transparent);
	margin: 4rem 0;
}

footer {
	border-top-color: #e5dbcd !important;
}

footer img {
	filter: brightness(0.2) !important;
	opacity: 0.8 !important;
}

/* Arabic mirrors the layout; the Bootstrap RTL sheet handles the grid and
   spacing utilities, so only the physical properties written inline or by this
   theme need flipping. */
html[dir="rtl"] body {
	font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .whatsapp-sticky {
	right: auto;
	left: 30px;
}

html[dir="rtl"] .glass-card div[style*="rgba(252, 213, 53, 0.05)"] {
	border-left: 1px solid var(--arab-gold-border) !important;
	border-right: 4px solid var(--arab-gold) !important;
}