/* The slice of Bootstrap 5 this page actually uses (grid, a few utilities, form base).
   Replaces bootstrap.min.css, which is ~230 KB for these two dozen rules. */
.container { width: 100%; max-width: 1320px; margin-inline: auto; padding-inline: 12px; }
@media (max-width: 1399px) { .container { max-width: 1140px; } }
@media (max-width: 1199px) { .container { max-width: 960px; } }
@media (max-width: 991px)  { .container { max-width: 720px; } }
@media (max-width: 767px)  { .container { max-width: 540px; } }
@media (max-width: 575px)  { .container { max-width: none; } }

.row { --gx: 24px; --gy: 0px; display: flex; flex-wrap: wrap; margin-inline: calc(-.5 * var(--gx)); margin-top: calc(-1 * var(--gy)); }
.row > * { flex: 0 0 auto; width: 100%; max-width: 100%; padding-inline: calc(.5 * var(--gx)); margin-top: var(--gy); }
.g-3 { --gx: 16px; --gy: 16px; }
.g-4 { --gx: 24px; --gy: 24px; }
.g-5 { --gx: 48px; --gy: 48px; }
.col-12 { width: 100%; }
@media (min-width: 768px) { .col-md-6 { width: 50%; } }
@media (min-width: 992px) {
  .col-lg-4 { width: 33.3333%; } .col-lg-5 { width: 41.6667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333%; }
  .order-lg-1 { order: 1; } .order-lg-2 { order: 2; }
  .text-lg-end { text-align: end; }
}
.order-1 { order: 1; } .order-2 { order: 2; }
.d-flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .flex-column { flex-direction: column; } .gap-3 { gap: 16px; }
.align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .justify-content-center { justify-content: center; }
.mb-5 { margin-bottom: 48px; } .mt-4 { margin-top: 24px; } .pt-4 { padding-top: 24px; } .pb-5 { padding-bottom: 48px; }
.ms-auto { margin-left: auto; } .mx-auto { margin-inline: auto; }
.position-relative { position: relative; } .text-center { text-align: center; } .h-auto { height: auto; }
.form-label { display: inline-block; }
.form-control { display: block; width: 100%; appearance: none; -webkit-appearance: none; line-height: 1.5; }