diff --git a/auth-web/package-lock.json b/auth-web/package-lock.json
index 135913596..8df23ea64 100644
--- a/auth-web/package-lock.json
+++ b/auth-web/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
diff --git a/auth-web/package.json b/auth-web/package.json
index e2e54d0f7..051542e6f 100644
--- a/auth-web/package.json
+++ b/auth-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/auth-web/src/assets/scss/layout.scss b/auth-web/src/assets/scss/layout.scss
index 66c62c590..f2b3e1879 100644
--- a/auth-web/src/assets/scss/layout.scss
+++ b/auth-web/src/assets/scss/layout.scss
@@ -79,3 +79,8 @@
   bottom: 0;
   right: 0;
 }
+
+.view-header__subtitle {
+  font-size: 16px;
+  color: #495057
+}
diff --git a/auth-web/src/views/auth/ChooseAuthMethodView.vue b/auth-web/src/views/auth/ChooseAuthMethodView.vue
index d4a70d7f5..9af2e1469 100644
--- a/auth-web/src/views/auth/ChooseAuthMethodView.vue
+++ b/auth-web/src/views/auth/ChooseAuthMethodView.vue
@@ -1,102 +1,182 @@
 <template>
   <v-container class="view-container">
     <div class="view-header flex-column mb-9">
-      <h1 class="view-header__title" data-test="account-settings-title">In order to create a BC Registries account, <span class="lb">we need to verify your identity.</span></h1>
-      <p class="mt-5 mb-0">There are two ways you can verify your identity to create a BC Registries account.</p>
+      <h1 class="view-header__title" data-test="account-settings-title">Create a BC Registries and Online Services
+        Account</h1>
+      <div class="mt-4 view-header__subtitle">Choose how you want to log into your BC Registries account.</div>
     </div>
+    <span text @click="showHelp = !showHelp" class="help-btn">
+      <v-icon class="mr-1" color="primary">mdi-help-circle-outline</v-icon>
+      <span v-if="!showHelp">Help me Choose</span>
+      <span v-else>Hide Help</span>
+    </span>
+    <v-slide-y-transition>
+      <div v-if="showHelp" class="help-info mb-10 mt-5 pb-16 pt-6">
+        <div class="help-info__content mx-auto">
+          <div class="help-info__header">Help with Choosing Login Option</div>
+          <p class="mt-5">
+            There are two ways to log into a BC Registries account. Both methods require identity verification to ensure that a
+            person is who they say they are online. This is necessary to enhance transparency, protect British Columbians, and
+            ensure lawful transactions.
+          </p>
+
+          <div class="bold-text">1) The BC Services Card Login</div>
+          <div class="mt-4">
+            The BC Services Card login is a means of logging into BC government online services with a verified identity. You can
+            use the BC Services Card mobile app, or an email and password with the BC token (available to BC Residents).
+          </div>
+          <ul class="mt-4">
+            <li>BC Services Card login requires a one-time verification and can then be used for multiple government services.</li>
+            <li>BC Services Card app is available to anyone with a <a :href="idURL" target="_blank" class="learn-more-link" rel="noopener noreferrer">Canadian-issued identification<v-icon color="primary" class="small-icon">mdi-open-in-new</v-icon></a>.</li>
+            <li>Identity verification for the BC Services Card app is performed through an online video call with a Service BC agent, or submission of a video recording to Service BC.</li>
+            <li>The only personal information shared with BC Registries is your first and last name which is used for digital signatures when you submit filings.</li>
+            <li>If you don't have a mobile device, or prefer not to use one, a BC Token can be issued at a Service BC location (available to BC Residents). Identity verification for the BC token is performed in person.</li>
+            <li>If you have already verified your identity, you can log in directly using the app or token.</li>
+          </ul>
+          <div class="mt-4">
+            <a :href="serviceCardURL" target="_blank" class="learn-more-link" rel="noopener noreferrer">
+              Learn more about the BC Services Card Login
+              <v-icon color="primary" class="small-icon">mdi-open-in-new</v-icon>
+            </a>
+          </div>
+
+          <div class="bold-text mt-4">2) BCeID Login</div>
+          <div class="mt-4">
+            A BCeID is an account that provides a username and password to allow secure electronic access to online
+            government services.
+          </div>
+          <ul class="mt-4">
+            <li>You can sign up for a BCeID when creating your BC Registries account or use an existing BCeID if you
+              already have one.
+            </li>
+            <li>Your identity will need to be verified by obtaining a notarized affidavit from a notary or lawyer before
+              you can access BC Registry services. Note: Most notaries and lawyers charge a fee for this service; fees will
+              vary.</li>
+            <li>The affidavit will need to be reviewed by BC Registries staff before it can be used.</li>
+            <li>Logging in with a BCeID will require the use of a 3rd party application for 2-factor authentication (2FA) on a
+              mobile device or on a desktop computer.</li>
+          </ul>
+          <div class="mt-4">
+            <a :href="bceIdURL" target="_blank" class="learn-more-link" rel="noopener noreferrer">
+              Learn more about BCeID
+              <v-icon color="primary" class="small-icon">mdi-open-in-new</v-icon>
+            </a>
+          </div>
+        </div>
+
+        <div class="bold-text mt-4">Canadian Government Agency (other than B.C. provincial)</div>
+        <div class="mt-4 mb-6">
+          If you are a member of a Canadian government agency (other than B.C. provincial), select the method you will
+          use to login, and then check the box "I am a Canadian government agency". Once this has been reviewed by
+          staff, your account will be authorized for government access.
+        </div>
+
+        <div class="help-info__close-btn-section">
+          <span class="help-info__close-btn my-5" @click="showHelp = false">Hide help</span>
+        </div>
+
+      </div>
+    </v-slide-y-transition>
     <div>
       <v-row>
         <v-col class="d-flex align-stretch" sm="12" md="6">
           <v-card flat outlined hover class="account-card text-center pa-10 elevation-2 d-flex"
