/* styles.css */



.card {
	background-color: #2c2c2e;
	border: none;
}

.card-header {
	background-color: #3a3a3c;
	border-bottom: none;
}

.card-body {
	padding: 20px;
}

.form-control,
.form-check-input,
.btn-group-toggle .btn {
	background-color: #3a3a3c;
	color: #ffffff;
	border: none;
}

.form-control:focus,
.btn-group-toggle .btn:focus,
.form-check-input:focus {
	box-shadow: none;
	border-color: #007aff;
}

.btn-primary {
	background-color: #007aff;
	border: none;
}

.btn-primary:hover {
	background-color: #005bb5;
}

.btn-secondary {
	background-color: #6c757d;
	border: none;
}

.btn-secondary:hover {
	background-color: #565e64;
}

.balance,
.currency {
	display: block;
	margin-top: 5px;
	font-size: 0.9em;
	color: #8e8e93;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.progress {
	height: 20px;
	background-color: #3a3a3c;
	border-radius: 10px;
	overflow: hidden;
}

.progress-bar {
	background-color: #007aff;
}

.step-indicators {
	display: flex;
	justify-content: space-between;
}

.step-indicator {
	background-color: #3a3a3c;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	width: 30%;
}

.step-indicator.active {
	background-color: #007aff;
}