#otp_verification_box {
  margin-top: 30px;

  padding: 24px;

  border-radius: 20px;

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.08);
}

#otp_input_box {
  margin-top: 16px;
}

#checkout_otp {
  margin-bottom: 12px;
}

#send_checkout_otp,
#verify_checkout_otp {
  width: 100%;

  height: 52px;

  border: none;

  border-radius: 14px;

  background: linear-gradient(135deg, var(--primary), var(--secondary));

  color: white;

  cursor: pointer;
}

.success-msg {
  color: #42d96b;
}

.error-msg {
  color: #ff6d6d;
}


/* register otp */
.otp-box {
  margin-top: 18px;
}

.otp-btn {
  margin-top: 12px;
}

#register_otp_box {
  display: flex;

  gap: 12px;

  margin-top: 14px;
}

#otp_msg {
  margin-top: 14px;
}