-            @click="selectBCSCAuth()"
-            :class="{'active': authType == 'BCSC'}"
-            >
+            @click="selectBCSCAuth()" :class="{ 'active': authType == 'BCSC' }">
             <div class="account-type d-flex flex-column">
-              <div class="account-type__icon mb-8">
-                <v-icon>mdi-map-marker</v-icon>
+              <div class="account-type__icon mb-4">
+                <v-icon color="primary" class="account-card-icon">mdi-account-card-details-outline</v-icon>
               </div>
               <div class="account-type__title mb-6">
-                I am a resident <span class="lb">of British Columbia</span>
+                BC Services Card Login
               </div>
               <div class="account-type__details mb-6">
-                Residents of British Columbia can use their government-issued BC Services Card to verify their identity
+                If you have <a :href="idURL" target="_blank" class="id-info-link" rel="noopener noreferrer">
+                  ID issued in Canada
+                </a> the BC Services Card app is an easy and secure way to access your BC Registries account
+                <div class="mt-6">
+                  If you have a BC Services Card and don't have a mobile device, you can set up a username and password
+                  with a <a :href="bcTokenURL" target="_blank" class="id-info-link" rel="noopener noreferrer">BC Token</a>.
+                </div>
               </div>
-              <div class="mb-10">
-                <a href="https://www2.gov.bc.ca/gov/content/governments/government-id/bcservicescardapp/setup" target="_blank">Learn more about the BC Services card</a>
+              <div class="mb-4">
+                <a :href="serviceCardLearnMoreURL" target="_blank" class="learn-more-link" rel="noopener noreferrer">
+                  Learn more about BC Services Card Login
+                  <v-icon color="primary" class="small-icon">mdi-open-in-new</v-icon>
+                </a>
+              </div>
+              <div v-if="!disableGovnAccountCreation" class="mb-6">
+                <v-checkbox color="primary" class="py-0 mt-2 align-checkbox-label--top" v-model="isGovNBCSC"
+                  @click="openGovnWarningModal('BCSC')" hide-details>
+                  <template v-slot:label>
+                    I am a Canadian government agency (other than B.C. provincial)
+                  </template>
+                </v-checkbox>
+                <div v-if="isGovNBCSC" class="gov-sccount-description mt-2"> {{ govnAccountDescription }} </div>
               </div>
               <!-- State Button (Create Account) -->
               <div class="mb-4">
                 <v-btn large depressed block color="primary" class="font-weight-bold" :outlined="authType != 'BCSC'">
-                  {{ authType == 'BCSC' ? 'SELECTED' : 'SELECT' }}
+                  {{ authType == 'BCSC' ? 'Selected' : 'Select' }}
                 </v-btn>
               </div>
-              <div class="notary-link">
-                <router-link class="caption"  v-on:click.native="linkToNext" to="/nonbcsc-info">Verify with a notary instead</router-link>
-              </div>
             </div>
           </v-card>
         </v-col>
         <v-col class="d-flex align-stretch" sm="12" md="6">
           <v-card flat outlined hover class="account-card text-center pa-10 elevation-2 d-flex"
