/* Minification failed. Returning unminified contents.
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(71,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-contrast-color'
(85,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(128,15): run-time error CSS1039: Token not allowed after unary operator: '-label-color'
(142,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(147,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(149,33): run-time error CSS1039: Token not allowed after unary operator: '-field-border'
(153,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-hover'
(156,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-hover'
(165,15): run-time error CSS1039: Token not allowed after unary operator: '-field-placeholder-color'
(182,15): run-time error CSS1039: Token not allowed after unary operator: '-label-color'
(200,15): run-time error CSS1039: Token not allowed after unary operator: '-label-color'
(212,15): run-time error CSS1039: Token not allowed after unary operator: '-label-color'
(222,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(232,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(244,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-contrast-color'
(245,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(249,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-light'
(270,15): run-time error CSS1039: Token not allowed after unary operator: '-help-link-color'
(275,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(280,15): run-time error CSS1039: Token not allowed after unary operator: '-help-link-color'
(290,15): run-time error CSS1039: Token not allowed after unary operator: '-help-link-color'
(295,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(368,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(371,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-contrast-color'
(378,26): run-time error CSS1039: Token not allowed after unary operator: '-line-bg-color'
(389,26): run-time error CSS1039: Token not allowed after unary operator: '-number-bg-color'
(393,15): run-time error CSS1039: Token not allowed after unary operator: '-label-color'
(399,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(417,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-contrast-color'
(419,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(422,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(427,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(429,28): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(434,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-hover'
(435,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-hover'
(441,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(442,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-disabled-color'
(443,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-disabled-color'
(454,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-contrast-color'
(456,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(459,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(466,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(468,28): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(473,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-hover'
(474,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-hover'
(480,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(481,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-disabled-color'
(482,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-disabled-color'
(489,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(494,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(551,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(556,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(599,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(629,15): run-time error CSS1039: Token not allowed after unary operator: '-field-placeholder-color'
(647,15): run-time error CSS1039: Token not allowed after unary operator: '-error-color'
(662,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-white'
(663,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(673,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-contrast-color'
(674,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(675,26): run-time error CSS1039: Token not allowed after unary operator: '-black'
(744,15): run-time error CSS1039: Token not allowed after unary operator: '-error-color'
 */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v110/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
