body {
  margin: 0;
  background: #1e1e1e !important; /* or whatever color you want */
}

.card {
  max-width: 900px;
  /* margin: 0 auto; */
  background: #1e1e1e !important;
}

.step-card {
  max-width: 800px;
  margin: 40px auto;
}

.hidden {
  display: none;
}

#alert .alert {
  border-radius: 0.5rem;
}

input::placeholder, textarea::placeholder {
  color: #aaa;
}

@media (max-width: 576px) {
  .btn {
    width: 100%;
  }
}


/* #responseMessage {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
} */


.form-check-input[type="radio"] {
  border-radius: 50%;
  border-color: #999;
}







/* ===== PROTECT YOUR INVENTORY DESIGN ===== */

/* prevent Bootstrap .row from breaking your layout */
.row {
margin-left: 0 !important;
margin-right: 0 !important;
}

/* optional: stop spacing conflicts */
table {
border-collapse: collapse;
}

/* OPTIONAL: if Bootstrap buttons clash */
.btn-warning {
background-color: #f4b400;
border: none;
color: #111;
}

/* ===== CUSTOM MODAL SYSTEM (Bootstrap-free styling) ===== */

.modal {
display: none;
position: fixed;
z-index: 99999;
left: 0;
top: 0;
width: 100%;
height: 100%;
/* background: rgba(0,0,0,0.75); */
background: #000;
}

.modal-dialog {
width: 95%;
max-width: 1100px;
margin: 40px auto;
}

.modal-content {
background: #1e1e1e;
color: #fff;
border-radius: 8px;
border: 1px solid #333;

}

.modal-header {
padding: 15px;
background: #111;
display: flex;
justify-content: space-between;
align-items: center;
}

.modal-body {
padding: 20px;
font-size: .8em;
}

/* TABLES */
.modal table {
width: 100%;
border-collapse: collapse;
}

.modal th,
.modal td {
border: 1px solid #333;
padding: 8px;

}

/* INPUTS */
.modal input,
.modal textarea {
width: 100%;
padding: 10px;
background: #111;
color: #fff;
border: 1px solid #444;
}

/* BUTTON OVERRIDE */
.btn-warning {
background: #f4b400;
border: none;
color: #111;
}

.btnQuote{
background:#f4b400;
color:#111;
border:none;
padding:3px 18px;
border-radius:4px;
font-weight:bold;
cursor:pointer;
text-align:right;
}

.btnQuote:hover{
background:#000;
color:#fff;
}