-            @click="selectBCEIDAuth()"
-            :class="{'active': authType == 'BCEID'}"
-            >
+            @click="selectBCEIDAuth()" :class="{ 'active': authType == 'BCEID' }">
             <div class="account-type d-flex flex-column">
-              <div class="account-type__icon mb-6">
-                <v-icon>mdi-map-marker-off</v-icon>
+              <div class="account-type__icon mb-4">
+                <v-icon color="primary" class="account-card-icon">mdi-certificate-outline</v-icon>
               </div>
               <div class="account-type__title mb-6">
-                I am not a resident <span class="lb">of British Columbia</span>
+                BCeID + 2FA Login
               </div>
               <div class="account-type__details mb-6">
-                Non-BC residents must log into the BC Registries with a registered BCeID account, and verify their identity by a notarized affidavit.
+                If you do <span class="bold-text">not</span> have <a :href="idURL" target="_blank" class="id-info-link"
+                  rel="noopener noreferrer">
+                  ID issued in Canada
+                </a>, or if you prefer this option,
+                you can use a BCeID to log into your BC Registries account.
+                <div class="mt-6">
+                  <span class="bold-text">Note:</span> Using a BCeID requires you to verify your identity with a
+                  notarized affidavit, and to log in with
+                  2-factor authentication (2FA).
+                </div>
+              </div>
+              <div class="mb-4">
+                <a :href="bceIdURL" target="_blank" class="learn-more-link" rel="noopener noreferrer">
+                  Learn more about BCeID
+                  <v-icon color="primary" class="small-icon">mdi-open-in-new</v-icon>
+                </a>
+              </div>
+              <div v-if="!disableGovnAccountCreation" class="mb-6">
+                <v-checkbox color="primary" class="py-0 mt-2 align-checkbox-label--top" v-model="isGovNBCeID"
+                  @click="openGovnWarningModal('BCEID')" hide-details>
+                  <template v-slot:label>
+                    I am a Canadian government agency (other than B.C. provincial)
+                  </template>
+                </v-checkbox>
+                <div v-if="isGovNBCeID" class="gov-sccount-description mt-2"> {{ govnAccountDescription }} </div>
               </div>
               <!-- State Button (Create Account) -->
               <div class="mb-4">
                 <v-btn large depressed block color="primary" class="font-weight-bold" :outlined="authType != 'BCEID'">
-                  {{ authType == 'BCEID' ? 'SELECTED' : 'SELECT' }}
+                  {{ authType == 'BCEID' ? 'Selected' : 'Select' }}
                 </v-btn>
               </div>
             </div>
           </v-card>
         </v-col>
-        <v-col sm="12" class="py-0" v-if="!disableGovnAccountCreation">
-          <v-checkbox
-          color="primary"
-          class="py-0 mt-2 align-checkbox-label--top"
-          v-model="isGovN"
-          @click="openGovnWarningModal"
-          hide-details
-        >
-          <template v-slot:label>
-            I am a government agency (other than BC provincial)
-          </template>
-        </v-checkbox>
-        <span v-if="isGovN" class="text-color"> {{ govnAccountDescription }} </span>
-        </v-col>
       </v-row>
     </div>
     <v-divider class="mb-6 mt-1"></v-divider>
     <div class="form__btns d-flex mt-8">
-      <v-btn
-        large
-        color="grey lighten-2"
-        class="font-weight-bold"
-        to="/home"
-      >
-        <v-icon class="mr-2">
-          mdi-arrow-left
-        </v-icon>
-        Back to home
+      <v-btn color="primary" outlined @click="goPrevious()">
+        Cancel
       </v-btn>
       <v-spacer></v-spacer>
-      <v-btn
-        large
-        color="primary"
-        class="next-btn font-weight-bold"
-        :disabled="authType ==''"
-        @click="goNext()"
-      >
+      <v-btn large color="primary" class="next-btn font-weight-bold" :disabled="authType == ''" @click="goNext()">
         Next
         <v-icon class="ml-2">
           mdi-arrow-right
@@ -104,34 +184,15 @@
       </v-btn>
     </div>
     <!-- Open GovN Account Modal -->