body {
  background: #FFF;
}
.margin-bottom-70 {
  margin-bottom: 4.375em;
}
.registration-page,
.contact-us-tmpl {
  --primary-color: #015077;
  --primary-color-hover: hsl(from var(--primary-color) h s calc(l + 5));
  --primary-contrast-color: #FFF;
  --line-bg-color: #787878;
  --help-link-color: #757575;
  --number-bg-color: #D9D9D9;
  --btn-disabled-color: #D9D9D9;
  --label-color: #787878;
  --field-border: #DEDEDE;
  --field-placeholder-color: #D4D4D4;
  --box-shadow-color: rgb(from var(--primary-color) r g b / 0.6);
  --scrollbar-width: 6px;
  --scrollbar-track-color: #D9D9D9;
  --scrollbar-thumb-color: #787878;
  --error-color: #9F0808;
  --bg-white: #FFFFFF;
  --bg-light: #F5F5F5;
  --black: #000000;
  font-size: 16px;
  font-family: Lato, sans-serif;
  color: var(--black);
}
.registration-page {
  background-color: #FFF;
  background-image: url('/Images/BPC.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.r-header {
  width: 100%;
  height: 4.375em;
  position: relative;
  z-index: 1;
  padding: 0.875em 1.125em;
  background: #FFF;
  transition: height 0.3s;
}
.r-header__link {
  display: inline-flex;
  text-decoration: none;
  color: var(--primary-contrast-color);
}
.r-header__logo {
  display: block;
  width: 5.25em;
}
.r-body {
  overflow: auto;
  height: calc(100vh - 4.375em);
}
.r-step {
  min-width: 375px;
  padding: 2em 0.75em;
  min-height: calc(100vh - 4.375em);
  background: var(--bg-white);
}
.r-step__head,
.r-step__form,
.r-step__container {
  max-width: 29.75em;
  margin-left: auto;
  margin-right: auto;
}
.r-step__head {
  text-align: center;
  margin-bottom: 2.5em;
}
.r-step__title {
  font-size: 2em;
  line-height: 1.1;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.4em;
}
.r-step__subtitle {
  font-size: 0.875em;
}
.r-step__form-group + .r-step__form-group {
  margin-top: 0.75em;
}
.r-step__fullname-grid,
.r-step__two-col-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
  margin-top: 0.75em;
}
.r-step__fullname-grid.first,
.r-step__two-col-grid.first {
  margin-top: 0;
  margin-bottom: 0.75em;
}
.r-step__fullname-grid .r-step__form-group,
.r-step__two-col-grid .r-step__form-group {
  margin-top: 0;
}
.r-step__form-label {
  color: var(--label-color);
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
  font-family: Lato, sans-serif;
  margin-bottom: 0.25em;
}
.r-step__form-field-wrapper {
  position: relative;
}
.r-step__form-field {
  display: block;
  width: 100%;
  height: 1.875em;
  color: var(--black);
  font-size: 1em;
  line-height: 1.4;
  font-family: Lato, sans-serif;
  border: none;
  background-color: var(--bg-white);
  background-image: none;
  border-bottom: 1px solid var(--field-border);
  transition: border-color ease-in-out 0.15s;
}
.r-step__form-field:not([disabled]):hover {
  border-color: var(--primary-color-hover);
}
.r-step__form-field:not([disabled]):focus {
  border-color: var(--primary-color-hover);
  outline: 0;
}
.r-step__form-field[disabled] {
  opacity: 0.4;
  pointer-events: none;
  border: none;
}
.r-step__form-field::placeholder {
  color: var(--field-placeholder-color);
  font-weight: 500;
}
.r-step__form-field-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.875em;
  width: 1.875em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.r-step__form-field-icon-wrapper .fa {
  font-size: 1.15em;
  cursor: pointer;
  color: var(--label-color);
}
textarea.r-step__form-field {
  resize: none;
  height: 7.5em;
}
textarea.r-step__form-field.ng-empty {
  background-color: #fbfbfb;
}
textarea.r-step__form-field::placeholder {
  color: #bbb;
  font-weight: 500;
}
.r-step__form-field-type-label {
  position: absolute;
  top: 0.25em;
  right: 1em;
  min-width: 3em;
  color: var(--label-color);
  font-weight: 500;
  user-select: none;
}
.r-step__form-field-type-dropdown {
  position: absolute;
  top: 0.25em;
  right: 1.5em;
  min-width: 3em;
}
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-label {
  cursor: pointer;
  color: var(--label-color);
  font-weight: 500;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  padding: 0.1em 0;
}
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-label .olr-i {
  color: var(--primary-color);
  font-size: 0.875em;
}
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-list {
  width: 122px;
  position: absolute;
  top: 100%;
  right: -1.5em;
  padding: 0.75em 0.75em 0.75em 0.5em;
  z-index: 1;
  background-color: var(--bg-white);
  border: 1px solid #015077;
}
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-list-item {
  cursor: pointer;
  height: 2em;
  padding: 0.2em 0.4em;
}
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-list-item span {
  font-size: 0.875em;
}
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-list-item.selected {
  color: var(--primary-contrast-color) !important;
  background: var(--primary-color) !important;
}
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-list-item:hover,
.r-step__form-field-type-dropdown .r-step__form-field-type-dropdown-list-item:focus {
  background: var(--bg-light);
}
.r-step__form-field-message {
  font-size: 0.75em;
  margin-top: 0.25em;
  color: #ac414f;
}
.r-step__alert-box {
  padding-bottom: 1.1875em;
}
.alert {
  font-size: 0.75em;
  margin-bottom: 0;
}
.r-step__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.r-help-link {
  font-size: 0.875em;
  color: var(--help-link-color) !important;
  text-decoration: none;
}
.r-help-link:hover,
.r-help-link:focus {
  color: var(--primary-color) !important;
  text-decoration: none;
}
.r-step__form-hint {
  font-size: 0.875em;
  color: var(--help-link-color) !important;
  text-decoration: none;
}
.r-back-button {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  font-size: 0.875em;
  color: var(--help-link-color) !important;
  text-decoration: none;
}
.r-back-button:hover,
.r-back-button:focus {
  color: var(--primary-color) !important;
  text-decoration: none;
}
.r-step,
.r-step * {
  /* 1. Set the overall width */
  /* 2. HIDE THE ARROWS (Top and Bottom) */
  /* 3. The Track - make it transparent or a very light gray */
  /* 4. The Thumb - the part you actually see */
  /* 5. Thumb Hover state */
  /* --- Firefox Support --- */
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
  /* Thumb color and Track color */
}
.r-step::-webkit-scrollbar,
.r-step *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.r-step::-webkit-scrollbar-button,
.r-step *::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.r-step::-webkit-scrollbar-track,
.r-step *::-webkit-scrollbar-track {
  background-color: transparent;
  /* Removes the gray background */
  border-radius: 10px;
}
.r-step::-webkit-scrollbar-thumb,
.r-step *::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  /* Tailwind slate-300 */
  border-radius: 10px;
  /* Add a transparent border to create a "padding" effect around the thumb */
  border: 2px solid transparent;
  background-clip: content-box;
}
.r-step::-webkit-scrollbar-thumb:hover,
.r-step *::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
  /* Tailwind slate-400 */
}
.r-progress-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25em;
  position: relative;
  max-width: 546px;
  margin: 0 auto 2.5em auto;
}
.r-progress-bar .r-progress-bar__step {
  width: 7.75em;
}
.r-progress-bar .r-progress-bar__step.r-progress-bar__step1 {
  width: 6em;
}
.r-progress-bar .r-progress-bar__step.r-progress-bar__step1 .r-progress-bar__line {
  left: 3.875em;
}
.r-progress-bar .r-progress-bar__step.r-progress-bar__step2 .r-progress-bar__line {
  left: 50%;
}
.r-progress-bar .r-progress-bar__step .r-progress-bar__inner {
  text-align: center;
}
.r-progress-bar .r-progress-bar__step .r-progress-bar__inner.highlighted .r-progress-bar__line,
.r-progress-bar .r-progress-bar__step .r-progress-bar__inner.highlighted .r-progress-bar__number {
  background-color: var(--primary-color);
}
.r-progress-bar .r-progress-bar__step .r-progress-bar__inner.highlighted .r-progress-bar__number span {
  color: var(--primary-contrast-color);
}
.r-progress-bar .r-progress-bar__step .r-progress-bar__line {
  position: absolute;
  top: 1.3em;
  width: calc(50% - 3.875em);
  height: 2px;
  background-color: var(--line-bg-color);
}
.r-progress-bar .r-progress-bar__step .r-progress-bar__number {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.25em auto;
  position: relative;
  z-index: 1;
  background-color: var(--number-bg-color);
  border-radius: 50%;
}
.r-progress-bar .r-progress-bar__step .r-progress-bar__number span {
  color: var(--label-color);
  font-family: Lato;
  font-size: 1.5em;
  font-weight: 400;
}
.r-progress-bar .r-progress-bar__step .r-progress-bar__description {
  color: var(--black);
  font-family: Lato;
  font-size: 0.625em;
  font-weight: 400;
  text-transform: uppercase;
}
.r-step__form-inner {
  padding: 0 1em;
}
.r-continue-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.715em;
  font-family: Lato;
  font-style: normal;
  font-size: 0.875em;
  font-weight: 700;
  color: var(--primary-contrast-color) !important;
  user-select: none;
  background-color: var(--primary-color);
  border: none;
  border-radius: 0.625em;
  border: 1px solid var(--primary-color);
  width: 100%;
  margin-bottom: 1.875em;
}
.r-continue-button:focus {
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: 0 0 4px var(--box-shadow-color);
}
.r-continue-button:hover,
.r-continue-button:focus {
  text-decoration: none;
  background-color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}
