.passhub_logo_2d {
      height: 30px;
      padding-top: 10px;
  }

  html {
      min-height: 100%;
  }

  body.index-b-page {
      min-height: 100vh;
      background: linear-gradient(180deg, #003052 0%, #1B1B26 100%);
  }

  .page-header-b__wrapper {
      padding-inline-start: 20px;
      padding-inline-end: 20px;
  }

  .page-header-b__logo {
      padding-top: 25px;
  }

  .page-header-b__logo-image {
      filter: brightness(0) invert(1);
  }

  .index-b-page__main {
      min-height: 100vh;
      padding-inline-start: 20px;
      padding-inline-end: 20px;
  }

  .index-b-page__hero,
  .index-b-page__options {
      max-width: 1112px;
      margin: 0 auto;
  }

  .index-b-page__hero {
      padding-top: 80px;
      padding-bottom: 80px;
  }

  .index-b-page__hero-content {
      display: grid;
      gap: 40px;
  }

  .index-b-page__title {
      letter-spacing: normal;
      font-weight: 500;
  }

  .index-b-page__image {
      width: 670px;
      height: 400px;
  }

  .index-b-page__subtitle {
      font-weight: 400;
      letter-spacing: normal;
      text-transform: none;
      line-height: 1.3em;
  }

  .index-b-page__item {
      justify-content: start;
      max-width: 454px;
      margin-block-start: 0;
      margin-block-end: 0;
  }

  .index-b-page__item-header {
      display: flex;
      align-items: center;
      gap: 16px;
  }

  .index-b-page__item-title {
      margin: 0 !important;
  }

  .index-b-page__item-text {
      font-size: 16px;
      line-height: 1.3em;
  }

  @media (min-width: 720px) {
      .signin {
          right: 10px;
      }
  }

  @media (max-width: 1111px) {
      .index-b-page__image {
          width: 100%;
          max-width: 670px;
          height: auto;
      }
  }

  @media (max-width: 719px) {
      .page-header-b__wrapper {
          padding-inline-start: 16px;
          padding-inline-end: 16px;
      }

      .page-header-b__logo {
          padding-top: 20px;
      }

      .index-b-page__main {
          padding-inline-start: 16px;
          padding-inline-end: 16px;
      }

      .index-b-page__hero {
          padding-top: 48px;
          padding-bottom: 48px;
      }

      .index-b-page__hero-content {
          gap: 24px;
      }

      .index-b-page__image {
          width: 100%;
          max-width: 520px;
          height: auto;
          margin-top: 10px;
      }

      .index-b-page__item {
          max-width: none;
          padding-top: 20px;
      }

      .index-b-page__item-header {
          align-items: flex-start;
          gap: 12px;
      }

      .index-b-page__item-text {
          font-size: 15px;
      }
  }

  @media (max-width: 479px) {
      .page-header-b__logo {
          padding-top: 14px;
      }

      .index-b-page__main {
          padding-inline-start: 14px;
          padding-inline-end: 14px;
      }

      .index-b-page__hero {
          padding-top: 32px;
          padding-bottom: 32px;
      }

      .index-b-page__hero-content {
          gap: 20px;
      }

      .index-b-page__image {
          max-width: 100%;
      }

      .index-b-page__item-header {
          gap: 10px;
      }

      .index-b-page__item-header svg {
          width: 52px;
          height: 52px;
          flex: 0 0 auto;
      }
  }