-    <ModalDialog
-      ref="govnConfirmModal"
-      :title="govnConfirmModalTitle"
-      :text="govnConfirmModalText"
-      dialog-class="notify-dialog"
-      max-width="680"
-      :isPersistent="true"
-      data-test="modal-govn-confirm"
-    >
+    <ModalDialog ref="govnConfirmModal" :title="govnConfirmModalTitle" :text="govnConfirmModalText"
+      dialog-class="notify-dialog" max-width="680" :isPersistent="true" data-test="modal-govn-confirm">
       <template v-slot:icon>
         <v-icon large color="primary">mdi-help-circle-outline</v-icon>
       </template>
       <template v-slot:actions>
-        <v-btn
-          large
-          color="primary"
-          @click="confirmGovnCreateAccount()"
-          data-test="btn-govn-confirm"
-          class="mr-5 px-4"
-          >Confirm</v-btn
-        >
-        <v-btn
-          large
-          @click="closeConfirmModal()"
-          data-test="btn-close-dialog"
-          class="px-4"
-          >Cancel</v-btn
-        >
+        <v-btn large color="primary" @click="confirmGovnCreateAccount()" data-test="btn-govn-confirm" class="mr-5 px-4">
+          Confirm</v-btn>
+        <v-btn large @click="closeConfirmModal()" data-test="btn-close-dialog" class="px-4">Cancel</v-btn>
       </template>
     </ModalDialog>
   </v-container>
@@ -156,13 +217,14 @@ import { mapGetters } from 'vuex'
     ])
   }
 })
