.cus-multiform {
  width: 400px;
}

.cus-multiform .progress-bar { height:6px; background:#eee; border-radius:10px; overflow:hidden; }
.cus-multiform .progress { height:100%; width:0%; background:linear-gradient(90deg,#1e90ff,#00bfff); transition:.4s; }

.cus-multiform .step { display:none; opacity:0; transform:translateX(20px); transition:.3s; }
.cus-multiform .step.active { display:block; opacity:1; transform:translateX(0); }

.cus-multiform h3 { margin-bottom:15px; }
.cus-multiform h3 {
    font-size: 20px !important;
    text-align: center !important;
    color: #004084 !important;
}
.cus-multiform .btn-group {
    margin-top: 20px !important;
}
.cus-multiform button {
    background: #004084 !important;
    border: none !important;
    color: white !important;
}
.cus-multiform button:hover {
    background: #07bfff !important;
}
.cus-multiform button {
    width: 100% !important;
}
.cus-multiform input, .cus-multiform select {
    margin-bottom: 10px !important;
}
.cus-multiform input, .cus-multiform select {
  width:100%;
  padding:12px;
  margin:8px 0;
  border-radius:8px;
  border:1px solid #ddd;
  margin-bottom: 10px !important;
}

.cus-multiform .option-box {
  border:1px solid #ddd;
  padding:14px;
  margin:8px 0;
  border-radius:10px;
  text-align:center;
  cursor:pointer;
}
.cus-multiform .option-box.active {
  border:2px solid #1e90ff;
  background:#f0f8ff;
}

.cus-multiform button {
  width:100%;
  padding:12px;
  border:none;
  border-radius:8px;
  background:linear-gradient(90deg,#1e90ff,#00bfff);
  color:#fff;
  font-weight:600;
  cursor:pointer;
}

.cus-multiform .btn-group { display:flex; gap:10px; }
.cus-multiform .btn-group button { width:48%; }

.cus-multiform .error { color:red; font-size:12px; }

.cus-multiform .success {
  display:none;
  margin-top:15px;
  padding:12px;
  background:#e6f9ec;
  color:#2e7d32;
  border-radius:8px;
}