.r-continue-button[disabled="disabled"] {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
  color: var(--black) !important;
  background-color: var(--btn-disabled-color);
  border-color: var(--btn-disabled-color);
}
.r-add-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.715em;
  font-family: Lato;
  font-style: normal;
  font-size: 0.875em;
  font-weight: 700;
  color: var(--primary-contrast-color) !important;
  user-select: none;
  background-color: var(--primary-color);
  border: none;
  border-radius: 0.625em;
  border: 1px solid var(--primary-color);
  width: 3.715em;
  position: absolute;
  top: -1.1em;
  right: 0;
}
.r-add-button:focus {
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: 0 0 4px var(--box-shadow-color);
}
.r-add-button:hover,
.r-add-button:focus {
  text-decoration: none;
  background-color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}
.r-add-button[disabled="disabled"] {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
  color: var(--black) !important;
  background-color: var(--btn-disabled-color);
  border-color: var(--btn-disabled-color);
}
.r-add-button .olr-i {
  font-size: 1em;
  font-weight: 700;
}
.r-login-link {
  color: var(--black) !important;
  font-weight: bold;
  cursor: pointer;
}
.r-login-link:hover {
  color: var(--black) !important;
  text-decoration: none;
}
.phone-field-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 3.25em;
  grid-column-gap: 1em;
}
.r-account-list-container {
  position: relative;
}
.r-account-list-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(to top, white, transparent);
  pointer-events: none;
}
.r-account-list {
  padding-left: 0.5em;
  padding-right: 0.5em;
  height: 18.5em;
  overflow: auto;
  padding-bottom: 30px;
}
.r-account-list__item,
.r-account-list__action {
  display: flex;
  justify-content: space-between;
  padding: 1em 1.25em 1.25em 1.25em;
  cursor: pointer;
  color: #64748b;
  line-height: 1.25em;
  font-family: Inter, sans-serif;
  border-width: 2px;
  border-radius: 1em;
  border-color: #f1f5f9;
  background-color: #f8fafc;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.r-account-list__item .r-account-list__item-icon,
.r-account-list__action .r-account-list__item-icon {
  align-self: center;
  width: 1.5em;
  height: 1.5em;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
}
.r-account-list__item.selected,
.r-account-list__action.selected {
  cursor: default;
  border-color: var(--primary-color);
}
.r-account-list__item.selected .r-account-list__item-icon,
.r-account-list__action.selected .r-account-list__item-icon {
  border-width: 6px;
  border-color: var(--primary-color);
}
.r-account-list__item:hover,
.r-account-list__action:hover,
.r-account-list__item:focus,
.r-account-list__action:focus {
  border-color: rgba(0, 74, 119, 0.5);
}
.r-account-list__item p,
.r-account-list__action p {
  margin: 0;
}
.r-account-list__item {
  height: 8.125em;
  margin-bottom: 1em;
  border-style: solid;
}
.r-account-list__item h3 {
  margin: 0 0 0.25em 0;
  font-size: 1.125em;
  line-height: 1.5em;
  font-weight: 700;
  color: #0f172a;
}
.r-account-list__item .r-account-list__item-dos {
  font-size: 0.75em;
}
.r-account-list__item p {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875em;
}
.r-account-list__item p .material-icons-outlined {
  font-size: 1em;
}
.r-account-list__action {
  display: grid;
  grid-template-columns: 40px 1fr 24px;
  align-items: center;
  gap: 1em;
  height: 6.25em;
  user-select: none;
  background: var(--bg-white);
  border-style: dashed;
}
.r-account-list__action h3 {
  color: #334155;
  font-weight: 600;
  font-size: 1em;
  line-height: 24px;
  margin: 0;
}
.r-account-list__action p {
  color: #64748b;
  font-size: 0.75em;
  line-height: 16px;
}
.r-account-list__action p .material-icons-outlined {
  font-size: 0.875em;
  line-height: 1.3;
}
.r-account-list__action .r-account-list__action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  color: #64748b;
  background-color: #f1f5f9;
  border-radius: 9999px;
}
.r-account__placeholder {
  color: var(--field-placeholder-color) !important;
  font-weight: 500;
}
.r-account__selected-office,
.r-account__placeholder {
  cursor: pointer;
  background-image: url(/OlrRedesign/img/caret-down.svg) !important;
  background-position: 100% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}