-
 export default class ChooseAuthMethodView extends Vue {
   private readonly isAuthenticated!: boolean
   private readonly currentLoginSource!: string
   private authType = ''
-  private isGovN = false
-
+  private isGovNBCSC = false
+  private isGovNBCeID = false
+  private currCheckBox = ''
+  private showHelp = false
   private govnConfirmModalTitle = 'Create Government Agency Account?'
   private govnConfirmModalText = this.$t('govnConfirmText')
   private govnAccountDescription = this.$t('govnAccountDescription')
@@ -171,25 +233,55 @@ export default class ChooseAuthMethodView extends Vue {
     govnConfirmModal: ModalDialog
   }
 
+  private get serviceCardURL (): string {
+    return 'https://id.gov.bc.ca/account/'
+  }
+
+  private get bceIdURL (): string {
+    return 'https://www.bceid.ca/'
+  }
+
+  private get idURL (): string {
+    return 'https://www2.gov.bc.ca/gov/content?id=5F8782A92E464066885149242E050814'
+  }
+
+  private get bcTokenURL (): string {
+    return 'https://www2.gov.bc.ca/gov/content?id=1DEAA1AC5566450FA60F05F084CB157E'
+  }
+
+  private get serviceCardLearnMoreURL (): string {
+    return 'https://www2.gov.bc.ca/gov/content?id=B2B3A21E797A421A8FD39EEA86E245D6'
+  }
+
   private get disableGovnAccountCreation (): boolean {
     return LaunchDarklyService.getFlag(LDFlags.DisableGovNAccountCreation) || false
   }
 
   private selectBCSCAuth () {
     this.authType = LoginSource.BCSC
+    if (this.isGovNBCeID) {
+      this.isGovNBCeID = false
+    }
   }
 
   private selectBCEIDAuth () {
     this.authType = LoginSource.BCEID
+    if (this.isGovNBCSC) {
+      this.isGovNBCSC = false
+    }
   }
 
   private linkToNext () {
-    ConfigHelper.addToSession(SessionStorageKeys.GOVN_USER, this.isGovN)
+    ConfigHelper.addToSession(SessionStorageKeys.GOVN_USER, (this.isGovNBCSC || this.isGovNBCeID))
     ConfigHelper.addToSession(SessionStorageKeys.ExtraProvincialUser, 'false')
   }
 
+  private goPrevious () {
+    this.$router.go(-1)
+  }
+
   private goNext () {
-    ConfigHelper.addToSession(SessionStorageKeys.GOVN_USER, this.isGovN)
+    ConfigHelper.addToSession(SessionStorageKeys.GOVN_USER, (this.isGovNBCSC || this.isGovNBCeID))
     // TODO might need to set some session variables
     switch (this.authType) {
       case LoginSource.BCEID:
@@ -212,98 +304,163 @@ export default class ChooseAuthMethodView extends Vue {
     }
   }
 
-  private openGovnWarningModal (): void {
+  private openGovnWarningModal (selection: string): void {
+    this.currCheckBox = selection
     this.$refs.govnConfirmModal.open()
   }
 
   private confirmGovnCreateAccount (): void {
     this.$refs.govnConfirmModal.close()
-    this.isGovN = true
+    this.isGovNBCSC = this.currCheckBox === LoginSource.BCSC
+    this.isGovNBCeID = this.currCheckBox === LoginSource.BCEID
+    this.currCheckBox = ''
   }
 
   private closeConfirmModal (): void {
     this.$refs.govnConfirmModal.close()
     // Set isGovn flag back to false
-    this.isGovN = false
+    this.isGovNBCSC = false
+    this.isGovNBCeID = false
+    this.currCheckBox = ''
   }
 }
 </script>
 
 <style lang="scss" scoped>
 @import '$assets/scss/theme.scss';
-  .view-container {
-    max-width: 60rem;
+
+.view-container {
+  max-width: 60rem;
+}
+
+.col {
+  padding: 1rem !important;
+}
+
+.account-card {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  background-color: #ffffff !important;
+  transition: all ease-out 0.2s;
+
+  &:hover {
+    border-color: var(--v-primary-base) !important;
   }
 
-  .col {
-    padding: 1rem !important;
+  &.active {
+    box-shadow: 0 0 0 2px inset var(--v-primary-base), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
   }
+}
 
-  .account-card {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    background-color: #ffffff !important;
-    transition: all ease-out 0.2s;
+.theme--light.v-card.v-card--outlined.active {
+  border-color: var(--v-primary-base);
+}
 
-    &:hover {
-      border-color: var(--v-primary-base) !important;
+.account-card-icon {
+  color: var(--v-grey-lighten1) !important;
+  font-size: 3rem !important;
+}
 
-      .v-icon {
-        color: var(--v-primary-base) !important;
-      }
-    }
+.account-card.active .v-icon {
+  color: var(--v-primary-base) !important;
+}
 
-    &.active {
-      box-shadow: 0 0 0 2px inset var(--v-primary-base), 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) !important;
-    }
-  }
+.account-type {
+  flex: 1 1 auto;
+}
 
-  .theme--light.v-card.v-card--outlined.active {
-    border-color: var(--v-primary-base);
-  }
+.account-type__icon {
+  flex: 0 0 auto;
+}
 
-  .account-card .v-icon {
-    color: var(--v-grey-lighten1) !important;
-    font-size: 3rem !important;
-  }
+.account-type__title {
+  flex: 0 0 auto;
+  line-height: 1.75rem;
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: $gray9
+}
 
-  .account-card.active .v-icon {
-    color: var(--v-primary-base) !important;
-  }
+.account-type__details {
+  flex: 1 1 auto;
+  font-size: $px-16;
+  color: $gray7
+}
 
-  .account-type {
-    flex: 1 1 auto;
-  }
+.notary-link {
+  position: absolute;
+  left: 0;
+  bottom: 1.5rem;
+  width: 100%;
+}
 
-  .account-type__icon {
-    flex: 0 0 auto;
-  }
+.lb {
+  display: block;
+}
 
-  .account-type__title {
-    flex: 0 0 auto;
-    line-height: 1.75rem;
-    font-size: 1.5rem;
-    font-weight: 700;
-  }
+.gov-sccount-description {
+  color: $TextColorGray !important;
+}
+
+.learn-more-link {
+  color: $app-blue;
+  text-decoration: none;
+}
+
+.small-icon {
+  font-size: 18px !important
+}
+
+.bold-text {
+  font-weight: bold
+}
+
+.help-info {
+  border-bottom: 1px dotted $gray7;
+  border-top: 1px dotted $gray7;
+  padding-bottom: 1rem;
 
-  .account-type__details {
-    flex: 1 1 auto;
+  &__content {
+    &__link {
+      color: $app-blue;
+      white-space: nowrap;
+      text-decoration: none;
+
+      &__icon {
+        font-size: 1rem;
+        color: $app-blue;
+      }
+    }
   }
 
-  .notary-link {
-    position: absolute;
-    left: 0;
-    bottom: 1.5rem;
-    width: 100%;
+  &__header {
+    text-align: center;
+    font-weight: bold;
+    color: $gray9;
   }
 
-  .lb {
-    display: block;
+  &__close-btn-section {
+    text-align: end;
   }
 
-  .text-color {
-    color: $TextColorGray !important;
-    font-size: 1.125rem !important;
+  &__close-btn {
+    color: $app-blue;
+    cursor: pointer;
+    font-size: .875rem;
+    text-decoration: underline;
+    white-space: nowrap;
   }
+}
+
+.help-btn {
+  font-size: $px-16;
+  cursor: pointer;
+  text-align: right;
+  color: $app-blue;
+}
+
+.id-info-link {
+  color: $BCgoveBueText1;
+}
 </style>