/* ==========================================================================
   Grid — section > .container > .row > .col-*
   12 columns, Bootstrap-compatible class names.
   Breakpoints: sm 576 · md 768 · lg 992 · xl 1200 · xxl 1400
   ========================================================================== */

.container {
    width: 100%;
    max-width: calc(var(--container) + var(--gutter) * 2);
    margin-inline: auto;
    padding-inline: var(--gutter);
}
.container--wide { max-width: calc(var(--container-wide) + var(--gutter) * 2); }
.container--fluid { max-width: none; }

.row {
    --gx: 24px;
    --gy: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(var(--gx) * -0.5);
    margin-top: calc(var(--gy) * -1);
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-inline: calc(var(--gx) * 0.5);
    margin-top: var(--gy);
}
@media (min-width: 992px) { .row { --gx: 32px; } }
.g-0 { --gx: 0px !important; --gy: 0px !important; }


/* xs */
.col { flex: 1 0 0%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333%; }
.col-2 { flex: 0 0 auto; width: 16.6667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.3333%; }
.col-5 { flex: 0 0 auto; width: 41.6667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.3333%; }
.col-8 { flex: 0 0 auto; width: 66.6667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.3333%; }
.col-11 { flex: 0 0 auto; width: 91.6667%; }
.col-12 { flex: 0 0 auto; width: 100%; }
.offset-0 { margin-left: 0%; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.6667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.3333%; }
.offset-5 { margin-left: 41.6667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.3333%; }
.offset-8 { margin-left: 66.6667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.3333%; }
.offset-11 { margin-left: 91.6667%; }
.gy-0 { --gy: 0; }
.gy-1 { --gy: 8px; }
.gy-2 { --gy: 16px; }
.gy-3 { --gy: 24px; }
.gy-4 { --gy: 32px; }
.gy-5 { --gy: 48px; }
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-grid { display: grid !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-stretch { align-items: stretch !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.text-start { text-align: left !important; }
.text-center { text-align: center !important; }
.text-end { text-align: right !important; }
.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }


/* sm ≥ 576px */
@media (min-width: 576px) {
    .col-sm { flex: 1 0 0%; }
    .col-sm-auto { flex: 0 0 auto; width: auto; }
    .col-sm-1 { flex: 0 0 auto; width: 8.33333%; }
    .col-sm-2 { flex: 0 0 auto; width: 16.6667%; }
    .col-sm-3 { flex: 0 0 auto; width: 25%; }
    .col-sm-4 { flex: 0 0 auto; width: 33.3333%; }
    .col-sm-5 { flex: 0 0 auto; width: 41.6667%; }
    .col-sm-6 { flex: 0 0 auto; width: 50%; }
    .col-sm-7 { flex: 0 0 auto; width: 58.3333%; }
    .col-sm-8 { flex: 0 0 auto; width: 66.6667%; }
    .col-sm-9 { flex: 0 0 auto; width: 75%; }
    .col-sm-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-sm-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-sm-12 { flex: 0 0 auto; width: 100%; }
    .offset-sm-0 { margin-left: 0%; }
    .offset-sm-1 { margin-left: 8.33333%; }
    .offset-sm-2 { margin-left: 16.6667%; }
    .offset-sm-3 { margin-left: 25%; }
    .offset-sm-4 { margin-left: 33.3333%; }
    .offset-sm-5 { margin-left: 41.6667%; }
    .offset-sm-6 { margin-left: 50%; }
    .offset-sm-7 { margin-left: 58.3333%; }
    .offset-sm-8 { margin-left: 66.6667%; }
    .offset-sm-9 { margin-left: 75%; }
    .offset-sm-10 { margin-left: 83.3333%; }
    .offset-sm-11 { margin-left: 91.6667%; }
    .gy-sm-0 { --gy: 0; }
    .gy-sm-1 { --gy: 8px; }
    .gy-sm-2 { --gy: 16px; }
    .gy-sm-3 { --gy: 24px; }
    .gy-sm-4 { --gy: 32px; }
    .gy-sm-5 { --gy: 48px; }
    .d-sm-none { display: none !important; }
    .d-sm-block { display: block !important; }
    .d-sm-flex { display: flex !important; }
    .d-sm-inline-flex { display: inline-flex !important; }
    .d-sm-grid { display: grid !important; }
    .align-items-sm-start { align-items: flex-start !important; }
    .align-items-sm-center { align-items: center !important; }
    .align-items-sm-end { align-items: flex-end !important; }
    .align-items-sm-stretch { align-items: stretch !important; }
    .justify-content-sm-start { justify-content: flex-start !important; }
    .justify-content-sm-center { justify-content: center !important; }
    .justify-content-sm-end { justify-content: flex-end !important; }
    .justify-content-sm-between { justify-content: space-between !important; }
    .text-sm-start { text-align: left !important; }
    .text-sm-center { text-align: center !important; }
    .text-sm-end { text-align: right !important; }
    .order-sm-first { order: -1; }
    .order-sm-last { order: 13; }
    .order-sm-0 { order: 0; }
    .order-sm-1 { order: 1; }
    .order-sm-2 { order: 2; }
}


/* md ≥ 768px */
@media (min-width: 768px) {
    .col-md { flex: 1 0 0%; }
    .col-md-auto { flex: 0 0 auto; width: auto; }
    .col-md-1 { flex: 0 0 auto; width: 8.33333%; }
    .col-md-2 { flex: 0 0 auto; width: 16.6667%; }
    .col-md-3 { flex: 0 0 auto; width: 25%; }
    .col-md-4 { flex: 0 0 auto; width: 33.3333%; }
    .col-md-5 { flex: 0 0 auto; width: 41.6667%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
    .col-md-7 { flex: 0 0 auto; width: 58.3333%; }
    .col-md-8 { flex: 0 0 auto; width: 66.6667%; }
    .col-md-9 { flex: 0 0 auto; width: 75%; }
    .col-md-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-md-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-md-12 { flex: 0 0 auto; width: 100%; }
    .offset-md-0 { margin-left: 0%; }
    .offset-md-1 { margin-left: 8.33333%; }
    .offset-md-2 { margin-left: 16.6667%; }
    .offset-md-3 { margin-left: 25%; }
    .offset-md-4 { margin-left: 33.3333%; }
    .offset-md-5 { margin-left: 41.6667%; }
    .offset-md-6 { margin-left: 50%; }
    .offset-md-7 { margin-left: 58.3333%; }
    .offset-md-8 { margin-left: 66.6667%; }
    .offset-md-9 { margin-left: 75%; }
    .offset-md-10 { margin-left: 83.3333%; }
    .offset-md-11 { margin-left: 91.6667%; }
    .gy-md-0 { --gy: 0; }
    .gy-md-1 { --gy: 8px; }
    .gy-md-2 { --gy: 16px; }
    .gy-md-3 { --gy: 24px; }
    .gy-md-4 { --gy: 32px; }
    .gy-md-5 { --gy: 48px; }
    .d-md-none { display: none !important; }
    .d-md-block { display: block !important; }
    .d-md-flex { display: flex !important; }
    .d-md-inline-flex { display: inline-flex !important; }
    .d-md-grid { display: grid !important; }
    .align-items-md-start { align-items: flex-start !important; }
    .align-items-md-center { align-items: center !important; }
    .align-items-md-end { align-items: flex-end !important; }
    .align-items-md-stretch { align-items: stretch !important; }
    .justify-content-md-start { justify-content: flex-start !important; }
    .justify-content-md-center { justify-content: center !important; }
    .justify-content-md-end { justify-content: flex-end !important; }
    .justify-content-md-between { justify-content: space-between !important; }
    .text-md-start { text-align: left !important; }
    .text-md-center { text-align: center !important; }
    .text-md-end { text-align: right !important; }
    .order-md-first { order: -1; }
    .order-md-last { order: 13; }
    .order-md-0 { order: 0; }
    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
}


/* lg ≥ 992px */
@media (min-width: 992px) {
    .col-lg { flex: 1 0 0%; }
    .col-lg-auto { flex: 0 0 auto; width: auto; }
    .col-lg-1 { flex: 0 0 auto; width: 8.33333%; }
    .col-lg-2 { flex: 0 0 auto; width: 16.6667%; }
    .col-lg-3 { flex: 0 0 auto; width: 25%; }
    .col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
    .col-lg-5 { flex: 0 0 auto; width: 41.6667%; }
    .col-lg-6 { flex: 0 0 auto; width: 50%; }
    .col-lg-7 { flex: 0 0 auto; width: 58.3333%; }
    .col-lg-8 { flex: 0 0 auto; width: 66.6667%; }
    .col-lg-9 { flex: 0 0 auto; width: 75%; }
    .col-lg-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-lg-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }
    .offset-lg-0 { margin-left: 0%; }
    .offset-lg-1 { margin-left: 8.33333%; }
    .offset-lg-2 { margin-left: 16.6667%; }
    .offset-lg-3 { margin-left: 25%; }
    .offset-lg-4 { margin-left: 33.3333%; }
    .offset-lg-5 { margin-left: 41.6667%; }
    .offset-lg-6 { margin-left: 50%; }
    .offset-lg-7 { margin-left: 58.3333%; }
    .offset-lg-8 { margin-left: 66.6667%; }
    .offset-lg-9 { margin-left: 75%; }
    .offset-lg-10 { margin-left: 83.3333%; }
    .offset-lg-11 { margin-left: 91.6667%; }
    .gy-lg-0 { --gy: 0; }
    .gy-lg-1 { --gy: 8px; }
    .gy-lg-2 { --gy: 16px; }
    .gy-lg-3 { --gy: 24px; }
    .gy-lg-4 { --gy: 32px; }
    .gy-lg-5 { --gy: 48px; }
    .d-lg-none { display: none !important; }
    .d-lg-block { display: block !important; }
    .d-lg-flex { display: flex !important; }
    .d-lg-inline-flex { display: inline-flex !important; }
    .d-lg-grid { display: grid !important; }
    .align-items-lg-start { align-items: flex-start !important; }
    .align-items-lg-center { align-items: center !important; }
    .align-items-lg-end { align-items: flex-end !important; }
    .align-items-lg-stretch { align-items: stretch !important; }
    .justify-content-lg-start { justify-content: flex-start !important; }
    .justify-content-lg-center { justify-content: center !important; }
    .justify-content-lg-end { justify-content: flex-end !important; }
    .justify-content-lg-between { justify-content: space-between !important; }
    .text-lg-start { text-align: left !important; }
    .text-lg-center { text-align: center !important; }
    .text-lg-end { text-align: right !important; }
    .order-lg-first { order: -1; }
    .order-lg-last { order: 13; }
    .order-lg-0 { order: 0; }
    .order-lg-1 { order: 1; }
    .order-lg-2 { order: 2; }
}


/* xl ≥ 1200px */
@media (min-width: 1200px) {
    .col-xl { flex: 1 0 0%; }
    .col-xl-auto { flex: 0 0 auto; width: auto; }
    .col-xl-1 { flex: 0 0 auto; width: 8.33333%; }
    .col-xl-2 { flex: 0 0 auto; width: 16.6667%; }
    .col-xl-3 { flex: 0 0 auto; width: 25%; }
    .col-xl-4 { flex: 0 0 auto; width: 33.3333%; }
    .col-xl-5 { flex: 0 0 auto; width: 41.6667%; }
    .col-xl-6 { flex: 0 0 auto; width: 50%; }
    .col-xl-7 { flex: 0 0 auto; width: 58.3333%; }
    .col-xl-8 { flex: 0 0 auto; width: 66.6667%; }
    .col-xl-9 { flex: 0 0 auto; width: 75%; }
    .col-xl-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-xl-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-xl-12 { flex: 0 0 auto; width: 100%; }
    .offset-xl-0 { margin-left: 0%; }
    .offset-xl-1 { margin-left: 8.33333%; }
    .offset-xl-2 { margin-left: 16.6667%; }
    .offset-xl-3 { margin-left: 25%; }
    .offset-xl-4 { margin-left: 33.3333%; }
    .offset-xl-5 { margin-left: 41.6667%; }
    .offset-xl-6 { margin-left: 50%; }
    .offset-xl-7 { margin-left: 58.3333%; }
    .offset-xl-8 { margin-left: 66.6667%; }
    .offset-xl-9 { margin-left: 75%; }
    .offset-xl-10 { margin-left: 83.3333%; }
    .offset-xl-11 { margin-left: 91.6667%; }
    .gy-xl-0 { --gy: 0; }
    .gy-xl-1 { --gy: 8px; }
    .gy-xl-2 { --gy: 16px; }
    .gy-xl-3 { --gy: 24px; }
    .gy-xl-4 { --gy: 32px; }
    .gy-xl-5 { --gy: 48px; }
    .d-xl-none { display: none !important; }
    .d-xl-block { display: block !important; }
    .d-xl-flex { display: flex !important; }
    .d-xl-inline-flex { display: inline-flex !important; }
    .d-xl-grid { display: grid !important; }
    .align-items-xl-start { align-items: flex-start !important; }
    .align-items-xl-center { align-items: center !important; }
    .align-items-xl-end { align-items: flex-end !important; }
    .align-items-xl-stretch { align-items: stretch !important; }
    .justify-content-xl-start { justify-content: flex-start !important; }
    .justify-content-xl-center { justify-content: center !important; }
    .justify-content-xl-end { justify-content: flex-end !important; }
    .justify-content-xl-between { justify-content: space-between !important; }
    .text-xl-start { text-align: left !important; }
    .text-xl-center { text-align: center !important; }
    .text-xl-end { text-align: right !important; }
    .order-xl-first { order: -1; }
    .order-xl-last { order: 13; }
    .order-xl-0 { order: 0; }
    .order-xl-1 { order: 1; }
    .order-xl-2 { order: 2; }
}


/* xxl ≥ 1400px */
@media (min-width: 1400px) {
    .col-xxl { flex: 1 0 0%; }
    .col-xxl-auto { flex: 0 0 auto; width: auto; }
    .col-xxl-1 { flex: 0 0 auto; width: 8.33333%; }
    .col-xxl-2 { flex: 0 0 auto; width: 16.6667%; }
    .col-xxl-3 { flex: 0 0 auto; width: 25%; }
    .col-xxl-4 { flex: 0 0 auto; width: 33.3333%; }
    .col-xxl-5 { flex: 0 0 auto; width: 41.6667%; }
    .col-xxl-6 { flex: 0 0 auto; width: 50%; }
    .col-xxl-7 { flex: 0 0 auto; width: 58.3333%; }
    .col-xxl-8 { flex: 0 0 auto; width: 66.6667%; }
    .col-xxl-9 { flex: 0 0 auto; width: 75%; }
    .col-xxl-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-xxl-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-xxl-12 { flex: 0 0 auto; width: 100%; }
    .offset-xxl-0 { margin-left: 0%; }
    .offset-xxl-1 { margin-left: 8.33333%; }
    .offset-xxl-2 { margin-left: 16.6667%; }
    .offset-xxl-3 { margin-left: 25%; }
    .offset-xxl-4 { margin-left: 33.3333%; }
    .offset-xxl-5 { margin-left: 41.6667%; }
    .offset-xxl-6 { margin-left: 50%; }
    .offset-xxl-7 { margin-left: 58.3333%; }
    .offset-xxl-8 { margin-left: 66.6667%; }
    .offset-xxl-9 { margin-left: 75%; }
    .offset-xxl-10 { margin-left: 83.3333%; }
    .offset-xxl-11 { margin-left: 91.6667%; }
    .gy-xxl-0 { --gy: 0; }
    .gy-xxl-1 { --gy: 8px; }
    .gy-xxl-2 { --gy: 16px; }
    .gy-xxl-3 { --gy: 24px; }
    .gy-xxl-4 { --gy: 32px; }
    .gy-xxl-5 { --gy: 48px; }
    .d-xxl-none { display: none !important; }
    .d-xxl-block { display: block !important; }
    .d-xxl-flex { display: flex !important; }
    .d-xxl-inline-flex { display: inline-flex !important; }
    .d-xxl-grid { display: grid !important; }
    .align-items-xxl-start { align-items: flex-start !important; }
    .align-items-xxl-center { align-items: center !important; }
    .align-items-xxl-end { align-items: flex-end !important; }
    .align-items-xxl-stretch { align-items: stretch !important; }
    .justify-content-xxl-start { justify-content: flex-start !important; }
    .justify-content-xxl-center { justify-content: center !important; }
    .justify-content-xxl-end { justify-content: flex-end !important; }
    .justify-content-xxl-between { justify-content: space-between !important; }
    .text-xxl-start { text-align: left !important; }
    .text-xxl-center { text-align: center !important; }
    .text-xxl-end { text-align: right !important; }
    .order-xxl-first { order: -1; }
    .order-xxl-last { order: 13; }
    .order-xxl-0 { order: 0; }
    .order-xxl-1 { order: 1; }
    .order-xxl-2 { order: 2; }
}


.ms-auto { margin-left: auto !important; }
.me-auto { margin-right: auto !important; }