@charset "UTF-8";
/* Spacing Values */
/* Colors */
/* Breakpoints */
/* Fonts */
/* Z-Index */
.form-panel, .input-group, .input-group--checkbox, .select-group, .radio-group, .background--light, .group, .form-footer {
  *zoom: 1; }
  .form-panel:before, .input-group:before, .input-group--checkbox:before, .select-group:before, .radio-group:before, .background--light:before, .group:before, .form-footer:before, .form-panel:after, .input-group:after, .input-group--checkbox:after, .select-group:after, .radio-group:after, .background--light:after, .group:after, .form-footer:after {
    content: " ";
    display: table; }
  .form-panel:after, .input-group:after, .input-group--checkbox:after, .select-group:after, .radio-group:after, .background--light:after, .group:after, .form-footer:after {
    clear: both; }

@font-face {
  font-family: 'InstrumentSans';
  src: url("../fonts/InstrumentSans/static/InstrumentSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'InstrumentSans';
  src: url("../fonts/InstrumentSans/static/InstrumentSans-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'InstrumentSans';
  src: url("../fonts/InstrumentSans/static/InstrumentSans-Medium.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'InstrumentSans';
  src: url("../fonts/InstrumentSans/static/InstrumentSans-Regular.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'InstrumentSans';
  src: url("../fonts/InstrumentSans/static/InstrumentSans-Italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

/*
@font-face {
  font-family: 'FKScreamer';
  src: url('../fonts/FKScreamer/FKSCREAMERTRIAL-BLACK.OTF') format('opentype');
  font-weight: $bold;
  font-style: normal;
}
@font-face {
  font-family: 'FKScreamer';
  src: url('../fonts/FKScreamer/FKSCREAMERTRIAL-BOLD.otf') format('opentype');
  font-weight: $semi-bold;
  font-style: normal;
}
@font-face {
  font-family: 'FKScreamer';
  src: url('../fonts/FKScreamer/FKSCREAMERTRIAL-MEDIUM.OTF') format('opentype');
  font-weight: $regular;
  font-style: normal;
}
@font-face {
  font-family: 'FKScreamer';
  src: url('../fonts/FKScreamer/FKSCREAMERTRIAL-REGULAR.OTF') format('opentype');
  font-weight: $light;
  font-style: normal;
}*/
.anton-regular {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal; }

/* Sets font size for Rem unit */
html {
  font-size: 16px; }

body {
  font-size: 1rem;
  font-family: "InstrumentSans", sans-serif;
  font-weight: 300;
  background-color: #f2f0e9; }

h1 {
  font-size: 42px;
  font-size: 2.625rem;
  font-family: "Anton", serif;
  font-weight: 500;
  text-transform: uppercase; }
  @media only screen and (min-width: 480px) {
    h1 {
      font-size: 50px;
      font-size: 3.125rem; } }

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "InstrumentSans", sans-serif;
  font-weight: 700;
  text-transform: none;
  line-height: 1.3; }
  @media only screen and (min-width: 480px) {
    h2 {
      font-size: 28px;
      font-size: 1.75rem; } }

h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "InstrumentSans", sans-serif;
  font-weight: 700;
  text-transform: none;
  line-height: 1.3; }
  @media only screen and (min-width: 480px) {
    h3 {
      font-size: 22px;
      font-size: 1.375rem; } }

p,
form,
select option {
  font-family: "InstrumentSans", sans-serif;
  font-weight: 100; }

p {
  letter-spacing: 0; }

.letter-spacing--md {
  letter-spacing: 0.04em; }

.bold {
  font-weight: bold; }

.lead {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
  margin: 1em 0; }

a {
  font-family: "InstrumentSans", sans-serif;
  font-weight: 300;
  color: #000000;
  text-decoration: underline; }

a:hover,
a:focus {
  color: #005A36; }

.black-link {
  color: #333333;
  text-decoration: underline; }
  .black-link:hover, .black-link:focus {
    text-decoration: none; }

.no-decoration {
  text-decoration: none; }

.underline {
  text-decoration: underline; }

label {
  font-family: "InstrumentSans", sans-serif;
  font-weight: 700; }
  @media only screen and (min-width: 768px) {
    label {
      font-size: 16px;
      font-size: 1rem; } }

legend {
  font-size: 16px;
  font-size: 1rem;
  font-family: "InstrumentSans", sans-serif;
  font-weight: 700; }
  @media only screen and (min-width: 768px) {
    legend {
      font-size: 18px;
      font-size: 1.125rem; } }

.error {
  color: #9e0b0f; }

/* ------------------- PlaceHolder Text ------------------ */
input::-webkit-input-placeholder {
  color: #838383; }

input:-moz-placeholder {
  /* Firefox 18- */
  color: #838383; }

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #838383; }

input:-ms-input-placeholder {
  color: #838383; }

input.ng-invalid:not(.ng-pristine)::-webkit-input-placeholder {
  color: #9e0b0f; }

input.ng-invalid:not(.ng-pristine):-moz-placeholder {
  color: #9e0b0f; }

input.ng-invalid:not(.ng-pristine)::-moz-placeholder {
  color: #9e0b0f; }

input.ng-invalid:not(.ng-pristine):-ms-input-placeholder {
  color: #9e0b0f; }

input[disabled]::-webkit-input-placeholder,
input[readonly]::-webkit-input-placeholder,
fieldset[disabled] input::-webkit-input-placeholder {
  color: #e5e5e5; }

input[disabled]:-moz-placeholder,
input[readonly]:-moz-placeholder,
fieldset[disabled] input:-moz-placeholder {
  color: #e5e5e5; }

input[disabled]::-moz-placeholder,
input[readonly]::-moz-placeholder,
fieldset[disabled] input::-moz-placeholder {
  color: #e5e5e5; }

input[disabled]:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
fieldset[disabled] input:-ms-input-placeholder {
  color: #e5e5e5; }

.text--capitalize {
  text-transform: capitalize; }

.text--limit-width {
  max-width: 670px;
  line-height: 1.5; }

.m-none {
  margin: 0 !important; }

.m-top-sm {
  margin-top: 1em; }

.m-bottom-sm {
  margin-bottom: 1em; }

.m-bottom-none {
  margin-bottom: 0 !important; }

.m-left-sm {
  margin-left: 1em; }
  .m-left-sm--no-mobile {
    margin-left: 0; }
    @media (min-width: 768px) {
      .m-left-sm--no-mobile {
        margin-left: 1em; } }

.m-left-md {
  margin-left: 2em; }

.text-decoration-none {
  text-decoration: none; }
  .text-decoration-none:hover {
    text-decoration: none; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex--wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .flex--3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media (min-width: 768px) {
      .flex--3 {
        -ms-flex-preferred-size: 33%;
            flex-basis: 33%; } }
  .flex--2 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media (min-width: 768px) {
      .flex--2 {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }

.pl-0 {
  padding-left: 0; }

.btn {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  padding: 0.75em 1em;
  margin: 1em 0;
  border-radius: 6px;
  border: none;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: normal;
  letter-spacing: 0.025em; }
  @media only screen and (min-width: 480px) {
    .btn {
      padding: 0.75em 1.5em;
      white-space: nowrap; } }
  @media only screen and (min-width: 768px) {
    .btn {
      padding: 0.75em 2em; } }
  .btn.btn.disabled, .btn.btn[disabled] {
    background: #ccc;
    opacity: 1;
    color: #000; }
  .btn-outline {
    background: transparent;
    color: black;
    font-weight: 500;
    -webkit-transition: background-color 0.25s, color 0.25s;
    -o-transition: background-color 0.25s, color 0.25s;
    transition: background-color 0.25s, color 0.25s;
    border: 1px solid #101330; }
    .btn-outline:hover, .btn-outline:focus {
      background-color: #101330;
      color: white;
      text-decoration: none; }
  .btn-solid {
    background-color: #101330;
    color: white;
    font-weight: 500;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s; }
    .btn-solid:hover, .btn-solid:focus {
      background-color: #101330;
      color: white;
      text-decoration: none; }
    .btn-solid .fa {
      color: white; }
  .btn-icon {
    color: #101330; }
  .btn-link {
    background-color: transparent;
    padding: 0;
    white-space: normal; }
    .btn-link--plain {
      margin: 0;
      display: inline;
      color: #2b2f34;
      text-decoration: underline;
      vertical-align: baseline; }
      .btn-link--plain:hover, .btn-link--plain:focus {
        color: #2b2f34;
        text-decoration: none; }
    .btn-link--grey {
      margin: 0;
      background-color: white;
      font-weight: 300;
      font-size: 16px;
      border-radius: 10px;
      padding: .25em .5em;
      display: inline;
      color: #838383;
      text-decoration: none;
      vertical-align: baseline;
      border: none; }
      .btn-link--grey:hover, .btn-link--grey:focus {
        color: #838383;
        text-decoration: underline; }
  .btn-loading {
    position: relative; }
    .btn-loading:after {
      content: "";
      background: transparent url("/Assets/img/imgDist/loading.gif");
      width: 16px;
      height: 16px;
      display: block;
      position: absolute;
      right: 0.5em;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .btn--full-width {
    width: 100%;
    display: block; }
    @media only screen and (min-width: 768px) {
      .btn--full-width {
        width: 241px; } }
    @media only screen and (min-width: 992px) {
      .btn--full-width {
        width: 100%; } }
  .btn--small {
    font-size: 1em;
    padding: 1em 1em;
    margin-top: 0.4em; }
  @media only screen and (min-width: 768px) {
    .btn--wide {
      width: 163px; } }
  .btn--gray {
    text-transform: none;
    border-color: #bdc1c8; }
    .btn--gray:hover, .btn--gray:focus {
      border-color: #bdc1c8; }

.btn-group--spaced > .btn + .btn {
  margin-left: 1em; }

.account-types-wrap {
  margin-bottom: 1.2em;
  background: #fff;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 15px; }
  .account-types-wrap fieldset {
    padding: 0;
    margin: 0; }
  .account-types-wrap .input-group__label {
    font-weight: normal; }
  @media only screen and (min-width: 992px) {
    .account-types-wrap {
      margin-bottom: 0; } }
  @media only screen and (min-width: 992px) {
    .account-types-wrap--split-wide {
      width: calc(100% - 0.4em);
      margin-right: 0.4em;
      margin-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    .account-types-wrap--split {
      width: calc(50% - 0.7em); }
      .account-types-wrap--split:nth-child(odd) {
        margin-right: 0.7em; }
      .account-types-wrap--split:nth-child(even) {
        margin-left: 0.7em; } }
  @media only screen and (min-width: 992px) {
    .account-types-wrap--split {
      width: calc(50% - 0.6em);
      margin-bottom: 0; }
      .account-types-wrap--split:nth-child(odd) {
        margin-left: 0.4em;
        margin-right: 0.4em; }
      .account-types-wrap--split:nth-child(even) {
        margin-left: 0.4em; } }

.account-types-spacer-invisible {
  border-top: 1px solid #ffffff; }

.account-types-spacer {
  padding: 1.96em; }

.account-types-row {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .account-types-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media only screen and (min-width: 992px) {
    .account-types-row--narrow {
      width: 33.3%; } }
  @media only screen and (min-width: 992px) {
    .account-types-row--wide {
      width: 66.7%; } }

.account-types-outer-parent {
  padding: 30px;
  padding-bottom: 40px; }
  @media only screen and (min-width: 480px) {
    .account-types-outer-parent {
      padding: 30px;
      padding-bottom: 60px; } }
  @media only screen and (min-width: 768px) {
    .account-types-outer-parent {
      padding: 60px;
      padding-bottom: 80px; } }

.account-types-outer-wrap {
  max-width: 1110px;
  margin: 0 auto; }
  @media only screen and (min-width: 992px) {
    .account-types-outer-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .account-types-outer-wrap--narrow {
    max-width: 754px;
    margin: 0 auto; }

.account-types-outer-wrap-pro {
  max-width: 1110px;
  /* Limit the container width */
  width: 100%;
  /* Ensure it adjusts to the parent width */
  margin: 0 auto;
  /* Center the container on the page */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Use flexbox for layout */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* Arrange sections horizontally by default */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* Allow sections to wrap to the next row if needed */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* Center the sections horizontally */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Align sections vertically */
  gap: 20px;
  /* Space between sections */
  /* Responsive adjustments */ }
  @media only screen and (min-width: 480px) {
    .account-types-outer-wrap-pro {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      /* Stack sections vertically for smaller screens */
      gap: 10px;
      /* Adjust spacing for smaller screens */ } }

.account-types-inner-wrap {
  padding: 1.5em; }
  @media only screen and (min-width: 768px) {
    .account-types-inner-wrap {
      padding: 2.5em 2em 2.25em; } }
  @media only screen and (min-width: 992px) {
    .account-types-inner-wrap {
      padding: 1.7em 2em 2.25em; } }

.account-types-super-secret-wrap {
  max-width: 301px;
  margin: 0 auto; }

.account-types-description {
  color: #2b2f34;
  margin: 0.4em 0 0;
  text-decoration: none; }
  .account-types-description--polite {
    font-style: italic;
    margin: 1em 0 1.5em; }
    @media only screen and (min-width: 1200px) {
      .account-types-description--polite {
        margin: 1em 0 0; } }

.account-types-border {
  padding-left: 40px;
  padding-top: 10px; }

.account-types-heading {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 25px 30px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-transform: none; }
  .account-types-heading--green {
    background: #d8ffe9; }
  .account-types-heading--blue {
    background: #7D72E8; }
  .account-types-heading--gray {
    background: #000000;
    color: white; }

.account-types-radio-group .input-group:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e6ee; }

fieldset {
  border: none;
  margin: 1em 0;
  padding: 0 10px; }
  fieldset [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px; }
    fieldset [class*="col-"].account-types-wrap {
      padding-left: 0;
      padding-right: 0; }
  fieldset .row {
    margin-left: -5px;
    margin-right: -5px; }
  fieldset fieldset {
    padding: 0;
    margin: 0 0 1em; }
  fieldset .input-group {
    margin: 0 0 1em; }

legend {
  font-size: 22px;
  border-bottom: none;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0.5em; }
  fieldset fieldset legend {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 16px;
    font-size: 1rem; }
  legend[class*="col-"] {
    margin: 0; }
  [class*="col-"] > legend {
    margin-left: 0;
    margin-right: 0; }

.legend-indent-left {
  margin-left: 5px; }

.legend-as-label {
  font-size: 16px;
  margin: 0 0 5px 0; }

.legend--plain {
  margin: 0; }

.form-panel {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  padding: 0.5em;
  background-color: white;
  margin-top: 0;
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 768px) {
    .form-panel {
      padding: 2em; } }
  .form-panel--start {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; }
  .form-panel__break {
    position: relative;
    height: 70px;
    width: calc(100% + 1em);
    margin: 2em -.5em 0em;
    background-color: #f2f0e9; }
    .form-panel__break--short {
      margin: 3.4em -2em 2em; }
    @media only screen and (min-width: 768px) {
      .form-panel__break {
        width: calc(100% + 4em);
        margin: 2em -2em 0em; } }
    .form-panel__break:before {
      content: "";
      display: block;
      clear: both;
      background: white;
      height: 20px;
      position: absolute;
      top: 0;
      width: 100%;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px; }
    .form-panel__break:after {
      content: "";
      display: block;
      clear: both;
      background: white;
      height: 20px;
      position: absolute;
      bottom: 0;
      width: 100%;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px; }
  .form-panel__nested {
    padding-left: 1em;
    padding-right: 1em;
    margin-top: none;
    margin-bottom: none; }

.input-group {
  display: block;
  width: 100%;
  margin: 1em 0; }
  .input-group__field {
    width: 100%;
    padding: 0.75em 1em;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #b0b0b0;
    font-size: 16px;
    border-radius: 0; }
    .input-group__field--small {
      max-width: 168px;
      width: 168px;
      display: block;
      margin-top: 0.5em; }
    .input-group__field--medium {
      max-width: 233px;
      width: 233px;
      display: inline-block; }
  .input-group__label {
    font-weight: bold; }
    .input-group__label--wide {
      width: 100%; }
    .input-group__label--ticker {
      font-weight: normal; }
  .input-group--number {
    padding-left: 45px; }
    .input-group--number:before {
      content: "#";
      font-size: 24px;
      position: absolute;
      left: 15px;
      top: 0;
      line-height: 54px;
      vertical-align: middle; }
  .input-group--percent {
    padding-right: 45px; }
    .input-group--percent:after {
      content: "%";
      font-size: 24px;
      position: absolute;
      right: 15px;
      top: 0;
      line-height: 54px;
      vertical-align: middle; }
  @media (min-width: 450px) {
    .input-group--phone-home {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; } }
  .input-group__home-phone {
    margin-bottom: 1.5em;
    margin-right: 1.5em; }
    .input-group__home-phone label {
      display: block; }
  .input-group__home-type label {
    display: block; }
  .input-group--radio {
    display: inline-block;
    float: left;
    width: auto;
    /* TODO improve this focus style */ }
    .input-group--radio .input-group__field {
      opacity: 0;
      position: absolute;
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      cursor: pointer;
      width: auto;
      height: auto; }
    .input-group--radio input[disabled] + .input-group__label {
      color: #b0b0b0;
      cursor: auto; }
    .input-group--radio .input-group__label {
      position: relative;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin: 5px 2em 5px 5px;
      cursor: pointer;
      font-size: initial;
      top: auto;
      left: auto;
      opacity: 1;
      font-weight: 200; }
    .input-group--radio .input-group__field + .input-group__label:before {
      content: "";
      background: white;
      border: 2px solid #b0b0b0;
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      padding: 2px;
      margin-right: 10px;
      text-align: center;
      border-radius: 50%;
      opacity: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .input-group--radio .input-group__field + .input-group__label--jumbo:before {
      content: "";
      background: white;
      border: 1px solid #b0b0b0;
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      padding: 2px;
      margin-right: 10px;
      text-align: center;
      border-radius: 50%;
      opacity: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .input-group--radio .input-group__field:checked + .input-group__label:before {
      background: #000000;
      border-color: #b0b0b0;
      -webkit-box-shadow: inset 0px 0px 0px 2px white;
              box-shadow: inset 0px 0px 0px 2px white; }
    .input-group--radio .input-group__field:checked + .input-group__label--jumbo:before {
      -webkit-box-shadow: inset 0px 0px 0px 4px white;
              box-shadow: inset 0px 0px 0px 4px white; }
    .input-group--radio .input-group__field:focus + .input-group__label {
      text-decoration: underline; }
      .input-group--radio .input-group__field:focus + .input-group__label--jumbo {
        text-decoration: none; }
  .input-group--select select::-ms-expand {
    display: none; }
  .input-group--select .input-group__field {
    background: white;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: black;
    border-radius: 0;
    padding-right: 30px;
    /*&:focus {
        color: palette(blue);
      }*/ }
    .input-group--select .input-group__field option:disabled {
      color: #5C5C5C; }
    .input-group--select .input-group__field option {
      color: black; }
    .input-group--select .input-group__field.ng-untouched:not(.ng-not-empty) {
      color: #5C5C5C; }
  .input-group--select .input-group__field::ms-expand {
    display: none; }
  .input-group--select .input-group__selectWrap {
    position: relative; }
  .input-group--select .input-group__selectWrap:after {
    content: "";
    position: absolute;
    bottom: calc(50% - 4px);
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-width: 8px 7px 0 7px;
    border-style: solid;
    border-color: #b0b0b0 transparent transparent transparent; }
  .input-group--checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .input-group--checkbox .input-group__field {
      opacity: 0;
      position: absolute;
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      cursor: pointer;
      width: auto;
      height: auto; }
    .input-group--checkbox .input-group__label {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      margin-left: 40px;
      font-size: 1em;
      top: auto;
      left: auto;
      cursor: pointer;
      opacity: 1;
      font-weight: 400; }
    .input-group--checkbox .input-group__field + .input-group__label:before {
      content: "";
      background: white;
      border: 1px solid #838383;
      display: block;
      vertical-align: middle;
      position: absolute;
      left: -30px;
      top: 2px;
      width: 20px;
      height: 20px;
      padding: 2px;
      margin-right: 10px;
      text-align: center;
      border-radius: 3px;
      line-height: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .input-group--checkbox .input-group__field:checked + .input-group__label:before {
      content: "\f00c";
      font-family: "FontAwesome";
      background: white;
      border-color: #838383;
      color: #231f20;
      vertical-align: middle; }
    .input-group--checkbox .input-group__field:focus + .input-group__label {
      text-decoration: underline; }
  .input-group--button {
    border: 2px solid #b0b0b0;
    width: auto;
    padding: 0.75em 2em; }

.input-wrap {
  position: relative; }
  .input-wrap .address-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    z-index: 10;
    display: none;
    border: 1px solid #b0b0b0;
    margin-top: -1px; }
    .input-wrap .address-suggestions--visible {
      display: block; }
    .input-wrap .address-suggestions button {
      all: unset;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 7px 15px;
      cursor: pointer;
      width: 100%; }
      .input-wrap .address-suggestions button:active, .input-wrap .address-suggestions button:hover, .input-wrap .address-suggestions button:focus {
        background: #e6e6e6; }

.field-button {
  display: block;
  position: absolute;
  right: 0.5em;
  top: 2.25em;
  background-color: white;
  border: none; }

.show-password:after {
  background-color: white;
  content: "\f070";
  font-family: "FontAwesome";
  color: #231f20;
  vertical-align: middle;
  cursor: pointer; }

.hide-password:after {
  background-color: white;
  content: "\f06e";
  font-family: "FontAwesome";
  color: #231f20;
  vertical-align: middle;
  cursor: pointer; }

.input-group__field[type="radio"]:focus + .input-group__label--jumbo {
  text-decoration: none; }

.select-group {
  margin-bottom: 1em; }
  @media only screen and (min-width: 480px) {
    .select-group .input-group__field {
      padding-right: 25px; } }
  .select-group .input-group {
    margin-bottom: 0; }
    @media only screen and (min-width: 480px) {
      .select-group .input-group {
        width: 25%;
        float: left; }
        .select-group .input-group:first-child {
          width: 45%; }
        .select-group .input-group:last-child {
          width: 30%; } }
    .select-group .input-group:first-child .input-group__field,
    .select-group .input-group:nth-child(2) .input-group__field {
      border-bottom-width: 0; }
      @media only screen and (min-width: 480px) {
        .select-group .input-group:first-child .input-group__field,
        .select-group .input-group:nth-child(2) .input-group__field {
          border-bottom-width: 1px; } }
  @media only screen and (min-width: 480px) {
    .select-group .input-group:first-child .input-group__field,
    .select-group .input-group:nth-child(2) .input-group__field {
      border-right: none; } }
  .select-group .input-group__arrow {
    right: 10px; }
  .select-group--checkbox {
    margin-left: 40px; }

.radio-group {
  margin-bottom: 1.75em; }
  .radio-group__label {
    font-weight: 700;
    margin-bottom: 0; }
  .radio-group--wrapped .input-group--radio {
    width: 100%;
    float: none; }
  .radio-group--account-types .input-group--radio > .input-group__label {
    font-weight: normal;
    margin: 0; }
    .radio-group--account-types .input-group--radio > .input-group__label--bold {
      font-weight: bold;
      color: #2b2f34;
      margin-bottom: 0.9em; }

/* Validation */
.input-group__field.ng-invalid.ng-dirty {
  border: 1px solid #9e0b0f; }

.form-page--validated .input-group__field.ng-invalid {
  border: 1px solid #9e0b0f; }

.progress-steps {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #131118;
  counter-reset: li;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .progress-steps {
      height: 70px;
      background-color: #131118; } }
  .progress-steps__indicator {
    display: inline;
    font-weight: normal; }
    @media only screen and (min-width: 768px) {
      .progress-steps__indicator {
        display: none; } }
  .progress-steps__item {
    width: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1em;
    padding-right: 1em;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    position: relative;
    opacity: 0;
    width: 0; }
    @media only screen and (min-width: 768px) {
      .progress-steps__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 20%;
        padding: 0;
        opacity: 0.75;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .progress-steps__item--active {
      opacity: 1;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (min-width: 768px) {
        .progress-steps__item--active {
          width: 20%; } }
      .progress-steps__item--active .progress-steps__link .progress-steps__heading {
        color: white; }
      .progress-steps__item--active .progress-steps__link:hover {
        color: white; }
        .progress-steps__item--active .progress-steps__link:hover .progress-steps__heading {
          color: white; }
      .progress-steps__item--active .progress-steps__link:before {
        background: #7D72E8;
        color: black;
        border: none; }
      .progress-steps__item--active .progress-steps__subSteps {
        display: inline; }
      @media only screen and (min-width: 768px) {
        .progress-steps__item--active:after {
          display: none;
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          width: 10px;
          margin: 0 auto;
          bottom: -12px;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 12px solid #00ff97; } }
    .progress-steps__item--active.progress-steps__item--hasSteps .progress-steps__heading {
      margin-bottom: 0; }
    .progress-steps__item:last-child {
      border-right: none; }
  .progress-steps__link {
    color: #adadad;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    .progress-steps__link:hover {
      color: #adadad;
      text-decoration: none; }
      .progress-steps__link:hover .progress-steps__heading {
        color: #adadad; }
    .progress-steps__link:focus {
      text-decoration: none;
      color: #adadad; }
    @media only screen and (min-width: 768px) {
      .progress-steps__link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .progress-steps__link:before {
      counter-increment: li;
      position: relative;
      display: inline-block;
      font-size: 14px;
      font-size: 0.875rem;
      margin-bottom: 0.25em; }
      @media only screen and (min-width: 768px) {
        .progress-steps__link:before {
          content: counter(li);
          font-size: 1rem;
          width: 28px;
          height: 28px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border: 1px solid #646464;
          border-radius: 50%;
          margin-bottom: 0;
          margin-right: 0.5em; } }
  .progress-steps__subSteps {
    display: none;
    color: white;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0.5em; }
    @media only screen and (min-width: 768px) {
      .progress-steps__subSteps {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 0; } }
  .progress-steps__heading {
    margin-bottom: 0;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .progress-steps__heading {
        width: auto; } }

.validation-errors {
  color: #9e0b0f; }

.validation-warnings {
  color: #d35400; }

.progress-bar {
  background: #000000;
  height: 1.5em;
  line-height: 1.5;
  min-width: 50px;
  text-align: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 1em; }

.plaid-connected {
  border: 1px solid #10841a;
  border-radius: 5px;
  padding: 0 1em 1em;
  margin-bottom: 0.5em; }
  .plaid-connected__heading {
    background: #10841a;
    margin: -1em -1em 1em -1em;
    color: #fff;
    text-align: center;
    margin-top: 0;
    padding: 0.5em; }

.single-account {
  margin-bottom: 1em; }
  .single-account img {
    max-height: 20px;
    max-width: 20px;
    margin-right: 0.4em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.25em; }
    @media only screen and (min-width: 992px) {
      .single-account img {
        margin-top: 0; } }
  .single-account > div {
    display: grid;
    grid-template-columns: 27px 1fr; }
    @media only screen and (min-width: 992px) {
      .single-account > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: start; } }

.inline-dl div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5em; }

.inline-dl dt {
  margin-right: 0.4em; }

.inline-dl dd {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  letter-spacing: 0.024em;
  text-align: left;
  word-break: break-all; }

input:checked + label > div > span.account-types-label {
  font-weight: bold; }

.trade-feature-page .account-box {
  border: 1px solid #e0e6ee;
  /* Light grey border */
  border-radius: 15px;
  /* Rounded corners */
  background-color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5em;
  /* Add spacing inside the box */
  height: 100%;
  /* Ensure equal box heights */ }

/* Header Styling */
.trade-feature-page .account-box__header {
  background-color: #7D72E8;
  /* Light green header */
  color: #000000;
  font-weight: 700;
  /* Bold */
  text-align: left;
  /* Align text to the left */
  font-size: 1.2em;
  /* Slightly smaller for compactness */
  padding: 1em;
  /* Padding for the header */
  border-radius: 15px 15px 0 0;
  /* Top rounded corners */
  margin-bottom: 1em;
  /* Space below the header */ }

/* Content inside the box */
.trade-feature-page .account-box__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* Ensure consistent height */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  /* Spacing between fields */ }

/* Input groups for radio/checkbox */
.trade-feature-page .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75em;
  /* Space between input and label */
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e6ee;
  /* Separator line between options */ }

.trade-feature-page .input-group:last-child {
  border-bottom: none;
  /* Remove the bottom border for the last item */ }

/* Fix for Cash/Margin stacking in left box */
.trade-feature-page .account-box__content .input-group--radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* Stack radio button and label vertically */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* Align items to the left */
  width: 100%;
  /* Ensure each group takes full width */
  margin-bottom: 1.2em;
  /* Add spacing between radio groups */ }

.trade-feature-page .input-group--radio .input-group__label {
  display: block;
  /* Force label to behave like a block element */
  width: 100%;
  /* Let label take full width of the container */
  margin-left: 1.5em;
  /* Adjust spacing from the radio button */ }

/* Radio/checkbox labels */
.trade-feature-page .input-group__label--jumbo {
  font-weight: normal;
  color: #000000;
  line-height: 1.5; }

/* Container alignment for both boxes */
.trade-feature-page .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2em;
  /* Space between the boxes */ }

.trade-feature-page .col-lg-6 {
  width: calc(50% - 1em);
  /* Equal width for both columns */ }

/* General Font and Color Styling */
.trade-experience-page legend,
.trade-experience-page .input-group__label {
  font-size: 1em;
  /* Consistent font size */
  font-weight: normal;
  color: #2b2f34;
  /* Dark grey */ }

/* General Alignment for Flex Items */
.trade-experience-page .input-group,
.trade-experience-page .radio-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* Additional Spacing for Input Groups */
.trade-experience-page .input-group {
  gap: 1em;
  /* Space between radio and label */
  padding-bottom: 5px;
  /* Space below each group */ }

/* Styled Box */
.trade-experience-page .styled-box-grid {
  border: 1px solid #e0e6ee;
  border-radius: 8px;
  padding: 1rem;
  background-color: #ffffff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* Default to row layout */ }

/* Styled box around options */
.trade-experience-page .styled-box {
  border: 1px solid #e0e6ee;
  border-radius: 8px;
  padding: 1em 1em 0.5em;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* Column Layout */
.trade-experience-page .styled-box--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* Override to column layout */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* Align items to the left */ }

/* Responsive Adjustments */
@media only screen and (max-width: 768px) {
  .trade-experience-page .styled-box,
  .trade-experience-page .options-grid {
    padding: 1em;
    grid-template-columns: repeat(2, 1fr);
    /* Reduce to 2 columns */ }
  .trade-experience-page legend {
    font-size: 1em;
    /* Consistent font size for legends */ }
  .trade-experience-page .input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* Stack radio and label vertically */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* Align items to the left */ } }

.tooltip {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  /* Bigger and more readable */
  font-weight: bold;
  /* Makes it stand out */
  margin-left: 8px;
  /* Proper spacing */
  color: #00b894 !important;
  /* A nicer green */
  text-decoration: none;
  font-family: Arial, sans-serif;
  /* Ensures smooth rendering */
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  /* Adds smoothness */ }

.tooltip i.fa-info-circle {
  color: #7D72E8 !important;
  /* ✅ Now the icon is green */
  font-size: 18px;
  /* Ensures proper sizing */ }

.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  /* Slight transparency */
  color: #fff;
  padding: 8px 12px;
  /* Adds better spacing */
  border-radius: 6px;
  /* More rounded look */
  font-size: 13px;
  /* Easier to read */
  font-weight: normal;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* Prevents excessive width */
  max-width: 300px;
  /* Prevents tooltip from being too wide */
  bottom: 140%;
  /* Positions tooltip slightly higher */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: normal;
  /* Allows proper line breaks */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  z-index: 9999; }

/* Show Tooltip on Hover */
.tooltip:hover::after {
  opacity: 1 !important;
  visibility: visible !important; }

.plan input {
  visibility: hidden; }

.plan input[type="radio"]:checked + label {
  border: 4px solid darkslategray; }

.plan label {
  position: relative;
  background-color: #fff;
  color: #000;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding: 0;
  text-align: center;
  font-weight: 400;
  width: 100%;
  height: 750px; }
  @media (min-width: 425px) {
    .plan label {
      height: 630px; } }
  @media (min-width: 768px) {
    .plan label {
      height: 670px; } }
  @media (min-width: 992px) {
    .plan label {
      height: 800px; } }
  @media (min-width: 1200px) {
    .plan label {
      height: 680px; } }

.plan .plan-heading {
  background-color: #f8f8f8;
  padding: 20px;
  font-size: 30px;
  font-weight: 700;
  border-bottom: 1px solid #e2e2e2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.plan .service-fee {
  margin: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e2e2; }
  .plan .service-fee p {
    font-size: 16px;
    padding-bottom: 20px;
    padding-top: 10px; }

.plan .points {
  margin: 20px; }
  .plan .points ul {
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none; }
    .plan .points ul li {
      position: relative;
      margin: 10px 0;
      padding-left: 25px;
      line-height: 1.3; }
      .plan .points ul li:before {
        content: "\e013";
        font-family: Glyphicons Halflings;
        font-size: 14px;
        position: absolute;
        top: 2px;
        left: 0;
        color: #00a3d9; }

.plan .select-box {
  position: absolute;
  margin: 30px;
  padding-top: 30px;
  border-top: 1px solid #e2e2e2;
  left: 0;
  bottom: 0;
  right: 0; }
  @media (min-width: 992px) {
    .plan .select-box {
      margin-left: 15px;
      margin-right: 15px; } }
  @media (min-width: 1200px) {
    .plan .select-box {
      margin-right: 30px;
      margin-left: 30px; } }

/**
  * from https://codepen.io/JCLee/pen/dyPejGV
  */
.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #dddbdd;
  max-width: 100%; }
  .skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    -webkit-animation: shimmer 2s infinite;
            animation: shimmer 2s infinite;
    content: ""; }

@-webkit-keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

.container {
  max-width: 100%; }

.background__content {
  z-index: 1;
  position: relative; }
  .background__content--narrow {
    margin: 0 auto;
    padding: 0 0.9em;
    max-width: 1197px; }
    @media only screen and (min-width: 768px) {
      .background__content--narrow {
        padding: 0 1.8em; } }
    @media only screen and (min-width: 1200px) {
      .background__content--narrow {
        padding: 0; } }

.background--light {
  background-color: #f2f0e9; }

.background--wht {
  background-color: white; }

.background--black {
  background-color: #131118;
  color: white; }
  .background--black a {
    color: white;
    text-decoration: underline; }
    .background--black a:hover, .background--black a:focus {
      color: white;
      text-decoration: none; }

.background--lightBlue {
  background-color: #00ff97; }

.background--blue {
  background-color: #000000; }

.background--accent {
  position: relative;
  background-color: #000000; }
  .background--accent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 570px;
    background-image: url("/Assets/img/imgDist/siebert-account-sign-upheader-image.jpg");
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (max-width: 539px) {
      .background--accent:before {
        background-size: cover;
        height: 300px; } }

.background--accent-tall:before {
  height: 280px; }
  @media (max-width: 539px) {
    .background--accent-tall:before {
      height: 392px; } }
  @media only screen and (min-width: 1200px) {
    .background--accent-tall:before {
      height: 548px; } }

.background--pseudo {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 485px;
  max-height: 50%; }

.background--framed {
  margin-left: 15px;
  margin-right: 15px; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

form .container {
  padding-left: 0;
  padding-right: 0; }

.page-header-container {
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Anton", serif;
  font-weight: normal;
  font-size: 45px;
  text-transform: uppercase; }
  form .page-header-container {
    padding-left: 15px;
    padding-right: 15px; }
  @media only screen and (min-width: 768px) {
    .page-header-container {
      font-size: 50px;
      padding-left: 0;
      padding-right: 0; }
      form .page-header-container {
        padding-left: 0;
        padding-right: 0; } }

.max-container {
  max-width: 1135px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em; }

.page-title {
  font-size: 35px;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .page-title {
      font-size: 40px; } }

.form-heading {
  font-size: 1.75em; }

.form-section-heading {
  font-size: 1.5em; }

.form-section-group-heading {
  font-size: 1.125em;
  max-width: 850px; }

.form-legend-label {
  font-size: 1em; }

.form-subheading {
  font-size: 1.25em; }

.group--slim {
  max-width: 570px; }

.clear {
  clear: both; }

.clear-test {
  content: "";
  clear: both;
  display: table; }

.italic {
  font-style: italic; }

.capitalize {
  text-transform: capitalize; }

.page-wrapper {
  background: #fff;
  max-width: 1992px;
  margin-left: auto;
  margin-right: auto; }

.text--wht {
  color: white; }

.text--blk {
  color: black; }

.text--blue {
  color: #000000; }

.text--valid {
  color: #78c688; }

.text--error {
  color: #9e0b0f; }

.text--center {
  text-align: center; }

.text--left {
  text-align: left; }

.text--right {
  text-align: right; }

.text--med {
  font-size: 16px;
  font-size: 1rem; }

.text--small {
  font-size: 12px;
  font-size: 0.75rem; }

.text--uppercase {
  text-transform: uppercase; }

.link--lowProfile {
  color: black;
  text-decoration: none; }
  .link--lowProfile:hover, .link--lowProfile:focus {
    color: black;
    text-decoration: underline; }

.link--no-break {
  white-space: nowrap; }

.link--blueBold {
  color: #000000;
  font-weight: 700;
  text-decoration: none; }

.link--blueBig {
  display: inline-block;
  color: #000000;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
  font-size: 1.125rem; }
  @media only screen and (min-width: 768px) {
    .link--blueBig {
      font-size: 24px;
      font-size: 1.5rem; } }

.fa-icon--blue {
  color: #131118; }

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0; }

.list--checkmark {
  list-style: none;
  margin: 0;
  padding: 0; }
  .list--checkmark li {
    display: block;
    padding-left: 1.5em;
    padding-bottom: 1.5em;
    position: relative; }
    .list--checkmark li:before {
      content: "\f00c";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: 300;
      text-decoration: inherit;
      color: #00ff97;
      position: absolute;
      left: 0;
      top: 0; }
  .list--checkmark-green li:before {
    color: #78c688; }

.list--checkmark-green li:before {
  color: black; }

.back-to-top {
  text-align: center;
  padding: 3.4375em 0; }
  .back-to-top__img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .back-to-top__link {
    color: white;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-size: 0.875em; }
    .back-to-top__link:hover, .back-to-top__link:focus {
      text-decoration: underline;
      color: white; }
    .back-to-top--dark .back-to-top__link {
      color: #005A36; }

.margin-top-none {
  margin-top: 0 !important; }

.margin-top-xs {
  margin-top: 0.5em !important; }

.margin-top-sm {
  margin-top: 1em !important; }

.margin-top-md {
  margin-top: 1.5em !important; }

.margin-top-lg {
  margin-top: 2em !important; }

.margin-top-xl {
  margin-top: 3em !important; }

.margin-top-xxl {
  margin-top: 4em !important; }

.margin-right-none {
  margin-right: 0 !important; }

.margin-right-xs {
  margin-right: 0.5em !important; }

.margin-right-sm {
  margin-right: 1em !important; }

.margin-right-md {
  margin-right: 1.5em !important; }

.margin-right-lg {
  margin-right: 2em !important; }

.margin-right-xl {
  margin-right: 3em !important; }

.margin-right-xxl {
  margin-right: 4em !important; }

.margin-bottom-none {
  margin-bottom: 0 !important; }

.margin-bottom-xs {
  margin-bottom: 0.5em !important; }

.margin-bottom-sm {
  margin-bottom: 1em !important; }

.margin-bottom-md {
  margin-bottom: 1.5em !important; }

.margin-bottom-lg {
  margin-bottom: 2em !important; }

.margin-bottom-xl {
  margin-bottom: 3em !important; }

.margin-bottom-xxl {
  margin-bottom: 4em !important; }

.margin-left-none {
  margin-left: 0 !important; }

.margin-left-xs {
  margin-left: 0.5em !important; }

.margin-left-sm {
  margin-left: 1em !important; }

.margin-left-md {
  margin-left: 1.5em !important; }

.margin-left-lg {
  margin-left: 2em !important; }

.margin-left-xl {
  margin-left: 3em !important; }

.margin-left-xxl {
  margin-left: 4em !important; }

.inline-block {
  display: inline-block !important; }

.margin-center {
  margin-left: auto;
  margin-right: auto; }

.padding-top-none {
  padding-top: 0 !important; }

.padding-top-xs {
  padding-top: 0.5em !important; }

.padding-top-sm {
  padding-top: 1em !important; }

.padding-top-md {
  padding-top: 1.5em !important; }

.padding-top-lg {
  padding-top: 2em !important; }

.padding-top-xl {
  padding-top: 3em !important; }

.padding-top-xxl {
  padding-top: 4em !important; }

.padding-right-none {
  padding-right: 0 !important; }

.padding-right-xs {
  padding-right: 0.5em !important; }

.padding-right-sm {
  padding-right: 1em !important; }

.padding-right-md {
  padding-right: 1.5em !important; }

.padding-right-lg {
  padding-right: 2em !important; }

.padding-right-xl {
  padding-right: 3em !important; }

.padding-right-xxl {
  padding-right: 4em !important; }

.padding-bottom-none {
  padding-bottom: 0 !important; }

.padding-bottom-xs {
  padding-bottom: 0.5em !important; }

.padding-bottom-sm {
  padding-bottom: 1em !important; }

.padding-bottom-md {
  padding-bottom: 1.5em !important; }

.padding-bottom-lg {
  padding-bottom: 2em !important; }

.padding-bottom-xl {
  padding-bottom: 3em !important; }

.padding-bottom-xxl {
  padding-bottom: 4em !important; }

.padding-left-none {
  padding-left: 0 !important; }

.padding-left-xs {
  padding-left: 0.5em !important; }

.padding-left-sm {
  padding-left: 1em !important; }

.padding-left-md {
  padding-left: 1.5em !important; }

.padding-left-lg {
  padding-left: 2em !important; }

.padding-left-xl {
  padding-left: 3em !important; }

.padding-left-xxl {
  padding-left: 4em !important; }

@media only screen and (min-width: 768px) {
  .column-spacing {
    padding: 0 2em; }
    .column-spacing:first-child {
      border-right: 1px solid #e5e5e5; } }

.flush-list {
  list-style-position: inside;
  padding-left: 0px; }

.white-popup {
  position: relative;
  background-color: white;
  padding: 2em;
  width: 90%;
  margin: 50px auto; }

.mfp-max {
  max-width: 800px; }

.mfp-close-btn-in button.mfp-close {
  background-color: #000000;
  border: 2px solid white;
  color: white;
  border-radius: 50%;
  left: 0;
  top: -1em;
  margin: 0 auto;
  opacity: 1; }
  .mfp-close-btn-in button.mfp-close:active {
    top: -1em; }
  .mfp-close-btn-in button.mfp-close.btn {
    width: auto;
    border-radius: 0;
    position: static;
    border: none;
    margin: 1em 0;
    padding: 0.75em 2em;
    line-height: 1.42857143;
    height: auto;
    background-color: #333; }

.form-page {
  display: none;
  position: relative;
  margin-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .form-page {
      margin-bottom: 80px; } }
  .form-page--active {
    display: block; }

.form-footer {
  margin-top: 4em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #e5e5e5; }

.page-head {
  background: #131118;
  color: white; }
  .page-head--advisor-nxt {
    background-color: #000;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .page-head__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .page-head__wrap--alert {
      background: orange;
      text-align: center; }
    .page-head__wrap--info {
      background: blue;
      color: white;
      text-align: center; }
  .page-head__logo-wrap {
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 17px 20px 16px; }
    @media (min-width: 1024px) {
      .page-head__logo-wrap {
        padding: 35px 52px 34px; } }
  .page-head__logo {
    width: 190px;
    -webkit-transition: width 0.25s ease-in;
    -o-transition: width 0.25s ease-in;
    transition: width 0.25s ease-in; }
  .page-head__phone {
    font-size: 12px; }
    @media (min-width: 500px) {
      .page-head__phone {
        font-size: 18px; } }
  .page-head__link {
    color: white;
    text-decoration: none;
    margin-left: 0.5em;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 1em; }
    .page-head__link:hover, .page-head__link:focus {
      color: rgba(0, 0, 0, 0.7); }
    .page-head__link:first-of-type {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    @media only screen and (min-width: 480px) {
      .page-head__link {
        margin-left: 2em;
        font-size: 18px;
        font-size: 1.125rem; } }
    @media only screen and (min-width: 768px) {
      .page-head__link:first-of-type {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
    @media only screen and (min-width: 992px) {
      .page-head__link {
        margin-right: 3.125em; } }
    .page-head__link a {
      color: white;
      font-size: 16px;
      text-decoration: none; }
  .page-head__icon {
    color: white;
    padding: 0.25em;
    position: relative;
    width: 1.5em;
    height: 1.5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.9em;
    margin-right: 0.25em; }

.help-container {
  color: #000;
  padding: 40px 0;
  text-align: left; }
  .help-container .heading {
    font-weight: 700;
    margin-bottom: 20px; }
  .help-container ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px; }
  .help-container .phone {
    font-weight: 700; }
  .help-container .message {
    font-weight: 700; }
  .help-container a {
    font-weight: 700;
    color: #000;
    text-decoration: underline; }

.advisornxt-info {
  padding: 20px 15px 40px; }
  .advisornxt-info .breadcrumb {
    margin-bottom: 5px;
    padding: 0;
    background-color: transparent;
    text-align: left; }
    .advisornxt-info .breadcrumb a {
      color: #000; }
    .advisornxt-info .breadcrumb > li + li:before {
      content: ""; }

.total--over {
  color: red; }

.total--exact {
  color: green; }

.alert {
  border-radius: 0; }
  .alert-info {
    background-color: #f7f7f7;
    color: #231f20;
    border: none;
    position: relative;
    padding-left: 3.5em; }
    .alert-info:before {
      content: "\f059";
      font-family: FontAwesome;
      display: block;
      position: absolute;
      top: calc(50% - 0.75em);
      font-size: 1.5em;
      left: 0.75em; }

.accordion__label {
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  padding-right: 25px; }
  .accordion__label:after {
    content: "\f078";
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    right: 0;
    bottom: 0;
    top: 0; }
  @media only screen and (min-width: 992px) {
    .accordion__label:after {
      content: ""; } }

.accordion.active .accordion__label:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.well {
  background-color: #BDBBFC;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

.beneficiary-group {
  position: relative;
  background-color: #BDBBFC;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .beneficiary-group__button {
    position: absolute;
    top: 1em;
    right: 1em; }

.form-intro {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .form-intro {
      text-align: left; } }

.alert-wrapper {
  background-color: #BDBBFC; }

.requirements-box__alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .requirements-box__alert-icon {
    height: 24px;
    width: 24px;
    margin-right: 0.4375em; }
    .requirements-box__alert-icon-md {
      height: 44px;
      width: 44px; }

.requirements-box__dark {
  background-color: #f1f3f6;
  border-radius: 10px;
  margin: 0;
  padding: 30px 38px;
  letter-spacing: .04em; }
  .requirements-box__dark-list {
    list-style-position: outside;
    padding-left: 13px; }
    @media only screen and (min-width: 992px) {
      .requirements-box__dark-list {
        padding-left: 40px; } }
    .requirements-box__dark-list li {
      line-height: 24px; }
      .requirements-box__dark-list li:last-child {
        margin-bottom: -5px; }
  .requirements-box__dark h2 {
    font-size: 1.125em; }

.requirements-box--username {
  margin-top: 1em; }
  @media only screen and (min-width: 992px) {
    .requirements-box--username {
      margin-top: 5.5em; } }

.requirements-box--field-align {
  margin-top: 1em; }
  @media only screen and (min-width: 992px) {
    .requirements-box--field-align {
      margin-top: 4.45em; } }

.requirements-box--info:before {
  display: inline-block;
  content: "\f05a";
  font-size: 1.25em;
  font-family: "FontAwesome";
  border-color: #838383;
  color: #5a6f7c;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: .25em; }

.scanner-needs {
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 50px; }
  .scanner-needs h3 {
    font-size: 22px;
    margin-bottom: 20px; }
  .scanner-needs__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px; }
  .scanner-needs__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px; }
    .scanner-needs__col-img {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 100px;
      height: 100px;
      background: #7D72E8;
      border-radius: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .scanner-needs__col-img > div {
        width: 65px;
        height: 65px;
        background: white;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .scanner-needs__col-img > div img {
          width: 40px; }
          .scanner-needs__col-img > div img.icon-mobile {
            width: 40px;
            margin-top: -5px; }
    .scanner-needs__col-text {
      max-width: 200px;
      width: 100%; }

.scanner-access h3 {
  font-size: 22px;
  margin-bottom: 10px; }

.scanner-access > p {
  margin-bottom: 20px; }

.scanner-access__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px; }

.scanner-access__item {
  border: 1px solid #eaeaea;
  border-radius: 15px;
  padding-left: 10px;
  padding-bottom: 10px; }
  .scanner-access__item label {
    text-decoration: none !important; }
  .scanner-access__item--qrcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .scanner-access__item--qrcode {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .scanner-access__item--qrcode strong {
      font-weight: normal; }
    .scanner-access__item--qrcode p {
      font-size: 16px;
      max-width: 320px; }

.scanner-access__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px; }
  .scanner-access__form button {
    margin: 0;
    height: 50px; }

.scan-steps__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 25px; }
  @media only screen and (min-width: 480px) {
    .scan-steps__step {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .scan-steps__step:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0; }
  .scan-steps__step-num > div {
    background: #687983;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold; }
  .scan-steps__step p {
    margin: 0; }
  .scan-steps__step a {
    color: #333; }

.scan-steps__copy {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #fff;
  padding: 7px;
  border: 1px solid #d0d0d0;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px; }
  @media only screen and (min-width: 480px) {
    .scan-steps__copy {
      gap: 10px; } }
  .scan-steps__copy > div:first-child {
    border-right: 1px solid #d0d0d0;
    padding-left: 0;
    padding-right: 5px; }
    @media only screen and (min-width: 480px) {
      .scan-steps__copy > div:first-child {
        padding-left: 5px;
        padding-right: 10px; } }
  .scan-steps__copy img {
    width: 20px;
    height: 20px; }
  .scan-steps__copy span {
    font-size: 16px;
    color: #47555d; }
    @media only screen and (min-width: 480px) {
      .scan-steps__copy span {
        font-size: 18px;
        margin-right: 20px; } }
  .scan-steps__copy button {
    padding: 7px 15px;
    font-size: 16px;
    margin: 0; }

.scan-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-top: 20px; }
  .scan-note__icon {
    width: 27px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .scan-note__icon--phone {
      background: #131118;
      border-radius: 100px;
      margin-top: -2px; }

.scan-not-scanning-content {
  padding-bottom: 40px; }

.scan-scanning-content > div:last-child {
  margin-bottom: 0; }

.scan-cs {
  padding: 20px; }
  .scan-cs h2 {
    margin-top: 0; }
  .scan-cs__code strong {
    display: block;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px; }
  .scan-cs__code input {
    border: 1px solid #a0a0a0;
    width: 240px; }

.alert.alert-warning {
  background: #BDBBFC;
  border: none; }

.dark-box {
  background: #BDBBFC;
  padding: 1em;
  margin: 2em 0;
  border-radius: 12px; }
  @media only screen and (min-width: 480px) {
    .dark-box {
      padding: 2em; } }
  @media only screen and (min-width: 768px) {
    .dark-box {
      padding: 2.8em 2.8em; } }
  .dark-box__qr-box {
    width: auto;
    display: inline-block;
    border: 23px solid #fff;
    background: #fff;
    border-radius: 15px; }
  .dark-box__image-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    @media only screen and (min-width: 992px) {
      .dark-box__image-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .dark-box__image-content-text {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .dark-box__image-content-icon {
      width: 216px;
      height: 121px;
      margin-bottom: 2em; }
      @media only screen and (min-width: 992px) {
        .dark-box__image-content-icon {
          margin-right: 4.5em;
          margin-bottom: 0; } }
  .dark-box__heading {
    color: #2b2f34;
    font-size: 1.125em;
    margin: 0 0 1.5em; }
    .dark-box__heading--large {
      font-size: 1.25em;
      margin: 10px 0; }
  .dark-box__list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.4em; }
    @media only screen and (min-width: 992px) {
      .dark-box__list {
        margin: 0 0 2.6em; } }
    .dark-box__list-icon {
      width: 14px;
      height: 12px;
      margin-right: 0.81em;
      margin-top: -0.4em; }
    .dark-box__list-item {
      margin-bottom: 0.44em; }
  .dark-box__input {
    margin-top: 0.3em;
    padding-left: 2.3em; }
  .dark-box hr {
    border-color: #d9d9d9; }

.image-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 992px) {
    .image-content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .image-content__image {
    margin: 0; }
    @media only screen and (min-width: 992px) {
      .image-content__image {
        margin: 0 40px 0 0; } }

.alert {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  position: relative;
  color: black;
  width: 100%;
  text-align: left;
  font-size: 1.125rem;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .alert {
      padding-left: 60px; } }
  @media only screen and (min-width: 992px) {
    .alert {
      padding-left: 100px; } }
  .alert__text {
    max-width: 660px; }
  .alert__icon {
    max-width: 25px;
    margin-bottom: 0.5em;
    display: block; }
    @media only screen and (min-width: 768px) {
      .alert__icon {
        position: absolute;
        margin: 0;
        left: 25px; } }
    @media only screen and (min-width: 992px) {
      .alert__icon {
        max-width: 50px; } }

.investment-club__alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .investment-club__alert-icon {
    height: 24px;
    width: 24px;
    margin-right: 0.4375em; }
    .investment-club__alert-icon-md {
      height: 44px;
      width: 44px; }

.investment-club__status-header {
  margin: 2em 0; }
  .investment-club__status-header img {
    width: 155px; }

.investment-club__status-box {
  margin: 2em 0 0 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px; }
  .investment-club__status-box > div > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 101px;
    height: 101px;
    border-radius: 100px;
    background-color: #f5f6f7; }
  .investment-club__status-box img {
    height: 55px;
    width: 60px;
    min-height: 55px;
    min-width: 60px; }
  .investment-club__status-box h2 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 .5em 0; }
  .investment-club__status-box ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 16px; }
    .investment-club__status-box ul li {
      padding-left: 0px;
      line-height: 26px; }
      .investment-club__status-box ul li:last-child {
        margin-bottom: -5px; }

.investment-club__light-box {
  background-color: #f5f6f7;
  border-radius: 10px;
  margin: 2.5em 0 2.25em 0;
  padding: 40px 38px; }
  .investment-club__light-box hr {
    border: #d6d6d6 1px solid; }
  .investment-club__light-box h2 {
    margin: 0 0 .4em 0; }
  .investment-club__light-box > div:nth-child(2) {
    color: #0d66a6;
    font-size: 20px;
    letter-spacing: .024em; }
  .investment-club__light-box dl {
    padding-top: .5em;
    letter-spacing: .024em; }
    .investment-club__light-box dl div {
      display: inline-block; }
    .investment-club__light-box dl div:not(:last-child) {
      margin-right: 1.5em; }
    .investment-club__light-box dl dt {
      font-size: 15px;
      font-weight: bold;
      text-transform: uppercase;
      margin: 0 0 .5em 0; }
    .investment-club__light-box dl dd {
      background-color: white;
      border-radius: 10px;
      padding: .5em 1em .5em .75em;
      min-width: 120px;
      font-size: 18px; }
      .investment-club__light-box dl dd img {
        -webkit-transform: translate(0, -2px);
            -ms-transform: translate(0, -2px);
                transform: translate(0, -2px);
        margin-right: .25em; }

.investment-club__member-list {
  letter-spacing: .024em; }
  .investment-club__member-list table {
    width: 100%; }
    .investment-club__member-list table tr {
      border-bottom: #d6d6d6 1px solid; }
    .investment-club__member-list table th {
      text-transform: uppercase;
      font-size: 15px; }
    .investment-club__member-list table th {
      padding: 1.5rem 0 1rem 1.5rem; }
    .investment-club__member-list table td {
      font-size: 18px;
      padding: 1rem 0 1rem 1.5rem; }
  .investment-club__member-list caption {
    font-size: 22px;
    margin: 0;
    font-weight: bold;
    width: 100%;
    background-color: #0d66a6;
    color: white;
    padding: 1em;
    letter-spacing: .024em; }
  .investment-club__member-list div {
    display: inline-block; }

.investment-club__dark-box {
  background-color: #BDBBFC;
  border-radius: 10px;
  margin: 0;
  padding: 30px 38px; }
  .investment-club__dark-box-list {
    list-style-position: outside;
    padding-left: 13px; }
    @media only screen and (min-width: 992px) {
      .investment-club__dark-box-list {
        padding-left: 40px; } }
    .investment-club__dark-box-list li {
      line-height: 24px; }
      .investment-club__dark-box-list li:last-child {
        margin-bottom: -5px; }
  .investment-club__dark-box h2 {
    font-size: 1.125em; }

.investment-club__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (min-width: 992px) {
    .investment-club__flex {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media only screen and (min-width: 992px) {
    .investment-club__flex--gap {
      gap: 20px; } }
  .investment-club__flex--end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end; }
  .investment-club__flex--start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start; }
  .investment-club__flex-narrow {
    width: 100%; }
    @media only screen and (min-width: 992px) {
      .investment-club__flex-narrow {
        width: 50%; } }
  .investment-club__flex-no-grow {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .investment-club__flex-grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%; }
    @media only screen and (min-width: 992px) {
      .investment-club__flex-grow {
        width: 33%; } }

.investment-club__checkbox {
  padding-left: 0;
  left: -2px; }

.investment-club__list {
  list-style-position: outside;
  padding-left: 30px; }
  .investment-club__list li {
    line-height: 24px;
    letter-spacing: 0.04em; }
    .investment-club__list li:last-child {
      margin-bottom: -5px; }

.no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.notification-box {
  border-radius: 10px;
  margin: 0;
  padding: 26px 26px; }
  .notification-box__alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .notification-box__alert-icon {
      margin-bottom: 0.7em; }
      @media only screen and (min-width: 992px) {
        .notification-box__alert-icon {
          margin-bottom: 0; } }
      .notification-box__alert-icon-md {
        height: 44px;
        width: 44px; }
      .notification-box__alert-icon--members {
        height: 55px;
        width: 60px;
        min-height: 55px;
        min-width: 60px; }
        @media only screen and (min-width: 992px) {
          .notification-box__alert-icon--members {
            height: 65px;
            width: 70px;
            min-height: 65px;
            min-width: 70px; } }
      .notification-box__alert-icon--check {
        height: 22px;
        width: 28px; }
        @media only screen and (min-width: 992px) {
          .notification-box__alert-icon--check {
            padding-right: 0.5em;
            padding-top: 0;
            height: 25px;
            width: 31px; } }
  .notification-box__blue-box {
    background-color: #ffffff;
    border: 1px solid #ccc; }
  .notification-box__success-box {
    background-color: #BDBBFC; }
    .notification-box__success-box-list {
      list-style: none;
      list-style-type: disc;
      list-style-position: outside;
      padding-left: 16px; }
      .notification-box__success-box-list ul {
        margin-left: 0;
        padding-left: 0; }
      .notification-box__success-box-list li {
        padding-left: 0px;
        line-height: 24px; }
        .notification-box__success-box-list li:last-child {
          margin-bottom: -5px; }
    .notification-box__success-box h2 {
      font-size: 1.125em; }
  .notification-box__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media only screen and (min-width: 992px) {
      .notification-box__flex {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
    .notification-box__flex--start {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start; }
    @media only screen and (min-width: 992px) {
      .notification-box__flex--gap {
        gap: 20px; } }
    .notification-box__flex--end {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end; }
    .notification-box__flex-narrow {
      width: 50%; }
    .notification-box__flex-no-grow {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    .notification-box__flex-grow {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 100%; }
      @media only screen and (min-width: 992px) {
        .notification-box__flex-grow {
          width: 33%; } }

.info-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 7px; }
  @media only screen and (min-width: 768px) {
    .info-text {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .info-text i {
    color: #5a6f7c;
    font-size: 20px; }

.faye-ad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin: 40px auto;
  margin-bottom: 0; }
  @media (max-width: 1024px) {
    .faye-ad {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .faye-ad > div {
    border: 1px solid #d6dde1;
    border-radius: 10px;
    padding: 50px;
    width: 50%; }
    @media (max-width: 1150px) {
      .faye-ad > div {
        padding: 30px; } }
    @media (max-width: 1024px) {
      .faye-ad > div {
        width: 100%; } }
  .faye-ad-header {
    font-size: 28px;
    font-weight: bold;
    color: #0066a6;
    margin-bottom: 20px;
    height: 40px;
    line-height: 1.2; }
    @media (max-width: 600px) {
      .faye-ad-header {
        height: auto; } }
    .faye-ad-header img {
      height: 40px;
      display: block; }
  .faye-ad-subheader {
    font-size: 20px;
    font-weight: bold; }
    @media (max-width: 1024px) {
      .faye-ad-subheader br {
        display: none; } }
  .faye-ad ul {
    margin: 0;
    padding: 15px;
    list-style-type: disc; }
    .faye-ad ul li {
      margin: 4px 0; }
  .faye-ad-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 20px; }
    @media (max-width: 600px) {
      .faye-ad-footer {
        display: block; } }
    .faye-ad-footer img {
      display: block;
      height: 50px; }
      @media (max-width: 600px) {
        .faye-ad-footer img:first-child {
          margin-bottom: 20px; } }
    .faye-ad-footer a {
      text-decoration: none;
      width: 100%;
      margin: 0; }
  .faye-ad .siebert-btn {
    width: 100%; }

.address-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  z-index: 100;
  background: rgba(0, 0, 0, 0.75);
  overflow-y: auto; }
  .address-modal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .address-modal__content {
    position: relative;
    background: white;
    width: 600px;
    max-width: 100%;
    height: auto;
    top: 50px;
    border-radius: 10px;
    margin: 20px;
    -webkit-box-shadow: 2px 2px 35px -14px rgba(0, 0, 0, 0.75);
            box-shadow: 2px 2px 35px -14px rgba(0, 0, 0, 0.75);
    overflow: hidden; }
    @media only screen and (max-width: 600px) {
      .address-modal__content {
        margin: 10px;
        top: 0; } }
  .address-modal__header {
    background: #f7f8fa;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: bold;
    position: relative; }
    @media only screen and (max-width: 600px) {
      .address-modal__header {
        padding: 15px;
        font-size: 18px; } }
    .address-modal__header-close {
      all: unset;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 20px;
      cursor: pointer; }
      .address-modal__header-close i {
        pointer-events: none; }
  .address-modal__body {
    padding: 20px 30px; }
    @media only screen and (max-width: 600px) {
      .address-modal__body {
        padding: 15px; } }
  .address-modal__footer {
    padding: 20px 30px;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px; }
    @media only screen and (max-width: 600px) {
      .address-modal__footer {
        padding: 15px;
        padding-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 10px; } }
    .address-modal__footer .btn {
      width: 50%;
      margin: 0; }
      @media only screen and (max-width: 600px) {
        .address-modal__footer .btn {
          width: 100%; } }
  .address-modal__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    font-size: 18px; }
    @media only screen and (max-width: 600px) {
      .address-modal__form {
        font-size: 16px; } }
    .address-modal__form-group {
      border: 1px solid #d5dde2;
      border-radius: 4px; }
      .address-modal__form-group.active {
        border: 3px solid #5b6f7b; }
    .address-modal__form-error {
      color: red;
      font-size: 16px; }
    .address-modal__form-radio {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 5px;
      padding: 10px 15px; }
      .address-modal__form-radio > div:last-child {
        width: 100%; }
      .address-modal__form-radio input {
        position: relative;
        top: -3px;
        border: 1px solid red; }
      .address-modal__form-radio label {
        width: 100%;
        font-weight: bold;
        cursor: pointer; }
        .address-modal__form-radio label strong {
          display: block;
          margin-bottom: 10px; }
        .address-modal__form-radio label div {
          font-weight: normal; }
    .address-modal__form-map {
      border-top: 1px solid #d5dde2;
      height: 170px; }

footer > div {
  padding: 30px;
  position: relative;
  max-width: 1110px;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    footer > div {
      padding: 60px; } }

footer > section {
  border: 1px solid transparent; }

footer .footer-top {
  position: absolute;
  top: 0;
  right: 30px;
  background: #3f3f43;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 10px 20px; }
  footer .footer-top a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    text-transform: none; }
  footer .footer-top i {
    font-size: 20px; }
  @media only screen and (min-width: 768px) {
    footer .footer-top {
      right: 60px; } }

.signup-home {
  line-height: 1.5;
  padding: 1.375em 0 0;
  width: 100%;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }
  .signup-home__desc {
    max-width: 710px;
    line-height: 1.5;
    font-size: 18px;
    margin: 0 auto; }
    @media only screen and (min-width: 992px) {
      .signup-home__desc {
        margin: 0; } }
  @media only screen and (min-width: 768px) {
    .signup-home {
      max-width: 650px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 992px) {
    .signup-home {
      padding-top: 0;
      margin: 0;
      max-width: none; } }
  .signup-home .input-group__field {
    border-radius: 8px; }
  .signup-home .input-group__label {
    font-weight: normal; }

.signup-header {
  background: #131118;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  max-width: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 30px 40px; }
  .signup-header > div {
    margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .signup-header {
      padding: 40px 60px 40px; }
      .signup-header > div {
        max-width: 650px; } }
  @media only screen and (min-width: 992px) {
    .signup-header {
      text-align: left; }
      .signup-header > div {
        max-width: 1110px; } }
  .signup-header--minimized {
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0;
    max-width: 100%;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .signup-header--minimized {
        padding: 3.9em 1.125em 2.3em; } }
    @media only screen and (min-width: 992px) {
      .signup-header--minimized {
        padding: 3.625em 0 3em;
        text-align: center;
        max-width: 749px;
        margin: 0 auto; } }

.signup-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  font-family: 'Anton';
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1; }
  .signup-heading span {
    color: #7D72E8; }
  .signup-heading--large {
    font-size: 2.25em; }
    .signup-heading--large:after {
      background-color: transparent; }
  @media only screen and (min-width: 480px) {
    .signup-heading {
      font-size: 50px; } }
  @media only screen and (min-width: 768px) {
    .signup-heading {
      font-size: 70px; } }
  @media only screen and (min-width: 992px) {
    .signup-heading {
      position: relative; } }

.signup-link {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none; }
  .signup-link:hover, .signup-link:focus {
    color: #ffffff; }

.signup-group__wrap {
  margin-bottom: 1.2em; }

.signup-content {
  font-size: 1.125em;
  line-height: 1.67;
  letter-spacing: 0.45px; }
  .signup-content a {
    color: #7D72E8;
    text-decoration: underline; }
    .signup-content a:hover, .signup-content a:focus-visible {
      color: #7D72E8;
      text-decoration: none; }

.shadow-box {
  position: relative; }
  .shadow-box__heading {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: -8px; }
    .shadow-box__heading:before, .shadow-box__heading:after {
      content: "";
      background-color: rgba(255, 255, 255, 0.2);
      position: absolute;
      top: 8px;
      width: 20%;
      height: 1px; }
      @media only screen and (min-width: 480px) {
        .shadow-box__heading:before, .shadow-box__heading:after {
          width: 30%; } }
      @media only screen and (min-width: 768px) {
        .shadow-box__heading:before, .shadow-box__heading:after {
          width: 40%; } }
    .shadow-box__heading:before {
      left: 0; }
    .shadow-box__heading:after {
      right: 0; }
  .shadow-box__content {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 2em 1em 1em; }
    @media only screen and (min-width: 480px) {
      .shadow-box__content {
        padding: 2em 3em; } }

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }
  .tabs__btn {
    color: black;
    background-color: #dedbd1;
    border-radius: 0;
    font-size: 14px;
    font-size: 0.875rem;
    white-space: normal;
    margin: 0;
    padding: 1.2em 0;
    width: 50%;
    line-height: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    .tabs__btn:first-child {
      margin-right: 5px; }
    @media only screen and (min-width: 480px) {
      .tabs__btn {
        font-size: 16px;
        font-size: 1rem;
        white-space: nowrap; } }
    @media only screen and (min-width: 768px) {
      .tabs__btn {
        font-size: 18px;
        font-size: 1.125rem; } }
    .tabs__btn:hover, .tabs__btn:focus {
      background-color: white; }
    .tabs__btn.btn--selected {
      background-color: white;
      font-weight: 700; }

.toggle-panel-wrapper {
  height: 100%; }
  .toggle-panel-wrapper > div {
    height: 100%; }

.toggle-panel {
  height: 100%; }
  .toggle-panel__panels {
    height: 100%; }
  .toggle-panel__panel {
    height: 100%;
    background: white;
    background-image: url("/Assets/img/imgDist/home-bg.png");
    background-repeat: repeat;
    padding: 30px; }
    @media only screen and (min-width: 768px) {
      .toggle-panel__panel {
        padding: 50px; } }
  .toggle-panel__form h2 {
    font-family: "Anton", serif;
    font-weight: normal;
    font-size: 25px;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) {
      .toggle-panel__form h2 {
        font-size: 30px; } }
  .toggle-panel__form p {
    font-size: 18px; }
  .toggle-panel__form button {
    width: 300px;
    max-width: 100%; }
  .toggle-panel__heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: "Anton", serif;
    font-weight: normal;
    font-size: 25px;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) {
      .toggle-panel__heading {
        font-size: 30px; } }

.home-bottom-wrapper-parent {
  padding: 30px; }
  @media only screen and (min-width: 480px) {
    .home-bottom-wrapper-parent {
      padding: 30px; } }
  @media only screen and (min-width: 768px) {
    .home-bottom-wrapper-parent {
      padding: 40px 60px; } }

.home-bottom-wrapper {
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  .home-bottom-wrapper--continue .toggle-panel__panel {
    border-radius: 15px;
    overflow: hidden; }
  .home-bottom-wrapper--continue .documents-needed {
    margin-top: 0; }
  @media only screen and (min-width: 992px) {
    .home-bottom-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      gap: 15px; } }

.home-alert-wrapper {
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 992px) {
    .home-alert-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.documents-needed {
  background: white;
  background-image: url("/Assets/img/imgDist/home-bg.png");
  background-repeat: repeat;
  border-radius: 15px;
  width: 100%;
  padding: 30px; }
  @media only screen and (min-width: 768px) {
    .documents-needed {
      max-width: 650px;
      margin-left: auto;
      margin-right: auto;
      padding: 50px; } }
  @media only screen and (min-width: 992px) {
    .documents-needed {
      max-width: 400px;
      margin-top: 70px; } }
  @media only screen and (min-width: 1200px) {
    .documents-needed {
      max-width: 480px; } }
  .documents-needed__heading {
    font-family: "Anton", serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 20px;
    letter-spacing: 0.03125‬em;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .documents-needed__heading {
        font-size: 30px; } }
  @media only screen and (min-width: 768px) {
    .documents-needed__list {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2; } }
  @media only screen and (min-width: 992px) {
    .documents-needed__list {
      -webkit-columns: auto;
         -moz-columns: auto;
              columns: auto; } }
  .documents-needed ul {
    font-size: 18px; }

.account-info__alert {
  text-align: center;
  padding: 1em;
  background: #f2f0e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (min-width: 768px) {
    .account-info__alert {
      text-align: left;
      padding: 2.5em;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.account-info__alert-icon {
  margin: 1em auto;
  width: 50px;
  height: 54px;
  display: inline-block; }
  @media only screen and (min-width: 768px) {
    .account-info__alert-icon {
      width: 70px;
      height: 75px;
      margin: 0 2.5em 0 0; } }

.account-info__alert-title {
  font-size: 1.5em;
  margin: 0 0 0.5em; }
  @media only screen and (min-width: 768px) {
    .account-info__alert-title {
      margin: 0 0 0.1em; } }

.account-info__alert-text {
  display: inline-block; }

.account-info__alert-link {
  background: transparent;
  text-decoration: underline;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  border: none; }
  .account-info__alert-link:hover, .account-info__alert-link:focus {
    background: transparent;
    text-decoration: none; }

.account-info__alert-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%) !important;
  -webkit-transform: translateY(-50%) translateX(-53%) !important;
          transform: translateY(-50%) translateX(-53%) !important;
  width: 90%; }
  @media only screen and (min-width: 768px) {
    .account-info__alert-modal {
      width: 610px; } }

.account-info__alert-modal-content {
  border-radius: 0; }

.account-info__alert-modal-close {
  color: #000;
  opacity: 1; }
  .account-info__alert-modal-close:hover, .account-info__alert-modal-close:focus {
    opacity: 1; }

.account-info__alert-modal-header {
  border-bottom: none; }

.account-info__alert-modal-text {
  font-size: 1.2em;
  max-width: 483px;
  margin-left: auto;
  margin-right: auto; }

.account-info__alert-modal-body {
  text-align: center;
  padding: 0 1em; }

.account-info__alert-modal-footer {
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1em 1em 4em; }
  .account-info__alert-modal-footer .btn + .btn {
    margin-left: 0.7em; }

.account-info__alert-modal-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto; }

.account-info__alert-modal-heading {
  margin: 0.3em 0 1em; }

.account-info__heading {
  margin: 0;
  display: block;
  width: 100%;
  cursor: pointer;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (min-width: 768px) {
    .account-info__heading {
      cursor: auto;
      height: auto;
      margin: 0.5em 0 1.5em; } }
  .account-info__heading:before, .account-info__heading:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 40px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background-color: black;
    width: 4px;
    height: 16px; }
    @media only screen and (min-width: 768px) {
      .account-info__heading:before, .account-info__heading:after {
        content: none; } }
  .account-info__heading:before {
    -webkit-transform: translate(5px, 0) rotate(45deg);
        -ms-transform: translate(5px, 0) rotate(45deg);
            transform: translate(5px, 0) rotate(45deg); }
  .account-info__heading:after {
    -webkit-transform: translate(-5px, 0) rotate(-45deg);
        -ms-transform: translate(-5px, 0) rotate(-45deg);
            transform: translate(-5px, 0) rotate(-45deg); }

.account-info__toggle {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0; }
  .account-info__toggle:checked ~ .account-info__content {
    overflow: hidden;
    max-height: 5000px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  .account-info__toggle:checked ~ .account-info__heading:before {
    -webkit-transform: translate(-5px, 0) rotate(45deg);
        -ms-transform: translate(-5px, 0) rotate(45deg);
            transform: translate(-5px, 0) rotate(45deg); }
  .account-info__toggle:checked ~ .account-info__heading:after {
    -webkit-transform: translate(5px, 0) rotate(-45deg);
        -ms-transform: translate(5px, 0) rotate(-45deg);
            transform: translate(5px, 0) rotate(-45deg); }
  @media only screen and (min-width: 768px) {
    .account-info__toggle {
      display: none; } }

.account-info__content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  z-index: 2; }
  @media only screen and (min-width: 992px) {
    .account-info__content {
      display: block;
      max-height: 5000px;
      opacity: 1; } }

.review-list__content {
  margin: 0; }

.review-list li {
  margin-bottom: 0.75em; }

.review-list--has-dividers li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  padding: 0.75em 0; }

.review-list--has-dividers .review-list__content {
  text-align: right; }

.review-list--rankings {
  text-transform: capitalize; }

.main-accounts-container .account-subheading {
  font-size: 20px; }

.access-accounts-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin: 40px auto; }
  @media (max-width: 1024px) {
    .access-accounts-container {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .access-accounts-container > div {
    border: 1px solid #d6dde1;
    border-radius: 10px;
    padding: 50px;
    width: 50%; }
    @media (max-width: 1150px) {
      .access-accounts-container > div {
        padding: 30px; } }
    @media (max-width: 1024px) {
      .access-accounts-container > div {
        width: 100%; } }
  .access-accounts-container ul {
    margin: 0;
    padding: 15px; }
    .access-accounts-container ul li {
      margin: 4px 0;
      letter-spacing: .024em; }
  .access-accounts-container .account-header {
    font-size: 28px;
    font-weight: bold;
    color: #0066a6;
    margin-bottom: 20px;
    height: 40px;
    line-height: 1.2; }
    @media (max-width: 600px) {
      .access-accounts-container .account-header {
        height: auto; } }
    .access-accounts-container .account-header img {
      height: 40px;
      display: block; }
  .access-accounts-container .account-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 20px; }
    @media (max-width: 600px) {
      .access-accounts-container .account-footer {
        display: block; } }
    .access-accounts-container .account-footer img {
      display: block;
      height: 50px; }
      @media (max-width: 600px) {
        .access-accounts-container .account-footer img:first-child {
          margin-bottom: 20px; } }
  .access-accounts-container .btn {
    font-weight: 600; }