.broker-access-wrap{
  max-width: 720px;
  margin: 60px auto;
  padding: 80px 16px;
}

.broker-access-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.12);
}

.broker-access-head{
  display:flex;
  gap:20px;
  align-items:center;
  padding:24px 32px;
  background:#FFF1E0;
}

.broker-access-icon{
  width:44px;height:44px;
  display:grid;place-items:center;
  background:#c58b3c;
  color:#fff;
  border-radius:999px;
}

.broker-access-title{ margin:0; font-size:28px;line-height: 36px; color: #5E3428; }
.broker-access-subtitle{ opacity:.8; margin-top:2px; font-size: 14px; color: #0C0C0C; }

.broker-access-body{ padding:40px 32px 60px 40px; }
.broker-access-desc{ margin:0 0 28px; color:#595959; line-height:1.4; }

.broker-access-form{ display:grid; gap:10px; }
.broker-access-label{ font-weight:400; font-size: 14px; margin-bottom:0; }

.broker-access-input{
  border-radius:6px;
  border:0;
  padding:20px;
  background:#F8F8F8;
  font-size: 14px;
  line-height: 20px;
  color: #C4C4C4;
}

.broker-access-btn{
  border:0;
  border-radius:999px;
  background:#c58b3c;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  margin-top: 14px;
  padding: 14px 26px !important;
  line-height: 1 !important;
}
.broker-access-btn:hover {
	background: #5E3428 !important;
}

.broker-access-hr{ border:0; border-top:1px solid #EEEEEE; margin:32px 0; }

.broker-access-footer{ text-align:center; }
.broker-access-footer-title{ font-weight:400; font-size:18px; margin-bottom:14px; }
.broker-access-footer-text{ color: #595959; margin-bottom:22px; font-size:14px; }
.post-password-form-invalid-password p {
	color: red;
}

.broker-access-outline-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border: 1px solid #cfcfcf;
  text-decoration:none;
  color: #0C0C0C !important;
  padding: 14px 26px !important;
  width: 50%;
  font-size: 16px;
  line-height: 1;
}

.broker-access-outline-btn:hover {
  background: #5E3428 !important;
  color: #ffffff !important;
}

.broker-access-btn-wrap {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}
.broker-access-form p {
  display:flex;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
	.broker-access-head {
		padding: 14px 20px;
	}
	.broker-access-btn-wrap {
		display: block;
	}
	.broker-access-outline-btn{
		width: 100%;
	}
	.broker-access-outline-btn:first-child {
	    margin-bottom: 5px;
	}
	.broker-access-body {
		padding: 20px 20px 40px 20px;
	}
}