.r-account-list__item-inner {
  position: relative;
}
.r-account-list__item-inner p {
  margin: 0;
}
.r-account-list__item-status {
  color: var(--error-color);
  font-size: 0.875em;
}
.r-dropdown {
  position: relative;
}
.r-dropdown .r-dropdown__list {
  margin-top: -1px;
  padding: 0.875em;
  max-height: 11em;
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  background: var(--bg-white);
  border: 1px solid var(--primary-color);
}
.r-dropdown .r-dropdown__list-item {
  padding: 0.358em 1em;
  font-size: 0.875em;
  cursor: pointer;
  border: 1px solid transparent;
}
.r-dropdown .r-dropdown__list-item:focus,
.r-dropdown .r-dropdown__list-item:hover {
  color: var(--primary-contrast-color);
  background: var(--primary-color);
  border: 1px solid var(--black);
}
.contact-us-modal .modal-dialog {
  top: calc(50% + 35px) !important;
}
.contact-us-modal .modal-dialog .modal-content {
  font-size: 16px;
  min-width: 45em;
  max-width: 49em;
  min-height: 45.625em;
  height: auto;
  padding: 2.5em 6em !important;
  border-radius: 1.875em;
}
.contact-us-tmpl .r-step__head {
  position: relative;
  margin-bottom: 4em;
}
.contact-us-tmpl .r-step__form-group {
  margin: 0;
  padding: 0;
  border: none;
}
.contact-us-tmpl .r-step__form-group + .r-step__form-group {
  margin-top: 0.75em;
}
.contact-us-tmpl .contact-us-tmpl__close {
  position: absolute;
  right: -6em;
  top: -1em;
  cursor: pointer;
  padding: 0.5em;
}
.contact-us-tmpl .contact-us-tmpl__close .i {
  display: block;
}
.r-step__recaptcha-spacer {
  height: 78px;
  margin: 2em 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.r-step--result .r-step__success,
.r-step--result .r-step__failure {
  text-align: center;
  width: 85%;
  margin: 4em auto 0 auto;
}
.r-step--result .r-step__success .olr-i,
.r-step--result .r-step__failure .olr-i {
  font-size: 3.75em;
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em;
}
.r-step--result .r-step__success p,
.r-step--result .r-step__failure p {
  margin-bottom: 3.5em;
}
.r-step--result .r-step__success .r-continue-button,
.r-step--result .r-step__failure .r-continue-button {
  width: 320px;
  margin-inline: auto;
}
.r-step--result .r-step__success .olr-i {
  color: #10b981;
}
.r-step--result .r-step__failure .olr-i-exclamation-circle-o {
  color: var(--error-color);
}
@media screen and (min-width: 768px) {
  .r-body {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
  }
  .r-step {
    min-width: 45em;
    max-width: 49em;
    min-height: 45.625em;
    height: auto;
    padding: 2.5em 6em;
    border-radius: 1.875em;
  }
  .r-step--result {
    min-width: 40em;
    max-width: 45em;
    min-height: 40em;
  }
  .r-account-list {
    padding-left: 0;
  }
}