.h4g-access-card,
.h4g-portal,
.h4g-notice {
  box-sizing: border-box;
  max-width: 760px;
  margin: 36px auto;
}

.h4g-access-card,
.h4g-portal {
  padding: 32px;
  background: #f6fbf6;
  border: 1px solid #dbe9cf;
}

.h4g-access-card h2,
.h4g-portal h1 {
  margin: 0 0 14px;
  color: #222;
  line-height: 1.25;
}

.h4g-access-price {
  margin: 24px 0;
  color: #719d3d;
  font-size: 30px;
  font-weight: 700;
}

.h4g-purchase-form,
.h4g-portal-form {
  display: grid;
  gap: 16px;
}

.h4g-purchase-form label,
.h4g-portal-form label {
  display: grid;
  gap: 7px;
  color: #222;
  font-weight: 500;
}

.h4g-purchase-form input,
.h4g-portal-form input {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #cbd5c3;
  background: #fff;
  color: #111;
  font: inherit;
}

.h4g-purchase-form input:focus,
.h4g-portal-form input:focus {
  border-color: #719d3d;
  outline: 2px solid rgba(113, 157, 61, .2);
}

.h4g-purchase-form button,
.h4g-portal-form button,
.h4g-secondary-button {
  min-height: 46px;
  padding: 11px 20px;
  border: 1px solid #719d3d;
  background: #719d3d;
  color: #fff;
  font: inherit;
  cursor: pointer;
}

.h4g-secondary-button {
  background: #fff;
  color: #719d3d;
}

.h4g-code-form {
  margin: 22px 0;
}

.h4g-existing-user {
  margin: 18px 0 0;
}

.h4g-notice {
  padding: 14px 18px;
  background: #eef5e8;
  border-left: 4px solid #719d3d;
}

.h4g-notice-error {
  background: #fff0f0;
  border-left-color: #bd3030;
}

.h4g-notice-success {
  background: #eef8e9;
}

@media (max-width: 600px) {
  .h4g-access-card,
  .h4g-portal {
    margin: 24px 0;
    padding: 22px 16px;
  }
}

.h4g-checkout-options {
  flex-basis: 100%;
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}

.h4g-checkout-options label,
.check .item .rad label {
  display: flex !important;
  align-items: center;
  gap: 8px;
  text-transform: none !important;
}

.h4g-checkout-options input,
.check .item .rad input {
  flex: 0 0 auto;
}

.h4g-branch-field {
  flex-basis: 100% !important;
}

.h4g-branch-field[hidden] {
  display: none !important;
}