/* Brave Heart XP Payment Center */
.payment-center-section {
  padding: 90px 0 100px;
}
.payment-card {
  background: #fff;
  border: 1px solid #e6e8ed;
  box-shadow: 0 12px 35px rgba(0,0,0,.07);
  padding: 42px;
}
.payment-card .sec-title { margin-bottom: 28px; }
.payment-card .form-control {
  height: 58px;
  border-radius: 3px;
  border: 1px solid #e6e8ed;
  padding: 0 18px;
  font-size: 15px;
}
.payment-card textarea.form-control { height: auto; padding-top: 16px; }
.payment-card label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #222429;
}
.payment-card .required-mark { color: #ff0000; }
.payment-note {
  background: #f4f5f8;
  border-left: 3px solid #ffc737;
  padding: 14px 16px;
  margin: 20px 0 25px;
  font-size: 14px;
  line-height: 1.7;
}
.payment-amount-wrap { position: relative; }
.payment-amount-wrap .currency {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  color: #222429;
  z-index: 2;
}
.payment-amount-wrap input { padding-left: 54px !important; }
.payment-status { display:none; margin-top:20px; }
.payment-status.show { display:block; }
.payment-success {
  background:#edf9f0; border:1px solid #b9e3c2; color:#176b2b; padding:18px;
}
.payment-error {
  background:#fff0f0; border:1px solid #f0b8b8; color:#9a1d1d; padding:18px;
}
.payment-side-box {
  padding: 30px;
  background: #f4f5f8;
  margin-top: 48px;
}
.payment-side-box h4 { margin-bottom: 15px; }
.payment-side-box ul { padding-left: 20px; margin-bottom: 0; }
.payment-side-box li { margin-bottom: 10px; }
@media (max-width: 767px) {
  .payment-center-section { padding: 60px 0 70px; }
  .payment-card { padding: 25px 20px; }
}