/* Universal breakpoints */
@media (max-width: 991px) {
  .desktop {
    display: none; } }

.mobile {
  display: none; }
  @media (max-width: 991px) {
    .mobile {
      display: block; } }

.logo-grid-search {
  background-color: #f3f6f6; }
  .logo-grid-search.financing-page {
    padding-bottom: 150px; }
  .logo-grid-search.home-page {
    padding-top: 250px; }
    .logo-grid-search.home-page .logo-grid-heading,
    .logo-grid-search.home-page .logo-grid-subcopy {
      margin: 0; }
    .logo-grid-search.home-page .logo-grid-subcopy {
      font-size: 24px; }
      @media (min-width: 992px) {
        .logo-grid-search.home-page .logo-grid-subcopy {
          max-width: 470px;
          } }
    .logo-grid-search.home-page .logo-grid-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 24px; }
      @media (max-width: 991px) {
        .logo-grid-search.home-page .logo-grid-copy {
          gap: 16px; } }
    .logo-grid-search.home-page .logo-grid-cta a {
      font-size: 16px;
      font-weight: 700;
      color: #3f647c;
      text-decoration: underline; }
  @media (max-width: 991px) {
    .logo-grid-search {
      padding-bottom: 40px; } }
  .logo-grid-search .between {
    justify-content: space-between; }
  .logo-grid-search .logo-grid-inner {
    gap: 40px; }
    @media (max-width: 991px) {
      .logo-grid-search .logo-grid-inner {
        padding-top: 40px; } }
    .logo-grid-search .logo-grid-inner a {
      color: inherit;
      text-decoration: none; }
  .logo-grid-search .logo-grid-heading {
    font-weight: 700;
    font-size: 42px;
    line-height: 48px;
    margin: 16px 0 24px 0;
    color: #3b3d49;
    width: 400px; }
    @media (max-width: 991px) {
      .logo-grid-search .logo-grid-heading {
        font-size: 36.7624px;
        line-height: 32px;
        width: auto;
        margin: 10px 0 0 0; } }
  .logo-grid-search .logo-grid-copy {
    width: 50%; }
    @media (max-width: 991px) {
      .logo-grid-search .logo-grid-copy {
        max-width: 100%;
        width: 100%; } }
  .logo-grid-search .logo-grid-logo {
    max-width: 90px;
    width: 90px;
    background-color: gainsboro; }
    @media (max-width: 767px) {
      .logo-grid-search .logo-grid-logo {
        width: 64px; } }
    .logo-grid-search .logo-grid-logo a:focus-visible img {
      outline: 2px solid #3b3d49;
      outline-offset: 0; }
    .logo-grid-search .logo-grid-logo img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  @media (max-width: 767px) {
    .logo-grid-search .logo-grid-subcopy {
      font-size: 18px;
      margin-top: 10px; } }
  .logo-grid-search .logo-grid-subcopy-2 {
    margin-top: 16px;
    color: #2d2e35;
    font-size: 16px; }
    @media (max-width: 991px) {
      .logo-grid-search .logo-grid-subcopy-2 {
        text-align: center;
        font-size: 14px; } }
    .logo-grid-search .logo-grid-subcopy-2 a {
      color: #3f647c;
      font-weight: 500;
      text-decoration: underline; }
  .logo-grid-search .logo-brand-grid {
    display: flex;
    align-items: center;
    flex: 1; }
    @media (max-width: 991px) {
      .logo-grid-search .logo-brand-grid {
        width: 100%;
        margin: auto; } }
    .logo-grid-search .logo-brand-grid .logo-brand-grid-header {
      font-size: 20px;
      line-height: 28px;
      font-weight: 500; }
      @media (min-width: 992px) {
        .logo-grid-search .logo-brand-grid .logo-brand-grid-header {
          text-align: center; } }
    .logo-grid-search .logo-brand-grid .logo-brand-grid-inner {
      display: grid;
      width: 100%;
      gap: 60px 12px;
      grid-template-columns: repeat(4, minmax(12px, 1fr));
      justify-items: center; }
      @media (max-width: 479px) {
        .logo-grid-search .logo-brand-grid .logo-brand-grid-inner {
          gap: 16px;
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: center; } }
      .logo-grid-search .logo-brand-grid .logo-brand-grid-inner.home-page {
        gap: 32px; }
    .logo-grid-search .logo-brand-grid .logo-brand-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100px; }
    .logo-grid-search .logo-brand-grid .logo-subtext {
      padding-top: 10px; }
  .logo-grid-search .logo-grid-search-cta-wrap {
    margin: 40px auto 0 auto;
    display: flex;
    gap: 24px; }
    @media (max-width: 991px) {
      .logo-grid-search .logo-grid-search-cta-wrap {
        margin-top: 0; } }
    @media (max-width: 767px) {
      .logo-grid-search .logo-grid-search-cta-wrap {
        flex-direction: column; } }
    .logo-grid-search .logo-grid-search-cta-wrap .button-outlined {
      width: -moz-fit-content;
      width: fit-content;
      display: block;
      font-size: 18px;
      padding: 16px 24px; }
      @media (max-width: 991px) {
        .logo-grid-search .logo-grid-search-cta-wrap .button-outlined {
          width: 100%; } }
      @media (max-width: 767px) {
        .logo-grid-search .logo-grid-search-cta-wrap .button-outlined {
          font-size: 20px;
          width: auto; } }