.container { width: 100%; max-width: 1160px; margin-inline: auto; padding-inline: 16px; }
.row { --gx: 1.5rem; --gy: 1.5rem; display: flex; flex-wrap: wrap; margin-inline: calc(var(--gx) / -2); margin-top: calc(var(--gy) * -1); }
.row > * { flex: 0 0 auto; width: 100%; min-width: 0; padding-inline: calc(var(--gx) / 2); margin-top: var(--gy); }
.g-3 { --gx: 1rem; --gy: 1rem; }
.g-4 { --gx: 1.5rem; --gy: 1.5rem; }
.align-items-center { align-items: center; }
.col-6 { width: 50%; }
.col-12 { width: 100%; }
@media (min-width: 768px) {
  .col-md-4 { width: 33.3333%; }
  .col-md-6 { width: 50%; }
}
@media (min-width: 992px) {
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.3333%; }
  .col-lg-5 { width: 41.6667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.3333%; }
}

.collapse:not(.show) { display: none; }
.collapsing { height: 0; overflow: hidden; transition: height .3s ease; }
.navbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; }
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; align-items: center; justify-content: flex-end; gap: 6px; }
  .navbar-toggler { display: none !important; }
}
.fade { transition: opacity .2s linear; }
.fade:not(.show) { opacity: 0; }
.modal { position: fixed; inset: 0; z-index: 1055; display: none; overflow-x: hidden; overflow-y: auto; padding: 16px; outline: 0; }
.modal-dialog { position: relative; width: 100%; max-width: 560px; margin: 1.75rem auto; }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 3.5rem); }
.modal-content { width: 100%; }
.modal-backdrop { position: fixed; inset: 0; z-index: 1050; background: #06120b; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: .55; }
body.modal-open { overflow: hidden; }