.item.active {
	background: linear-gradient(135deg, #059669, #10b981) !important;
	border: 2px solid #34d399 !important;
	color: #fff !important;
	box-shadow: 0 14px 34px rgba(16, 185, 129, .35) !important
}

.item.active b,
.item.active strong,
.item.active small,
.item.active .muted {
	color: #fff !important;
	opacity: 1 !important
}

.badge {
	background: #1e293b !important;
	color: #f8fafc !important;
	border: 1px solid #334155 !important
}

.badge small {
	color: #cbd5e1 !important
}

.badge.unlocked {
	background: linear-gradient(135deg, #059669, #10b981) !important;
	color: #fff !important;
	border-color: #34d399 !important
}

.badge.unlocked small {
	color: #fff !important
}

.guide,
.guide li,
#pageKiblat .guide,
#pageKiblat .guide li {
	color: #fff !important
}

#pageKiblat .card .muted {
	color: #cbd5e1 !important
}

.infaq-card {
	border: 2px solid #10b981 !important
}

.cost-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(148, 163, 184, .25)
}

.cost-row:last-child {
	border-bottom: 0
}