/* Unknown Bank's independent public-site base and layout primitives. */
:root {
  color-scheme: light;
  --ub-ink: #19332a;
  --ub-muted: #61736d;
  --ub-brand: #123c32;
  --ub-brand-hover: #1d5949;
  --ub-line: #dce5df;
  --ub-paper: #f7f8f5;
  --ub-white: #fff;
  --ub-radius: 8px;
  --ub-shadow: 0 14px 38px rgb(18 60 50 / 8%);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { min-width: 320px; scroll-behavior: smooth; background: var(--ub-paper); }
body { min-width: 320px; margin: 0; color: var(--ub-ink); background: var(--ub-paper); font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img, svg, video { max-width: 100%; }
img { height: auto; }
button, input, select, textarea { font: inherit; }
button, [type="button"], [type="submit"] { cursor: pointer; }
a { color: var(--ub-brand); text-underline-offset: .2em; }
a:hover { color: var(--ub-brand-hover); }
h1, h2, h3, h4, h5, h6 { color: var(--ub-ink); line-height: 1.18; }
main { display: block; }

.container-fluid { width: min(100% - 48px, 1440px); margin-inline: auto; padding: 0; }
.row { display: flex; flex-wrap: wrap; margin-inline: -12px; }
.row > [class^="col"], .row > [class*=" col"] { min-width: 0; padding-inline: 12px; }
.col { flex: 1 0 0%; }
.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.d-flex { display: flex; }
.d-none { display: none !important; }
.align-items-center { align-items: center; }
.align-items-start { align-items: flex-start; }
.align-items-end { align-items: flex-end; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-end { justify-content: flex-end; }
.w-100 { width: 100%; }

.btn, .btn-primary, .btn-secondary, .btn-tertiary, .btn-ghost, .button-primary, .button-secondary {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.btn-primary, .button-primary { border-color: var(--ub-brand); color: #fff !important; background: var(--ub-brand); }
.btn-primary:hover, .button-primary:hover { border-color: var(--ub-brand-hover); color: #fff !important; background: var(--ub-brand-hover); }
.btn-secondary, .button-secondary { border-color: var(--ub-line); color: var(--ub-brand) !important; background: #fff; }
.btn-secondary:hover, .button-secondary:hover { border-color: var(--ub-brand); color: var(--ub-brand) !important; background: #f1f6f2; }
.btn-tertiary, .btn-ghost { border-color: transparent; color: var(--ub-brand) !important; background: transparent; }

.alert { margin: 18px auto; padding: 14px 18px; border: 1px solid var(--ub-line); border-radius: var(--ub-radius); }
.alert-danger { border-color: #e9b7b3; color: #7a211a; background: #fff2f0; }
.alert-success { border-color: #a8cfb7; color: #1d5435; background: #effaf2; }
.form-control, input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], select, textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #c9d5ce; border-radius: 6px; color: var(--ub-ink); background: #fff; }
textarea { min-height: 130px; resize: vertical; }
.sr-only, .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.sr-only-focusable:focus, .screen-reader-text:focus { z-index: 2000; width: auto !important; height: auto !important; clip: auto !important; padding: 10px 14px !important; color: var(--ub-ink); background: #fff; }
:focus-visible { outline: 3px solid #b18e3e; outline-offset: 3px; }
::selection { color: #fff; background: var(--ub-brand-hover); }

@media (min-width: 576px) {
  .d-sm-none { display: none !important; }
  .d-sm-block { display: block !important; }
  .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 768px) {
  .d-md-none { display: none !important; }
  .d-md-block { display: block !important; }
  .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-block { display: block !important; }
  .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
  .d-xl-block { display: block !important; }
  .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (max-width: 767.98px) {
  .container-fluid { width: calc(100% - 36px); }
  .row { margin-inline: -9px; }
  .row > [class^="col"], .row > [class*=" col"] { padding-inline: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}