.sofi-contribution-banner.hideSofiContribution {
  display: none; }

.sofi-contribution-banner.showSofiContribution {
  display: flex; }

.sofi-contribution-banner {
  display: flex;
  flex-direction: row;
  padding: 24px;
  border-top: 4px solid #05c3de;
  box-shadow: 0 8px 8px 0 rgba(45, 57, 64, 0.06), 0 0 4px 0 rgba(45, 57, 64, 0.06);
  background-color: #fff;
  margin-top: 16px;
  margin-bottom: 23px; }
  @media (max-width: 1024px) {
    .sofi-contribution-banner {
      margin-top: 17px;
      margin-bottom: 32px; } }
  @media (max-width: 480px) {
    .sofi-contribution-banner {
      margin-top: 25px;
      margin-bottom: 32px; } }
  .sofi-contribution-banner .sofi-contribution-banner-image {
    height: 56px;
    width: 56px; }
  .sofi-contribution-banner .sofi-contribution-banner-body {
    display: flex;
    flex-direction: column;
    padding-left: 24px; }
    .sofi-contribution-banner .sofi-contribution-banner-body .sofi-contribution-banner-title {
      font-family: "Nimbus Sans Bold";
      font-size: 20px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.3;
      letter-spacing: -0.5px;
      text-align: left;
      color: #3b4b59; }
    .sofi-contribution-banner .sofi-contribution-banner-body .sofi-contribution-banner-desc {
      font-family: "Nimbus Sans Regular";
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.38;
      letter-spacing: normal;
      text-align: left;
      color: #515f6b; }

.sofi-benefits-subhead {
  font-family: "Nimbus Sans Light", "Nimbus Sans TW01Lig";
  font-size: 20px;
  padding-top: 30px;
  padding-bottom: 6px;
  line-height: 1.3;
  letter-spacing: -0.5px;
  text-align: left;
  color: #2d3940; }
  @media (max-width: 992px) {
    .sofi-benefits-subhead {
      font-size: 16px; } }

.sofi-general-container {
  background-color: #fff;
  width: 100%; }
  .sofi-general-container .container {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px; }
  .sofi-general-container .sofi-content-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0px; }
    .sofi-general-container .sofi-content-container .column-1 {
      width: 100%;
      padding-top: 0px;
      padding-bottom: 0px; }
      @media (max-width: 1024px) {
        .sofi-general-container .sofi-content-container .column-1 {
          padding: 0px; } }
      .sofi-general-container .sofi-content-container .column-1 .see-details {
        padding-left: 0;
        margin-top: 16px;
        margin-bottom: 15px; }
      .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .trp-container-wrapper {
        background-color: #e9edf0;
        width: 100%; }
      .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container {
        border-bottom: 1px solid #e1e5e8;
        margin-top: 30px !important;
        margin-bottom: 24px !important; }
        @media (max-width: 768px) {
          .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container {
            margin-top: 23px !important; } }
        .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .benefit {
          padding: 0px; }
          .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .benefit .fw-action-step-variant-container .fw-action-plan-step-variant {
            border-top: 4px solid #05c3de; }
          .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .benefit .fw-action-step-variant-container .fw-action-plan-step-variant:last-child {
            margin-bottom: 24px; }
        .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container {
          border-top: 1px solid #e1e5e8; }
          .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details {
            padding-left: 0; }
            .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details.hide {
              display: block !important; }
            .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a {
              color: #2d3940;
              font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
              font-size: 16px;
              line-height: 1.38;
              position: relative;
              list-style: none;
              display: flex;
              flex-direction: row; }
              .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a:focus, .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a:hover {
                text-decoration: none; }
              @media (max-width: 767px) {
                .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a {
                  padding-left: 0; } }
              @media (min-width: 768px) and (max-width: 1024px) {
                .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a {
                  padding-left: 0; } }
              .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a .see-details-link {
                font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
                font-size: 16px;
                color: #2d3940;
                line-height: 1.25;
                text-align: left;
                padding: 0; }
                .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a .see-details-link p {
                  display: inline; }
              .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details a img {
                width: 22px;
                height: 22px;
                margin-right: 16px;
                align-self: flex-start;
                vertical-align: top; }
          .sofi-general-container .sofi-content-container .column-1 .sofi-benefits-details .sofi-benefits-container .see-details-container .see-details-link ~ img {
            display: none; }

.trp-sofi-general-container {
  border-bottom: 1px solid #b4babf; }