:root {
  --media-query: only screen;
  --columns: 12;
  --base-spacing: 0.5px;
  --breakpoint-lg: 992px;
  --breakpoint-md: 769px;
  --breakpoint-sm: 576px;
  --breakpoint-xl: 1200px;
  --breakpoint-xs: 0px;
  --breakpoint-xxl: 1600px;
  --gap-width-lg: 20px;
  --gap-width-md: 20px;
  --gap-width-sm: 20px;
  --gap-width-xl: 20px;
  --gap-width-xs: 20px;
  --gap-width-xxl: 20px;
  --container-padding-lg: 10px;
  --container-padding-md: 10px;
  --container-padding-sm: 10px;
  --container-padding-xl: 10px;
  --container-padding-xs: 10px;
  --container-padding-xxl: 10px;
  --container-lg: 1440px;
  --container-md: 100%;
  --container-sm: 100%;
  --container-xl: 1440px;
  --container-xs: 100%;
  --container-xxl: 1440px;
}

.col {
  box-sizing: border-box;
}

.container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
}

.spacer {
  display: block;
  flex: 1 1 0px;
}

.container {
  padding-left: var(--container-padding-xs);
  padding-right: var(--container-padding-xs);
  width: var(--container-xs);
}

:root {
  --current-row-gap: var(--gap-width-xs);
}

.row {
  gap: var(--current-row-gap);
}

.row-nowrap {
  flex-wrap: nowrap;
}

.row-align-start {
  align-items: flex-start;
}

.row-align-center {
  align-items: center;
}

.row-align-end {
  align-items: flex-end;
}

.row-align-baseline {
  align-items: baseline;
}

.row-align-stretch {
  align-items: stretch;
}

.row-justify-start {
  justify-content: flex-start;
}

.row-justify-center {
  justify-content: center;
}

.row-justify-end {
  justify-content: flex-end;
}

.row-justify-between {
  justify-content: space-between;
}

.row-justify-around {
  justify-content: space-around;
}

.col-auto {
  flex: 0 0 auto;
  max-width: 100%;
}

.col-max {
  flex: 0 0 max-content;
  max-width: max-content;
}

.col-min {
  flex: 0 0 min-content;
  max-width: min-content;
}

.col-1 {
  flex: 0 0 calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
  max-width: calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
}

.col-offset-1 {
  margin-left: calc(100% / var(--columns) * 1 + var(--current-row-gap) * 1 / var(--columns));
}

.col-2 {
  flex: 0 0 calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
  max-width: calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
}

.col-offset-2 {
  margin-left: calc(100% / var(--columns) * 2 + var(--current-row-gap) * 2 / var(--columns));
}

.col-3 {
  flex: 0 0 calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
  max-width: calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
}

.col-offset-3 {
  margin-left: calc(100% / var(--columns) * 3 + var(--current-row-gap) * 3 / var(--columns));
}

.col-4 {
  flex: 0 0 calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
  max-width: calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
}

.col-offset-4 {
  margin-left: calc(100% / var(--columns) * 4 + var(--current-row-gap) * 4 / var(--columns));
}

.col-5 {
  flex: 0 0 calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
  max-width: calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
}

.col-offset-5 {
  margin-left: calc(100% / var(--columns) * 5 + var(--current-row-gap) * 5 / var(--columns));
}

.col-6 {
  flex: 0 0 calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
  max-width: calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
}

.col-offset-6 {
  margin-left: calc(100% / var(--columns) * 6 + var(--current-row-gap) * 6 / var(--columns));
}

.col-7 {
  flex: 0 0 calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
  max-width: calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
}

.col-offset-7 {
  margin-left: calc(100% / var(--columns) * 7 + var(--current-row-gap) * 7 / var(--columns));
}

.col-8 {
  flex: 0 0 calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
  max-width: calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
}

.col-offset-8 {
  margin-left: calc(100% / var(--columns) * 8 + var(--current-row-gap) * 8 / var(--columns));
}

.col-9 {
  flex: 0 0 calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
  max-width: calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
}

.col-offset-9 {
  margin-left: calc(100% / var(--columns) * 9 + var(--current-row-gap) * 9 / var(--columns));
}

.col-10 {
  flex: 0 0 calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
  max-width: calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
}

.col-offset-10 {
  margin-left: calc(100% / var(--columns) * 10 + var(--current-row-gap) * 10 / var(--columns));
}

.col-11 {
  flex: 0 0 calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
  max-width: calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
}

.col-offset-11 {
  margin-left: calc(100% / var(--columns) * 11 + var(--current-row-gap) * 11 / var(--columns));
}

.col-12 {
  flex: 0 0 calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
  max-width: calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
}

.col-offset-12 {
  margin-left: calc(100% / var(--columns) * 12 + var(--current-row-gap) * 12 / var(--columns));
}

.col-align-start {
  align-items: flex-start;
}

.col-align-self-start {
  align-self: flex-start;
}

.col-align-center {
  align-items: center;
}

.col-align-self-center {
  align-self: center;
}

.col-align-end {
  align-items: flex-end;
}

.col-align-self-end {
  align-self: flex-end;
}

.col-align-baseline {
  align-items: baseline;
}

.col-align-self-baseline {
  align-self: baseline;
}

.col-align-stretch {
  align-items: stretch;
}

.col-align-self-stretch {
  align-self: stretch;
}

.col-justify-start {
  justify-content: flex-start;
}

.col-justify-self-start {
  justify-self: flex-start;
}

.col-justify-center {
  justify-content: center;
}

.col-justify-self-center {
  justify-self: center;
}

.col-justify-end {
  justify-content: flex-end;
}

.col-justify-self-end {
  justify-self: flex-end;
}

.col-justify-between {
  justify-content: space-between;
}

.col-justify-self-between {
  justify-self: space-between;
}

.col-justify-around {
  justify-content: space-around;
}

.col-justify-self-around {
  justify-self: space-around;
}

.spacer-inline {
  display: inline;
}

.spacer-w-0 {
  flex: 0 0 calc(0 * var(--base-spacing));
  max-width: calc(0 * var(--base-spacing));
  width: calc(0 * var(--base-spacing));
}

.spacer-h-0 {
  flex: 0 0 calc(0 * var(--base-spacing));
  max-height: calc(0 * var(--base-spacing));
  height: calc(0 * var(--base-spacing));
  width: 100%;
}

.spacer-w-1 {
  flex: 0 0 calc(1 * var(--base-spacing));
  max-width: calc(1 * var(--base-spacing));
  width: calc(1 * var(--base-spacing));
}

.spacer-h-1 {
  flex: 0 0 calc(1 * var(--base-spacing));
  max-height: calc(1 * var(--base-spacing));
  height: calc(1 * var(--base-spacing));
  width: 100%;
}

.spacer-w-2 {
  flex: 0 0 calc(2 * var(--base-spacing));
  max-width: calc(2 * var(--base-spacing));
  width: calc(2 * var(--base-spacing));
}

.spacer-h-2 {
  flex: 0 0 calc(2 * var(--base-spacing));
  max-height: calc(2 * var(--base-spacing));
  height: calc(2 * var(--base-spacing));
  width: 100%;
}

.spacer-w-3 {
  flex: 0 0 calc(3 * var(--base-spacing));
  max-width: calc(3 * var(--base-spacing));
  width: calc(3 * var(--base-spacing));
}

.spacer-h-3 {
  flex: 0 0 calc(3 * var(--base-spacing));
  max-height: calc(3 * var(--base-spacing));
  height: calc(3 * var(--base-spacing));
  width: 100%;
}

.spacer-w-4 {
  flex: 0 0 calc(4 * var(--base-spacing));
  max-width: calc(4 * var(--base-spacing));
  width: calc(4 * var(--base-spacing));
}

.spacer-h-4 {
  flex: 0 0 calc(4 * var(--base-spacing));
  max-height: calc(4 * var(--base-spacing));
  height: calc(4 * var(--base-spacing));
  width: 100%;
}

.spacer-w-5 {
  flex: 0 0 calc(5 * var(--base-spacing));
  max-width: calc(5 * var(--base-spacing));
  width: calc(5 * var(--base-spacing));
}

.spacer-h-5 {
  flex: 0 0 calc(5 * var(--base-spacing));
  max-height: calc(5 * var(--base-spacing));
  height: calc(5 * var(--base-spacing));
  width: 100%;
}

.spacer-w-6 {
  flex: 0 0 calc(6 * var(--base-spacing));
  max-width: calc(6 * var(--base-spacing));
  width: calc(6 * var(--base-spacing));
}

.spacer-h-6 {
  flex: 0 0 calc(6 * var(--base-spacing));
  max-height: calc(6 * var(--base-spacing));
  height: calc(6 * var(--base-spacing));
  width: 100%;
}

.spacer-w-7 {
  flex: 0 0 calc(7 * var(--base-spacing));
  max-width: calc(7 * var(--base-spacing));
  width: calc(7 * var(--base-spacing));
}

.spacer-h-7 {
  flex: 0 0 calc(7 * var(--base-spacing));
  max-height: calc(7 * var(--base-spacing));
  height: calc(7 * var(--base-spacing));
  width: 100%;
}

.spacer-w-8 {
  flex: 0 0 calc(8 * var(--base-spacing));
  max-width: calc(8 * var(--base-spacing));
  width: calc(8 * var(--base-spacing));
}

.spacer-h-8 {
  flex: 0 0 calc(8 * var(--base-spacing));
  max-height: calc(8 * var(--base-spacing));
  height: calc(8 * var(--base-spacing));
  width: 100%;
}

.spacer-w-9 {
  flex: 0 0 calc(9 * var(--base-spacing));
  max-width: calc(9 * var(--base-spacing));
  width: calc(9 * var(--base-spacing));
}

.spacer-h-9 {
  flex: 0 0 calc(9 * var(--base-spacing));
  max-height: calc(9 * var(--base-spacing));
  height: calc(9 * var(--base-spacing));
  width: 100%;
}

.spacer-w-10 {
  flex: 0 0 calc(10 * var(--base-spacing));
  max-width: calc(10 * var(--base-spacing));
  width: calc(10 * var(--base-spacing));
}

.spacer-h-10 {
  flex: 0 0 calc(10 * var(--base-spacing));
  max-height: calc(10 * var(--base-spacing));
  height: calc(10 * var(--base-spacing));
  width: 100%;
}

.spacer-w-11 {
  flex: 0 0 calc(11 * var(--base-spacing));
  max-width: calc(11 * var(--base-spacing));
  width: calc(11 * var(--base-spacing));
}

.spacer-h-11 {
  flex: 0 0 calc(11 * var(--base-spacing));
  max-height: calc(11 * var(--base-spacing));
  height: calc(11 * var(--base-spacing));
  width: 100%;
}

.spacer-w-12 {
  flex: 0 0 calc(12 * var(--base-spacing));
  max-width: calc(12 * var(--base-spacing));
  width: calc(12 * var(--base-spacing));
}

.spacer-h-12 {
  flex: 0 0 calc(12 * var(--base-spacing));
  max-height: calc(12 * var(--base-spacing));
  height: calc(12 * var(--base-spacing));
  width: 100%;
}

.spacer-w-half {
  flex: 0 0 calc(0.5 * var(--base-spacing));
  max-width: calc(0.5 * var(--base-spacing));
  width: calc(0.5 * var(--base-spacing));
}

.spacer-h-half {
  flex: 0 0 calc(0.5 * var(--base-spacing));
  max-height: calc(0.5 * var(--base-spacing));
  height: calc(0.5 * var(--base-spacing));
  width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 99999;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.d-inline {
  display: inline;
}

.d-none {
  display: none;
}

@media only screen and (min-width: 576px) {
  .container {
    padding-left: var(--container-padding-sm);
    padding-right: var(--container-padding-sm);
    width: var(--container-sm);
  }
  :root {
    --current-row-gap: var(--gap-width-sm);
  }
  .row {
    gap: var(--current-row-gap);
  }
  .row-sm-nowrap {
    flex-wrap: nowrap;
  }
  .row-align-sm-start {
    align-items: flex-start;
  }
  .row-align-sm-center {
    align-items: center;
  }
  .row-align-sm-end {
    align-items: flex-end;
  }
  .row-align-sm-baseline {
    align-items: baseline;
  }
  .row-align-sm-stretch {
    align-items: stretch;
  }
  .row-justify-sm-start {
    justify-content: flex-start;
  }
  .row-justify-sm-center {
    justify-content: center;
  }
  .row-justify-sm-end {
    justify-content: flex-end;
  }
  .row-justify-sm-between {
    justify-content: space-between;
  }
  .row-justify-sm-around {
    justify-content: space-around;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .col-sm-max {
    flex: 0 0 max-content;
    max-width: max-content;
  }
  .col-sm-min {
    flex: 0 0 min-content;
    max-width: min-content;
  }
  .col-sm-1 {
    flex: 0 0 calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
    max-width: calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-offset-sm-1 {
    margin-left: calc(100% / var(--columns) * 1 + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-sm-2 {
    flex: 0 0 calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
    max-width: calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-offset-sm-2 {
    margin-left: calc(100% / var(--columns) * 2 + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-sm-3 {
    flex: 0 0 calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
    max-width: calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-offset-sm-3 {
    margin-left: calc(100% / var(--columns) * 3 + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-sm-4 {
    flex: 0 0 calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
    max-width: calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-offset-sm-4 {
    margin-left: calc(100% / var(--columns) * 4 + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-sm-5 {
    flex: 0 0 calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
    max-width: calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-offset-sm-5 {
    margin-left: calc(100% / var(--columns) * 5 + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-sm-6 {
    flex: 0 0 calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
    max-width: calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-offset-sm-6 {
    margin-left: calc(100% / var(--columns) * 6 + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-sm-7 {
    flex: 0 0 calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
    max-width: calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-offset-sm-7 {
    margin-left: calc(100% / var(--columns) * 7 + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-sm-8 {
    flex: 0 0 calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
    max-width: calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-offset-sm-8 {
    margin-left: calc(100% / var(--columns) * 8 + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-sm-9 {
    flex: 0 0 calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
    max-width: calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-offset-sm-9 {
    margin-left: calc(100% / var(--columns) * 9 + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-sm-10 {
    flex: 0 0 calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
    max-width: calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-offset-sm-10 {
    margin-left: calc(100% / var(--columns) * 10 + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-sm-11 {
    flex: 0 0 calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
    max-width: calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-offset-sm-11 {
    margin-left: calc(100% / var(--columns) * 11 + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-sm-12 {
    flex: 0 0 calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
    max-width: calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-offset-sm-12 {
    margin-left: calc(100% / var(--columns) * 12 + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-align-sm-start {
    align-items: flex-start;
  }
  .col-align-self-sm-start {
    align-self: flex-start;
  }
  .col-align-sm-center {
    align-items: center;
  }
  .col-align-self-sm-center {
    align-self: center;
  }
  .col-align-sm-end {
    align-items: flex-end;
  }
  .col-align-self-sm-end {
    align-self: flex-end;
  }
  .col-align-sm-baseline {
    align-items: baseline;
  }
  .col-align-self-sm-baseline {
    align-self: baseline;
  }
  .col-align-sm-stretch {
    align-items: stretch;
  }
  .col-align-self-sm-stretch {
    align-self: stretch;
  }
  .col-justify-sm-start {
    justify-content: flex-start;
  }
  .col-justify-self-sm-start {
    justify-self: flex-start;
  }
  .col-justify-sm-center {
    justify-content: center;
  }
  .col-justify-self-sm-center {
    justify-self: center;
  }
  .col-justify-sm-end {
    justify-content: flex-end;
  }
  .col-justify-self-sm-end {
    justify-self: flex-end;
  }
  .col-justify-sm-between {
    justify-content: space-between;
  }
  .col-justify-self-sm-between {
    justify-self: space-between;
  }
  .col-justify-sm-around {
    justify-content: space-around;
  }
  .col-justify-self-sm-around {
    justify-self: space-around;
  }
  .spacer-sm-inline {
    display: inline;
  }
  .spacer-w-sm-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-width: calc(0 * var(--base-spacing));
    width: calc(0 * var(--base-spacing));
  }
  .spacer-h-sm-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-height: calc(0 * var(--base-spacing));
    height: calc(0 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-width: calc(1 * var(--base-spacing));
    width: calc(1 * var(--base-spacing));
  }
  .spacer-h-sm-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-height: calc(1 * var(--base-spacing));
    height: calc(1 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-width: calc(2 * var(--base-spacing));
    width: calc(2 * var(--base-spacing));
  }
  .spacer-h-sm-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-height: calc(2 * var(--base-spacing));
    height: calc(2 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-width: calc(3 * var(--base-spacing));
    width: calc(3 * var(--base-spacing));
  }
  .spacer-h-sm-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-height: calc(3 * var(--base-spacing));
    height: calc(3 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-width: calc(4 * var(--base-spacing));
    width: calc(4 * var(--base-spacing));
  }
  .spacer-h-sm-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-height: calc(4 * var(--base-spacing));
    height: calc(4 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-width: calc(5 * var(--base-spacing));
    width: calc(5 * var(--base-spacing));
  }
  .spacer-h-sm-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-height: calc(5 * var(--base-spacing));
    height: calc(5 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-width: calc(6 * var(--base-spacing));
    width: calc(6 * var(--base-spacing));
  }
  .spacer-h-sm-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-height: calc(6 * var(--base-spacing));
    height: calc(6 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-width: calc(7 * var(--base-spacing));
    width: calc(7 * var(--base-spacing));
  }
  .spacer-h-sm-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-height: calc(7 * var(--base-spacing));
    height: calc(7 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-width: calc(8 * var(--base-spacing));
    width: calc(8 * var(--base-spacing));
  }
  .spacer-h-sm-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-height: calc(8 * var(--base-spacing));
    height: calc(8 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-width: calc(9 * var(--base-spacing));
    width: calc(9 * var(--base-spacing));
  }
  .spacer-h-sm-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-height: calc(9 * var(--base-spacing));
    height: calc(9 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-width: calc(10 * var(--base-spacing));
    width: calc(10 * var(--base-spacing));
  }
  .spacer-h-sm-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-height: calc(10 * var(--base-spacing));
    height: calc(10 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-width: calc(11 * var(--base-spacing));
    width: calc(11 * var(--base-spacing));
  }
  .spacer-h-sm-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-height: calc(11 * var(--base-spacing));
    height: calc(11 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-width: calc(12 * var(--base-spacing));
    width: calc(12 * var(--base-spacing));
  }
  .spacer-h-sm-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-height: calc(12 * var(--base-spacing));
    height: calc(12 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-sm-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-width: calc(0.5 * var(--base-spacing));
    width: calc(0.5 * var(--base-spacing));
  }
  .spacer-h-sm-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-height: calc(0.5 * var(--base-spacing));
    height: calc(0.5 * var(--base-spacing));
    width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 99999;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-inline {
    display: inline;
  }
  .d-sm-none {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .container {
    padding-left: var(--container-padding-md);
    padding-right: var(--container-padding-md);
    width: var(--container-md);
  }
  :root {
    --current-row-gap: var(--gap-width-md);
  }
  .row {
    gap: var(--current-row-gap);
  }
  .row-md-nowrap {
    flex-wrap: nowrap;
  }
  .row-align-md-start {
    align-items: flex-start;
  }
  .row-align-md-center {
    align-items: center;
  }
  .row-align-md-end {
    align-items: flex-end;
  }
  .row-align-md-baseline {
    align-items: baseline;
  }
  .row-align-md-stretch {
    align-items: stretch;
  }
  .row-justify-md-start {
    justify-content: flex-start;
  }
  .row-justify-md-center {
    justify-content: center;
  }
  .row-justify-md-end {
    justify-content: flex-end;
  }
  .row-justify-md-between {
    justify-content: space-between;
  }
  .row-justify-md-around {
    justify-content: space-around;
  }
  .col-md-auto {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .col-md-max {
    flex: 0 0 max-content;
    max-width: max-content;
  }
  .col-md-min {
    flex: 0 0 min-content;
    max-width: min-content;
  }
  .col-md-1 {
    flex: 0 0 calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
    max-width: calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-offset-md-1 {
    margin-left: calc(100% / var(--columns) * 1 + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-md-2 {
    flex: 0 0 calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
    max-width: calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-offset-md-2 {
    margin-left: calc(100% / var(--columns) * 2 + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-md-3 {
    flex: 0 0 calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
    max-width: calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-offset-md-3 {
    margin-left: calc(100% / var(--columns) * 3 + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-md-4 {
    flex: 0 0 calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
    max-width: calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-offset-md-4 {
    margin-left: calc(100% / var(--columns) * 4 + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-md-5 {
    flex: 0 0 calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
    max-width: calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-offset-md-5 {
    margin-left: calc(100% / var(--columns) * 5 + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-md-6 {
    flex: 0 0 calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
    max-width: calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-offset-md-6 {
    margin-left: calc(100% / var(--columns) * 6 + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-md-7 {
    flex: 0 0 calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
    max-width: calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-offset-md-7 {
    margin-left: calc(100% / var(--columns) * 7 + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-md-8 {
    flex: 0 0 calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
    max-width: calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-offset-md-8 {
    margin-left: calc(100% / var(--columns) * 8 + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-md-9 {
    flex: 0 0 calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
    max-width: calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-offset-md-9 {
    margin-left: calc(100% / var(--columns) * 9 + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-md-10 {
    flex: 0 0 calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
    max-width: calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-offset-md-10 {
    margin-left: calc(100% / var(--columns) * 10 + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-md-11 {
    flex: 0 0 calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
    max-width: calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-offset-md-11 {
    margin-left: calc(100% / var(--columns) * 11 + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-md-12 {
    flex: 0 0 calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
    max-width: calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-offset-md-12 {
    margin-left: calc(100% / var(--columns) * 12 + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-align-md-start {
    align-items: flex-start;
  }
  .col-align-self-md-start {
    align-self: flex-start;
  }
  .col-align-md-center {
    align-items: center;
  }
  .col-align-self-md-center {
    align-self: center;
  }
  .col-align-md-end {
    align-items: flex-end;
  }
  .col-align-self-md-end {
    align-self: flex-end;
  }
  .col-align-md-baseline {
    align-items: baseline;
  }
  .col-align-self-md-baseline {
    align-self: baseline;
  }
  .col-align-md-stretch {
    align-items: stretch;
  }
  .col-align-self-md-stretch {
    align-self: stretch;
  }
  .col-justify-md-start {
    justify-content: flex-start;
  }
  .col-justify-self-md-start {
    justify-self: flex-start;
  }
  .col-justify-md-center {
    justify-content: center;
  }
  .col-justify-self-md-center {
    justify-self: center;
  }
  .col-justify-md-end {
    justify-content: flex-end;
  }
  .col-justify-self-md-end {
    justify-self: flex-end;
  }
  .col-justify-md-between {
    justify-content: space-between;
  }
  .col-justify-self-md-between {
    justify-self: space-between;
  }
  .col-justify-md-around {
    justify-content: space-around;
  }
  .col-justify-self-md-around {
    justify-self: space-around;
  }
  .spacer-md-inline {
    display: inline;
  }
  .spacer-w-md-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-width: calc(0 * var(--base-spacing));
    width: calc(0 * var(--base-spacing));
  }
  .spacer-h-md-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-height: calc(0 * var(--base-spacing));
    height: calc(0 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-width: calc(1 * var(--base-spacing));
    width: calc(1 * var(--base-spacing));
  }
  .spacer-h-md-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-height: calc(1 * var(--base-spacing));
    height: calc(1 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-width: calc(2 * var(--base-spacing));
    width: calc(2 * var(--base-spacing));
  }
  .spacer-h-md-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-height: calc(2 * var(--base-spacing));
    height: calc(2 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-width: calc(3 * var(--base-spacing));
    width: calc(3 * var(--base-spacing));
  }
  .spacer-h-md-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-height: calc(3 * var(--base-spacing));
    height: calc(3 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-width: calc(4 * var(--base-spacing));
    width: calc(4 * var(--base-spacing));
  }
  .spacer-h-md-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-height: calc(4 * var(--base-spacing));
    height: calc(4 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-width: calc(5 * var(--base-spacing));
    width: calc(5 * var(--base-spacing));
  }
  .spacer-h-md-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-height: calc(5 * var(--base-spacing));
    height: calc(5 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-width: calc(6 * var(--base-spacing));
    width: calc(6 * var(--base-spacing));
  }
  .spacer-h-md-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-height: calc(6 * var(--base-spacing));
    height: calc(6 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-width: calc(7 * var(--base-spacing));
    width: calc(7 * var(--base-spacing));
  }
  .spacer-h-md-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-height: calc(7 * var(--base-spacing));
    height: calc(7 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-width: calc(8 * var(--base-spacing));
    width: calc(8 * var(--base-spacing));
  }
  .spacer-h-md-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-height: calc(8 * var(--base-spacing));
    height: calc(8 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-width: calc(9 * var(--base-spacing));
    width: calc(9 * var(--base-spacing));
  }
  .spacer-h-md-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-height: calc(9 * var(--base-spacing));
    height: calc(9 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-width: calc(10 * var(--base-spacing));
    width: calc(10 * var(--base-spacing));
  }
  .spacer-h-md-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-height: calc(10 * var(--base-spacing));
    height: calc(10 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-width: calc(11 * var(--base-spacing));
    width: calc(11 * var(--base-spacing));
  }
  .spacer-h-md-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-height: calc(11 * var(--base-spacing));
    height: calc(11 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-width: calc(12 * var(--base-spacing));
    width: calc(12 * var(--base-spacing));
  }
  .spacer-h-md-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-height: calc(12 * var(--base-spacing));
    height: calc(12 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-md-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-width: calc(0.5 * var(--base-spacing));
    width: calc(0.5 * var(--base-spacing));
  }
  .spacer-h-md-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-height: calc(0.5 * var(--base-spacing));
    height: calc(0.5 * var(--base-spacing));
    width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 99999;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .d-md-block {
    display: block;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-inline {
    display: inline;
  }
  .d-md-none {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    padding-left: var(--container-padding-lg);
    padding-right: var(--container-padding-lg);
    width: var(--container-lg);
  }
  :root {
    --current-row-gap: var(--gap-width-lg);
  }
  .row {
    gap: var(--current-row-gap);
  }
  .row-lg-nowrap {
    flex-wrap: nowrap;
  }
  .row-align-lg-start {
    align-items: flex-start;
  }
  .row-align-lg-center {
    align-items: center;
  }
  .row-align-lg-end {
    align-items: flex-end;
  }
  .row-align-lg-baseline {
    align-items: baseline;
  }
  .row-align-lg-stretch {
    align-items: stretch;
  }
  .row-justify-lg-start {
    justify-content: flex-start;
  }
  .row-justify-lg-center {
    justify-content: center;
  }
  .row-justify-lg-end {
    justify-content: flex-end;
  }
  .row-justify-lg-between {
    justify-content: space-between;
  }
  .row-justify-lg-around {
    justify-content: space-around;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .col-lg-max {
    flex: 0 0 max-content;
    max-width: max-content;
  }
  .col-lg-min {
    flex: 0 0 min-content;
    max-width: min-content;
  }
  .col-lg-1 {
    flex: 0 0 calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
    max-width: calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-offset-lg-1 {
    margin-left: calc(100% / var(--columns) * 1 + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-lg-2 {
    flex: 0 0 calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
    max-width: calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-offset-lg-2 {
    margin-left: calc(100% / var(--columns) * 2 + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-lg-3 {
    flex: 0 0 calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
    max-width: calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-offset-lg-3 {
    margin-left: calc(100% / var(--columns) * 3 + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-lg-4 {
    flex: 0 0 calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
    max-width: calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-offset-lg-4 {
    margin-left: calc(100% / var(--columns) * 4 + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-lg-5 {
    flex: 0 0 calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
    max-width: calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-offset-lg-5 {
    margin-left: calc(100% / var(--columns) * 5 + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-lg-6 {
    flex: 0 0 calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
    max-width: calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-offset-lg-6 {
    margin-left: calc(100% / var(--columns) * 6 + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-lg-7 {
    flex: 0 0 calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
    max-width: calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-offset-lg-7 {
    margin-left: calc(100% / var(--columns) * 7 + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-lg-8 {
    flex: 0 0 calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
    max-width: calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-offset-lg-8 {
    margin-left: calc(100% / var(--columns) * 8 + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-lg-9 {
    flex: 0 0 calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
    max-width: calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-offset-lg-9 {
    margin-left: calc(100% / var(--columns) * 9 + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-lg-10 {
    flex: 0 0 calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
    max-width: calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-offset-lg-10 {
    margin-left: calc(100% / var(--columns) * 10 + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-lg-11 {
    flex: 0 0 calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
    max-width: calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-offset-lg-11 {
    margin-left: calc(100% / var(--columns) * 11 + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-lg-12 {
    flex: 0 0 calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
    max-width: calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-offset-lg-12 {
    margin-left: calc(100% / var(--columns) * 12 + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-align-lg-start {
    align-items: flex-start;
  }
  .col-align-self-lg-start {
    align-self: flex-start;
  }
  .col-align-lg-center {
    align-items: center;
  }
  .col-align-self-lg-center {
    align-self: center;
  }
  .col-align-lg-end {
    align-items: flex-end;
  }
  .col-align-self-lg-end {
    align-self: flex-end;
  }
  .col-align-lg-baseline {
    align-items: baseline;
  }
  .col-align-self-lg-baseline {
    align-self: baseline;
  }
  .col-align-lg-stretch {
    align-items: stretch;
  }
  .col-align-self-lg-stretch {
    align-self: stretch;
  }
  .col-justify-lg-start {
    justify-content: flex-start;
  }
  .col-justify-self-lg-start {
    justify-self: flex-start;
  }
  .col-justify-lg-center {
    justify-content: center;
  }
  .col-justify-self-lg-center {
    justify-self: center;
  }
  .col-justify-lg-end {
    justify-content: flex-end;
  }
  .col-justify-self-lg-end {
    justify-self: flex-end;
  }
  .col-justify-lg-between {
    justify-content: space-between;
  }
  .col-justify-self-lg-between {
    justify-self: space-between;
  }
  .col-justify-lg-around {
    justify-content: space-around;
  }
  .col-justify-self-lg-around {
    justify-self: space-around;
  }
  .spacer-lg-inline {
    display: inline;
  }
  .spacer-w-lg-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-width: calc(0 * var(--base-spacing));
    width: calc(0 * var(--base-spacing));
  }
  .spacer-h-lg-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-height: calc(0 * var(--base-spacing));
    height: calc(0 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-width: calc(1 * var(--base-spacing));
    width: calc(1 * var(--base-spacing));
  }
  .spacer-h-lg-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-height: calc(1 * var(--base-spacing));
    height: calc(1 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-width: calc(2 * var(--base-spacing));
    width: calc(2 * var(--base-spacing));
  }
  .spacer-h-lg-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-height: calc(2 * var(--base-spacing));
    height: calc(2 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-width: calc(3 * var(--base-spacing));
    width: calc(3 * var(--base-spacing));
  }
  .spacer-h-lg-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-height: calc(3 * var(--base-spacing));
    height: calc(3 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-width: calc(4 * var(--base-spacing));
    width: calc(4 * var(--base-spacing));
  }
  .spacer-h-lg-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-height: calc(4 * var(--base-spacing));
    height: calc(4 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-width: calc(5 * var(--base-spacing));
    width: calc(5 * var(--base-spacing));
  }
  .spacer-h-lg-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-height: calc(5 * var(--base-spacing));
    height: calc(5 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-width: calc(6 * var(--base-spacing));
    width: calc(6 * var(--base-spacing));
  }
  .spacer-h-lg-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-height: calc(6 * var(--base-spacing));
    height: calc(6 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-width: calc(7 * var(--base-spacing));
    width: calc(7 * var(--base-spacing));
  }
  .spacer-h-lg-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-height: calc(7 * var(--base-spacing));
    height: calc(7 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-width: calc(8 * var(--base-spacing));
    width: calc(8 * var(--base-spacing));
  }
  .spacer-h-lg-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-height: calc(8 * var(--base-spacing));
    height: calc(8 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-width: calc(9 * var(--base-spacing));
    width: calc(9 * var(--base-spacing));
  }
  .spacer-h-lg-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-height: calc(9 * var(--base-spacing));
    height: calc(9 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-width: calc(10 * var(--base-spacing));
    width: calc(10 * var(--base-spacing));
  }
  .spacer-h-lg-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-height: calc(10 * var(--base-spacing));
    height: calc(10 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-width: calc(11 * var(--base-spacing));
    width: calc(11 * var(--base-spacing));
  }
  .spacer-h-lg-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-height: calc(11 * var(--base-spacing));
    height: calc(11 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-width: calc(12 * var(--base-spacing));
    width: calc(12 * var(--base-spacing));
  }
  .spacer-h-lg-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-height: calc(12 * var(--base-spacing));
    height: calc(12 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-lg-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-width: calc(0.5 * var(--base-spacing));
    width: calc(0.5 * var(--base-spacing));
  }
  .spacer-h-lg-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-height: calc(0.5 * var(--base-spacing));
    height: calc(0.5 * var(--base-spacing));
    width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 99999;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-inline {
    display: inline;
  }
  .d-lg-none {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    padding-left: var(--container-padding-xl);
    padding-right: var(--container-padding-xl);
    width: var(--container-xl);
  }
  :root {
    --current-row-gap: var(--gap-width-xl);
  }
  .row {
    gap: var(--current-row-gap);
  }
  .row-xl-nowrap {
    flex-wrap: nowrap;
  }
  .row-align-xl-start {
    align-items: flex-start;
  }
  .row-align-xl-center {
    align-items: center;
  }
  .row-align-xl-end {
    align-items: flex-end;
  }
  .row-align-xl-baseline {
    align-items: baseline;
  }
  .row-align-xl-stretch {
    align-items: stretch;
  }
  .row-justify-xl-start {
    justify-content: flex-start;
  }
  .row-justify-xl-center {
    justify-content: center;
  }
  .row-justify-xl-end {
    justify-content: flex-end;
  }
  .row-justify-xl-between {
    justify-content: space-between;
  }
  .row-justify-xl-around {
    justify-content: space-around;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .col-xl-max {
    flex: 0 0 max-content;
    max-width: max-content;
  }
  .col-xl-min {
    flex: 0 0 min-content;
    max-width: min-content;
  }
  .col-xl-1 {
    flex: 0 0 calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
    max-width: calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-offset-xl-1 {
    margin-left: calc(100% / var(--columns) * 1 + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-xl-2 {
    flex: 0 0 calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
    max-width: calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-offset-xl-2 {
    margin-left: calc(100% / var(--columns) * 2 + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-xl-3 {
    flex: 0 0 calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
    max-width: calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-offset-xl-3 {
    margin-left: calc(100% / var(--columns) * 3 + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-xl-4 {
    flex: 0 0 calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
    max-width: calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-offset-xl-4 {
    margin-left: calc(100% / var(--columns) * 4 + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-xl-5 {
    flex: 0 0 calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
    max-width: calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-offset-xl-5 {
    margin-left: calc(100% / var(--columns) * 5 + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-xl-6 {
    flex: 0 0 calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
    max-width: calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-offset-xl-6 {
    margin-left: calc(100% / var(--columns) * 6 + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-xl-7 {
    flex: 0 0 calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
    max-width: calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-offset-xl-7 {
    margin-left: calc(100% / var(--columns) * 7 + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-xl-8 {
    flex: 0 0 calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
    max-width: calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-offset-xl-8 {
    margin-left: calc(100% / var(--columns) * 8 + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-xl-9 {
    flex: 0 0 calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
    max-width: calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-offset-xl-9 {
    margin-left: calc(100% / var(--columns) * 9 + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-xl-10 {
    flex: 0 0 calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
    max-width: calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-offset-xl-10 {
    margin-left: calc(100% / var(--columns) * 10 + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-xl-11 {
    flex: 0 0 calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
    max-width: calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-offset-xl-11 {
    margin-left: calc(100% / var(--columns) * 11 + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-xl-12 {
    flex: 0 0 calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
    max-width: calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-offset-xl-12 {
    margin-left: calc(100% / var(--columns) * 12 + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-align-xl-start {
    align-items: flex-start;
  }
  .col-align-self-xl-start {
    align-self: flex-start;
  }
  .col-align-xl-center {
    align-items: center;
  }
  .col-align-self-xl-center {
    align-self: center;
  }
  .col-align-xl-end {
    align-items: flex-end;
  }
  .col-align-self-xl-end {
    align-self: flex-end;
  }
  .col-align-xl-baseline {
    align-items: baseline;
  }
  .col-align-self-xl-baseline {
    align-self: baseline;
  }
  .col-align-xl-stretch {
    align-items: stretch;
  }
  .col-align-self-xl-stretch {
    align-self: stretch;
  }
  .col-justify-xl-start {
    justify-content: flex-start;
  }
  .col-justify-self-xl-start {
    justify-self: flex-start;
  }
  .col-justify-xl-center {
    justify-content: center;
  }
  .col-justify-self-xl-center {
    justify-self: center;
  }
  .col-justify-xl-end {
    justify-content: flex-end;
  }
  .col-justify-self-xl-end {
    justify-self: flex-end;
  }
  .col-justify-xl-between {
    justify-content: space-between;
  }
  .col-justify-self-xl-between {
    justify-self: space-between;
  }
  .col-justify-xl-around {
    justify-content: space-around;
  }
  .col-justify-self-xl-around {
    justify-self: space-around;
  }
  .spacer-xl-inline {
    display: inline;
  }
  .spacer-w-xl-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-width: calc(0 * var(--base-spacing));
    width: calc(0 * var(--base-spacing));
  }
  .spacer-h-xl-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-height: calc(0 * var(--base-spacing));
    height: calc(0 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-width: calc(1 * var(--base-spacing));
    width: calc(1 * var(--base-spacing));
  }
  .spacer-h-xl-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-height: calc(1 * var(--base-spacing));
    height: calc(1 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-width: calc(2 * var(--base-spacing));
    width: calc(2 * var(--base-spacing));
  }
  .spacer-h-xl-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-height: calc(2 * var(--base-spacing));
    height: calc(2 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-width: calc(3 * var(--base-spacing));
    width: calc(3 * var(--base-spacing));
  }
  .spacer-h-xl-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-height: calc(3 * var(--base-spacing));
    height: calc(3 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-width: calc(4 * var(--base-spacing));
    width: calc(4 * var(--base-spacing));
  }
  .spacer-h-xl-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-height: calc(4 * var(--base-spacing));
    height: calc(4 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-width: calc(5 * var(--base-spacing));
    width: calc(5 * var(--base-spacing));
  }
  .spacer-h-xl-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-height: calc(5 * var(--base-spacing));
    height: calc(5 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-width: calc(6 * var(--base-spacing));
    width: calc(6 * var(--base-spacing));
  }
  .spacer-h-xl-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-height: calc(6 * var(--base-spacing));
    height: calc(6 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-width: calc(7 * var(--base-spacing));
    width: calc(7 * var(--base-spacing));
  }
  .spacer-h-xl-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-height: calc(7 * var(--base-spacing));
    height: calc(7 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-width: calc(8 * var(--base-spacing));
    width: calc(8 * var(--base-spacing));
  }
  .spacer-h-xl-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-height: calc(8 * var(--base-spacing));
    height: calc(8 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-width: calc(9 * var(--base-spacing));
    width: calc(9 * var(--base-spacing));
  }
  .spacer-h-xl-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-height: calc(9 * var(--base-spacing));
    height: calc(9 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-width: calc(10 * var(--base-spacing));
    width: calc(10 * var(--base-spacing));
  }
  .spacer-h-xl-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-height: calc(10 * var(--base-spacing));
    height: calc(10 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-width: calc(11 * var(--base-spacing));
    width: calc(11 * var(--base-spacing));
  }
  .spacer-h-xl-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-height: calc(11 * var(--base-spacing));
    height: calc(11 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-width: calc(12 * var(--base-spacing));
    width: calc(12 * var(--base-spacing));
  }
  .spacer-h-xl-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-height: calc(12 * var(--base-spacing));
    height: calc(12 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xl-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-width: calc(0.5 * var(--base-spacing));
    width: calc(0.5 * var(--base-spacing));
  }
  .spacer-h-xl-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-height: calc(0.5 * var(--base-spacing));
    height: calc(0.5 * var(--base-spacing));
    width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 99999;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-inline {
    display: inline;
  }
  .d-xl-none {
    display: none;
  }
}
@media only screen and (min-width: 1600px) {
  .container {
    padding-left: var(--container-padding-xxl);
    padding-right: var(--container-padding-xxl);
    width: var(--container-xxl);
  }
  :root {
    --current-row-gap: var(--gap-width-xxl);
  }
  .row {
    gap: var(--current-row-gap);
  }
  .row-xxl-nowrap {
    flex-wrap: nowrap;
  }
  .row-align-xxl-start {
    align-items: flex-start;
  }
  .row-align-xxl-center {
    align-items: center;
  }
  .row-align-xxl-end {
    align-items: flex-end;
  }
  .row-align-xxl-baseline {
    align-items: baseline;
  }
  .row-align-xxl-stretch {
    align-items: stretch;
  }
  .row-justify-xxl-start {
    justify-content: flex-start;
  }
  .row-justify-xxl-center {
    justify-content: center;
  }
  .row-justify-xxl-end {
    justify-content: flex-end;
  }
  .row-justify-xxl-between {
    justify-content: space-between;
  }
  .row-justify-xxl-around {
    justify-content: space-around;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .col-xxl-max {
    flex: 0 0 max-content;
    max-width: max-content;
  }
  .col-xxl-min {
    flex: 0 0 min-content;
    max-width: min-content;
  }
  .col-xxl-1 {
    flex: 0 0 calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
    max-width: calc(100% / var(--columns) * 1 - var(--current-row-gap) + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-offset-xxl-1 {
    margin-left: calc(100% / var(--columns) * 1 + var(--current-row-gap) * 1 / var(--columns));
  }
  .col-xxl-2 {
    flex: 0 0 calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
    max-width: calc(100% / var(--columns) * 2 - var(--current-row-gap) + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-offset-xxl-2 {
    margin-left: calc(100% / var(--columns) * 2 + var(--current-row-gap) * 2 / var(--columns));
  }
  .col-xxl-3 {
    flex: 0 0 calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
    max-width: calc(100% / var(--columns) * 3 - var(--current-row-gap) + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-offset-xxl-3 {
    margin-left: calc(100% / var(--columns) * 3 + var(--current-row-gap) * 3 / var(--columns));
  }
  .col-xxl-4 {
    flex: 0 0 calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
    max-width: calc(100% / var(--columns) * 4 - var(--current-row-gap) + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-offset-xxl-4 {
    margin-left: calc(100% / var(--columns) * 4 + var(--current-row-gap) * 4 / var(--columns));
  }
  .col-xxl-5 {
    flex: 0 0 calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
    max-width: calc(100% / var(--columns) * 5 - var(--current-row-gap) + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-offset-xxl-5 {
    margin-left: calc(100% / var(--columns) * 5 + var(--current-row-gap) * 5 / var(--columns));
  }
  .col-xxl-6 {
    flex: 0 0 calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
    max-width: calc(100% / var(--columns) * 6 - var(--current-row-gap) + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-offset-xxl-6 {
    margin-left: calc(100% / var(--columns) * 6 + var(--current-row-gap) * 6 / var(--columns));
  }
  .col-xxl-7 {
    flex: 0 0 calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
    max-width: calc(100% / var(--columns) * 7 - var(--current-row-gap) + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-offset-xxl-7 {
    margin-left: calc(100% / var(--columns) * 7 + var(--current-row-gap) * 7 / var(--columns));
  }
  .col-xxl-8 {
    flex: 0 0 calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
    max-width: calc(100% / var(--columns) * 8 - var(--current-row-gap) + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-offset-xxl-8 {
    margin-left: calc(100% / var(--columns) * 8 + var(--current-row-gap) * 8 / var(--columns));
  }
  .col-xxl-9 {
    flex: 0 0 calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
    max-width: calc(100% / var(--columns) * 9 - var(--current-row-gap) + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-offset-xxl-9 {
    margin-left: calc(100% / var(--columns) * 9 + var(--current-row-gap) * 9 / var(--columns));
  }
  .col-xxl-10 {
    flex: 0 0 calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
    max-width: calc(100% / var(--columns) * 10 - var(--current-row-gap) + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-offset-xxl-10 {
    margin-left: calc(100% / var(--columns) * 10 + var(--current-row-gap) * 10 / var(--columns));
  }
  .col-xxl-11 {
    flex: 0 0 calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
    max-width: calc(100% / var(--columns) * 11 - var(--current-row-gap) + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-offset-xxl-11 {
    margin-left: calc(100% / var(--columns) * 11 + var(--current-row-gap) * 11 / var(--columns));
  }
  .col-xxl-12 {
    flex: 0 0 calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
    max-width: calc(100% / var(--columns) * 12 - var(--current-row-gap) + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-offset-xxl-12 {
    margin-left: calc(100% / var(--columns) * 12 + var(--current-row-gap) * 12 / var(--columns));
  }
  .col-align-xxl-start {
    align-items: flex-start;
  }
  .col-align-self-xxl-start {
    align-self: flex-start;
  }
  .col-align-xxl-center {
    align-items: center;
  }
  .col-align-self-xxl-center {
    align-self: center;
  }
  .col-align-xxl-end {
    align-items: flex-end;
  }
  .col-align-self-xxl-end {
    align-self: flex-end;
  }
  .col-align-xxl-baseline {
    align-items: baseline;
  }
  .col-align-self-xxl-baseline {
    align-self: baseline;
  }
  .col-align-xxl-stretch {
    align-items: stretch;
  }
  .col-align-self-xxl-stretch {
    align-self: stretch;
  }
  .col-justify-xxl-start {
    justify-content: flex-start;
  }
  .col-justify-self-xxl-start {
    justify-self: flex-start;
  }
  .col-justify-xxl-center {
    justify-content: center;
  }
  .col-justify-self-xxl-center {
    justify-self: center;
  }
  .col-justify-xxl-end {
    justify-content: flex-end;
  }
  .col-justify-self-xxl-end {
    justify-self: flex-end;
  }
  .col-justify-xxl-between {
    justify-content: space-between;
  }
  .col-justify-self-xxl-between {
    justify-self: space-between;
  }
  .col-justify-xxl-around {
    justify-content: space-around;
  }
  .col-justify-self-xxl-around {
    justify-self: space-around;
  }
  .spacer-xxl-inline {
    display: inline;
  }
  .spacer-w-xxl-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-width: calc(0 * var(--base-spacing));
    width: calc(0 * var(--base-spacing));
  }
  .spacer-h-xxl-0 {
    flex: 0 0 calc(0 * var(--base-spacing));
    max-height: calc(0 * var(--base-spacing));
    height: calc(0 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-width: calc(1 * var(--base-spacing));
    width: calc(1 * var(--base-spacing));
  }
  .spacer-h-xxl-1 {
    flex: 0 0 calc(1 * var(--base-spacing));
    max-height: calc(1 * var(--base-spacing));
    height: calc(1 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-width: calc(2 * var(--base-spacing));
    width: calc(2 * var(--base-spacing));
  }
  .spacer-h-xxl-2 {
    flex: 0 0 calc(2 * var(--base-spacing));
    max-height: calc(2 * var(--base-spacing));
    height: calc(2 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-width: calc(3 * var(--base-spacing));
    width: calc(3 * var(--base-spacing));
  }
  .spacer-h-xxl-3 {
    flex: 0 0 calc(3 * var(--base-spacing));
    max-height: calc(3 * var(--base-spacing));
    height: calc(3 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-width: calc(4 * var(--base-spacing));
    width: calc(4 * var(--base-spacing));
  }
  .spacer-h-xxl-4 {
    flex: 0 0 calc(4 * var(--base-spacing));
    max-height: calc(4 * var(--base-spacing));
    height: calc(4 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-width: calc(5 * var(--base-spacing));
    width: calc(5 * var(--base-spacing));
  }
  .spacer-h-xxl-5 {
    flex: 0 0 calc(5 * var(--base-spacing));
    max-height: calc(5 * var(--base-spacing));
    height: calc(5 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-width: calc(6 * var(--base-spacing));
    width: calc(6 * var(--base-spacing));
  }
  .spacer-h-xxl-6 {
    flex: 0 0 calc(6 * var(--base-spacing));
    max-height: calc(6 * var(--base-spacing));
    height: calc(6 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-width: calc(7 * var(--base-spacing));
    width: calc(7 * var(--base-spacing));
  }
  .spacer-h-xxl-7 {
    flex: 0 0 calc(7 * var(--base-spacing));
    max-height: calc(7 * var(--base-spacing));
    height: calc(7 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-width: calc(8 * var(--base-spacing));
    width: calc(8 * var(--base-spacing));
  }
  .spacer-h-xxl-8 {
    flex: 0 0 calc(8 * var(--base-spacing));
    max-height: calc(8 * var(--base-spacing));
    height: calc(8 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-width: calc(9 * var(--base-spacing));
    width: calc(9 * var(--base-spacing));
  }
  .spacer-h-xxl-9 {
    flex: 0 0 calc(9 * var(--base-spacing));
    max-height: calc(9 * var(--base-spacing));
    height: calc(9 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-width: calc(10 * var(--base-spacing));
    width: calc(10 * var(--base-spacing));
  }
  .spacer-h-xxl-10 {
    flex: 0 0 calc(10 * var(--base-spacing));
    max-height: calc(10 * var(--base-spacing));
    height: calc(10 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-width: calc(11 * var(--base-spacing));
    width: calc(11 * var(--base-spacing));
  }
  .spacer-h-xxl-11 {
    flex: 0 0 calc(11 * var(--base-spacing));
    max-height: calc(11 * var(--base-spacing));
    height: calc(11 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-width: calc(12 * var(--base-spacing));
    width: calc(12 * var(--base-spacing));
  }
  .spacer-h-xxl-12 {
    flex: 0 0 calc(12 * var(--base-spacing));
    max-height: calc(12 * var(--base-spacing));
    height: calc(12 * var(--base-spacing));
    width: 100%;
  }
  .spacer-w-xxl-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-width: calc(0.5 * var(--base-spacing));
    width: calc(0.5 * var(--base-spacing));
  }
  .spacer-h-xxl-half {
    flex: 0 0 calc(0.5 * var(--base-spacing));
    max-height: calc(0.5 * var(--base-spacing));
    height: calc(0.5 * var(--base-spacing));
    width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 99999;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .d-xxl-block {
    display: block;
  }
  .d-xxl-flex {
    display: flex;
  }
  .d-xxl-inline {
    display: inline;
  }
  .d-xxl-none {
    display: none;
  }
}
:root {
  --primaryFontColor: #FFFFFF;
  --secondaryFontColor: #000000;
  --tertiaryFontColor: rgba(255, 255, 255, 0.50);
  --primaryBlack: #000000;
  --darkBlue: #0C2340;
  --primaryWhite: #FFFFFF;
  --lightGrey: rgba(0, 0, 0, 0.30);
  --darkGrey: rgba(0, 0, 0, 0.60);
  --blackBlue: #021020;
  --coolGray: #85919F;
  --lightCoolGray: #f3f4f5;
  --mint: #0AC8BE;
  --red: #F75555;
}

@font-face {
  font-display: swap;
  font-family: TradeGothicLight;
  font-weight: 400;
  src: url("../fonts/TradeGothicNextLTW05-Light.woff2") format("woff2"), url("../fonts/TradeGothicNextLTW05-Light.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: TradeGothicRg;
  font-weight: 400;
  src: url("../fonts/TradeGothicNextLTW05-Rg.woff2") format("woff2"), url("../fonts/TradeGothicNextLTW05-Rg.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: TradeGothicBold;
  font-weight: 700;
  src: url("../fonts/TradeGothicNextLTW05-Bold.woff2") format("woff2"), url("../fonts/TradeGothicNextLTW05-Bold.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: TradeGothicCond;
  font-weight: 400;
  src: url("../fonts/TradeGothicNextLTW05-Cond.woff2") format("woff2"), url("../fonts/TradeGothicNextLTW05-Cond.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: TradeGothicBoldCond;
  font-weight: 700;
  src: url("../fonts/TradeGothicNextLTW05-BoldCn.woff2") format("woff2"), url("../fonts/TradeGothicNextLTW05-BoldCn.woff") format("woff");
}
.button-wrapper__continue button {
  background-color: var(--mint) !important;
  color: var(--primaryFontColor);
  text-transform: uppercase;
  padding-inline: 1.5rem;
  padding-block: 1.2rem;
  border-radius: 0;
  font-family: "TradeGothicBoldCond";
  font-size: 1.4rem;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .button-wrapper__continue button {
    width: fit-content;
  }
}
.button-wrapper__continue button:hover {
  color: var(--secondaryFontColor);
}
.button-wrapper__submit button {
  height: 6rem;
  font-size: 1.8rem;
  font-family: "TradeGothicCond";
  background-color: var(--lightCoolGray) !important;
  color: var(--coolGray);
  border: none;
  outline: none;
  border-radius: 0;
}
.button-wrapper__submit button:enabled {
  background-color: var(--mint) !important;
  cursor: pointer;
  color: var(--primaryFontColor);
}
.button-wrapper__simple {
  height: 6rem;
  width: 100%;
  display: block;
}
.button-wrapper__simple a {
  height: 6rem;
  width: 100%;
  font-size: 1.8rem;
  font-family: "TradeGothicCond";
  border: none;
  outline: none;
  border-radius: 0;
  background-color: var(--mint) !important;
  cursor: pointer;
  color: var(--primaryFontColor);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.button-wrapper__link {
  width: min-content;
}
.button-wrapper__link a {
  text-decoration: none;
  color: var(--secondaryFontColor);
  font-size: 1.6rem;
  width: fit-content;
  display: inline-block;
  justify-self: normal;
}
.button-wrapper__link a:hover {
  color: var(--mint) !important;
}
.button-wrapper__link a:hover::after {
  background-color: var(--mint) !important;
}
.button-wrapper__link a::after {
  content: "";
  display: block;
  position: relative;
  top: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--secondaryFontColor);
}
.button-wrapper__link.secondary a {
  color: var(--coolGray);
  justify-self: center;
}
.button-wrapper__link.secondary a::after {
  background-color: var(--coolGray);
}
.button-wrapper__link.tertiary a {
  color: var(--secondaryFontColor);
}
@media only screen and (min-width: 992px) {
  .button-wrapper__link.tertiary a {
    color: var(--primaryFontColor);
  }
}
.button-wrapper__link.tertiary a::after {
  background-color: var(--secondaryFontColor);
}
@media only screen and (min-width: 992px) {
  .button-wrapper__link.tertiary a::after {
    background-color: var(--primaryFontColor);
  }
}

.button-wrapper:has(.tertiary) {
  display: inline-block;
}

.button-wrapper:has(.button-wrapper__simple) {
  display: inline-block;
  width: 100%;
}

.input-field {
  color: var(--darkGrey);
}
.input-field:focus {
  color: black;
}
.input-field.error {
  color: var(--red);
}
.input-field.error .pf-v5-c-input-group {
  border: 1px solid var(--red);
}
.input-field.error .pf-v5-c-input-group.focused, .input-field.error .pf-v5-c-input-group:hover {
  border: 1px solid var(--red);
}
.input-field.error:focus {
  color: var(--red);
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control {
  border: none;
}
.input-field .pf-v5-c-input-group {
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
}
.input-field .pf-v5-c-input-group > * {
  border: none;
}
.input-field .pf-v5-c-input-group button {
  background-color: transparent;
  padding-inline: 2rem;
}
.input-field .pf-v5-c-input-group button i::after {
  border: none;
}
.input-field .pf-v5-c-input-group::after {
  border: none;
}
.input-field .pf-v5-c-input-group.focused, .input-field .pf-v5-c-input-group:hover {
  border: 1px solid rgb(0, 0, 0);
}
.input-field .pf-v5-c-input-group .pf-v5-c-button:after {
  border: none;
}
.input-field .pf-v5-c-input-group .pf-v5-c-form__label {
  height: auto;
  display: block;
  position: absolute;
  left: 1.3rem;
  background-color: var(--primaryWhite);
  z-index: 5;
  width: fit-content;
  padding-inline: 6px;
  font-size: 1.4rem;
  top: -1.2rem;
  opacity: 1;
  transition: top 0.3s, opacity 0.3s;
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control {
  background-color: transparent;
  outline: none;
  height: 6rem;
  font-size: 1.6rem;
  font-family: "TradeGothicLight";
  padding: 2rem;
  color: var(--secondaryFontColor);
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control:placeholder-shown + .pf-v5-c-form__label {
  opacity: 0;
  top: 2rem;
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control:focus {
  outline: none;
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control:focus::placeholder {
  color: var(--secondaryFontColor);
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control:hover::placeholder {
  color: var(--secondaryFontColor);
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control.error {
  color: var(--red);
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control.error::placeholder {
  color: var(--red);
}
.input-field .pf-v5-c-input-group .pf-v5-c-form-control::after {
  border: none;
}
.input-field .pf-m-error {
  color: var(--red);
  font-size: 1.2rem;
  padding-inline-start: 1rem;
  padding-block-start: 0.2rem;
}
.input-field .warning-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline-end: 2rem;
}
.input-field .warning-box #warning {
  border: none;
  width: 100%;
}
.input-field .info:hover {
  cursor: pointer;
}
.input-field .popover-wrapper {
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline: 2rem;
}
.input-field .popover {
  background-color: var(--darkBlue);
  border-radius: 0.8rem;
  color: var(--primaryFontColor);
  font-family: "TradeGothicRg";
  font-size: 1.2rem;
  inset: auto 0 calc(100% - 6px) auto;
  line-height: 2.2rem;
  max-width: 21rem;
  opacity: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  text-align: left;
  transition: opacity 0.15s ease-in-out, visibility 0.2s ease-in-out 0.2s, z-index 0s 0.2s ease-in-out;
  visibility: hidden;
  width: max-content;
}
.input-field .popover.show {
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
  visibility: visible;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .input-field .popover {
    bottom: auto;
    left: calc(100% - 0.5rem);
    top: 3rem;
    transform: translateY(-50%);
  }
}
.input-field .popover::before {
  border-color: var(--darkBlue) transparent transparent transparent;
  border-style: solid;
  border-width: 1rem;
  bottom: -2rem;
  content: "";
  display: block;
  height: 2rem;
  left: auto;
  position: absolute;
  right: 2rem;
  width: 2rem;
}
@media only screen and (min-width: 769px) {
  .input-field .popover::before {
    left: -2rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 6rem;
  align-items: center;
  box-shadow: 0px 10px 30px -20px rgba(0, 0, 0, 0.3);
  background-color: var(--primaryWhite);
  z-index: 5;
  color: var(--secondaryFontColor);
}
@media only screen and (min-width: 992px) {
  .header {
    background-color: transparent;
    box-shadow: none;
    height: 9rem;
    color: var(--primaryFontColor);
  }
}
.header .container {
  width: 100%;
  padding-inline: 2rem;
  padding-block: 1.4rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .header .container {
    padding-inline: 2rem;
    width: 136rem;
  }
}
@media only screen and (min-width: 992px) {
  .header .container {
    padding-block: 2.4rem;
  }
}
.header .container .nav-action-container {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
@media only screen and (min-width: 769px) {
  .header .container .nav-action-container {
    gap: 6rem;
  }
}
@media only screen and (min-width: 769px) {
  .header .container .nav-action-container .language-switch {
    position: relative;
  }
}
.header .container .nav-action-container .language-switch #globe-svg, .header .container .nav-action-container .language-switch #languages__open-arrow {
  height: 1.7rem;
  width: 1.7rem;
  position: relative;
  top: 0.4rem;
  color: var(--secondaryFontColor);
}
@media only screen and (min-width: 992px) {
  .header .container .nav-action-container .language-switch #globe-svg, .header .container .nav-action-container .language-switch #languages__open-arrow {
    color: var(--primaryFontColor);
  }
}
.header .container .nav-action-container .language-switch #languages__open-arrow {
  height: 1.4rem;
  width: 1.4rem;
  top: 0.5rem;
  transform: rotate(-90deg);
}
.header .container .nav-action-container .language-switch #languages__popup-toggle {
  background-color: transparent;
  border: none;
  display: flex;
  gap: 0.6rem;
}
.header .container .nav-action-container .language-switch #languages__popup-toggle:focus {
  border: none;
}
.header .container .nav-action-container .language-switch #languages__popup-toggle span {
  font-family: "TradeGothicRg";
  font-size: 1.6rem;
  color: var(--secondaryFontColor);
}
@media only screen and (min-width: 992px) {
  .header .container .nav-action-container .language-switch #languages__popup-toggle span {
    color: var(--primaryFontColor);
  }
}
.header .container .nav-action-container .language-switch .languages__popup {
  display: none;
  background-color: var(--primaryWhite);
  padding: 2rem;
  position: absolute;
  right: calc(50dvw - 17.5rem);
  box-shadow: 0px 10px 30px -20px rgba(0, 0, 0, 0.3);
  top: 5.7rem;
}
@media only screen and (min-width: 769px) {
  .header .container .nav-action-container .language-switch .languages__popup {
    top: 4rem;
    right: 0rem;
  }
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-toggle2 {
  border: 1px solid var(--coolGray);
  color: var(--secondaryFontColor);
  background-color: transparent;
  padding: 2rem;
  width: 30rem;
  border-radius: 0;
  justify-content: space-between;
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-toggle2:hover {
  border: 1px solid var(--primaryBlack);
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-toggle2 span {
  font-family: "TradeGothicRg";
  font-size: 1.6rem;
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-toggle2 #container__open-arrow {
  height: 1.7rem;
  width: 1.7rem;
  position: relative;
  top: 0.2rem;
  color: var(--secondaryFontColor);
  transform: rotate(-90deg);
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-options {
  display: none;
  width: 30rem;
  font-family: "TradeGothicRg";
  font-size: 1.6rem;
  padding: 2rem;
  flex-direction: column;
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-options a {
  font-family: "TradeGothicRg";
  font-size: 1.6rem;
  cursor: pointer;
  color: var(--coolGray);
  padding-block: 1rem;
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-options a::after {
  display: none;
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-options a:hover {
  color: var(--secondaryFontColor);
}
.header .container .nav-action-container .language-switch .languages__popup #languages__popup-options a.selected {
  color: var(--mint);
}
.header div svg {
  width: 10.4rem;
  height: 2.1rem;
}
@media only screen and (min-width: 992px) {
  .header div svg {
    height: 3.5rem;
    width: 13rem;
  }
}
.header #arrowLink svg {
  width: 1.7rem;
  height: 1.3rem;
  display: inline;
}

.nfq-background {
  position: relative;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  display: block;
  z-index: -1;
}
.nfq-background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pf-v5-c-login {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.pf-v5-c-login .spacer05 {
  padding-block-end: 0.5rem;
}
.pf-v5-c-login .spacer1 {
  padding-block-end: 1rem;
}
.pf-v5-c-login .spacer2 {
  padding-block-end: 2rem;
}
.pf-v5-c-login .spacer3 {
  padding-block-end: 3rem;
}
.pf-v5-c-login .spacer4 {
  padding-block-start: 4rem;
}
.pf-v5-c-login .spacer6 {
  padding-block-start: 6rem;
}
@media only screen and (min-width: 769px) {
  .pf-v5-c-login {
    display: block;
  }
}

.pf-v5-c-login__wrapper {
  max-width: 136rem;
  width: 100%;
  position: relative;
  padding-block-start: 6rem;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .pf-v5-c-login__wrapper {
    position: absolute;
    top: 12rem;
    left: 50%;
    transform: translateX(-50%);
    padding-block: 0;
    padding-inline-start: 2rem;
  }
}
@media only screen and (min-width: 992px) {
  .pf-v5-c-login__wrapper {
    top: 11rem;
  }
}

.pf-v5-c-login__container {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0;
  padding-block: 6rem;
  padding-inline: 2rem;
  background-color: var(--primaryWhite);
  color: var(--secondaryFontColor);
}
@media only screen and (min-width: 769px) {
  .pf-v5-c-login__container {
    padding: 8rem;
    width: 48rem;
    max-width: 48rem;
  }
}
@media only screen and (min-width: 992px) {
  .pf-v5-c-login__container {
    width: 59rem;
    max-width: 59rem;
  }
}
@media only screen and (min-width: 1200px) {
  .pf-v5-c-login__container {
    width: 69.5rem;
    max-width: 69.5rem;
  }
}

.pf-v5-c-login__main {
  margin: 0;
  box-shadow: none;
  background-color: transparent;
}
.pf-v5-c-login__main .pf-v5-c-login__main-body {
  padding: 0;
}
.pf-v5-c-login__main .pf-v5-c-login__main-body #kc-form-login, .pf-v5-c-login__main .pf-v5-c-login__main-body #kc-register-form, .pf-v5-c-login__main .pf-v5-c-login__main-body #kc-reset-password-form, .pf-v5-c-login__main .pf-v5-c-login__main-body #kc-passwd-update-form, .pf-v5-c-login__main .pf-v5-c-login__main-body #kc-otp-login-form, .pf-v5-c-login__main .pf-v5-c-login__main-body #kc-totp-settings {
  gap: 0;
}

.pf-v5-c-login__main > :last-child:not(.pf-v5-c-login__main-footer) {
  padding: 0;
}

.pf-v5-c-login__main-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 2rem;
}
.pf-v5-c-login__main-header h1 {
  font-size: 2.8rem;
  line-height: 4.4rem;
  font-family: "TradeGothicBoldCond";
}
@media only screen and (min-width: 769px) {
  .pf-v5-c-login__main-header h1 {
    font-size: 3.8rem;
  }
}
.pf-v5-c-login__main-header p {
  font-size: 1.6rem;
  font-family: "TradeGothicRg";
}
.pf-v5-c-login__main-header #backToLogin {
  display: grid;
  grid-template-columns: 2.4rem auto;
  padding-block-end: 2rem;
}
.pf-v5-c-login__main-header #backToLogin svg {
  height: 2rem;
  width: 2rem;
}
.pf-v5-c-login__main-header #backToLogin:has(a:hover) {
  color: var(--mint);
}

.login-pf-settings {
  padding: 0;
}
.login-pf-settings .kc-form-options {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block-start: 4rem;
  padding-block-end: 6rem;
  gap: 4rem;
  position: relative;
}
.login-pf-settings .kc-form-options .pf-v5-c-check {
  color: var(--secondaryFontColor);
}
.login-pf-settings .kc-form-options .pf-v5-c-check label {
  cursor: pointer;
  display: grid;
  grid-template-columns: 2.4rem auto;
}
.login-pf-settings .kc-form-options .pf-v5-c-check label .checkmarkSymbol {
  display: none;
  position: absolute;
  left: 0.6rem;
  top: 2.6rem;
  z-index: 2;
}
.login-pf-settings .kc-form-options .pf-v5-c-check label .loginCheckmark {
  top: 9.2rem;
}
@media only screen and (min-width: 769px) {
  .login-pf-settings .kc-form-options .pf-v5-c-check label .loginCheckmark {
    top: 2.6rem;
  }
}
.login-pf-settings .kc-form-options .pf-v5-c-check label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.login-pf-settings .kc-form-options .pf-v5-c-check label p {
  padding-inline-start: 1rem;
  display: inline;
  font-size: 1.6rem;
}
.login-pf-settings .kc-form-options .pf-v5-c-check label .customCheckbox {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  border: 1.5px solid var(--lightGrey);
}
.login-pf-settings .kc-form-options .pf-v5-c-check label:hover input ~ .customCheckbox {
  border: 1.5px solid var(--primaryBlack);
}
.login-pf-settings .kc-form-options .pf-v5-c-check label input:checked ~ .customCheckbox {
  background-color: var(--primaryBlack);
}
.login-pf-settings .kc-form-options .pf-v5-c-check label input:checked ~ .checkmarkSymbol {
  display: inline;
}
@media only screen and (min-width: 769px) {
  .login-pf-settings .loginOptions {
    flex-direction: row-reverse;
    gap: 0;
  }
}

#kc-info {
  padding: 0;
}
#kc-info #kc-registration-container {
  border: none;
  padding: 0;
  padding-block-start: 3rem;
}
#kc-info #kc-registration {
  color: var(--coolGray);
  display: grid;
  justify-content: center;
  gap: 1rem;
}
#kc-info #kc-registration p {
  font-size: 1.6rem;
  justify-self: center;
}

.footer {
  width: 100%;
}
.footer .footer__disclaimer {
  display: flex;
  background-color: var(--darkBlue);
  width: 100%;
  flex-direction: column;
  padding-block: 6rem;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.4rem;
}
@media only screen and (min-width: 769px) {
  .footer .footer__disclaimer {
    padding-block-start: 7rem;
    padding-block-end: 8rem;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1600px) {
  .footer .footer__disclaimer {
    gap: 8rem;
    justify-content: center;
  }
}
.footer .footer__disclaimer a {
  text-decoration: none;
  color: var(--tertiaryFontColor);
}
.footer .footer__disclaimer .disclaimer__brand {
  color: var(--primaryFontColor);
  font-family: "TradeGothicBoldCond";
  font-size: 1.6rem;
}

#registration-confirmation, #reset-confirmation, #update-confirmation, #twoFA-setup-intro, #logout-confirmation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
#registration-confirmation img, #reset-confirmation img, #update-confirmation img, #twoFA-setup-intro img, #logout-confirmation img {
  height: 12rem;
  width: 12rem;
}
#registration-confirmation h1, #reset-confirmation h1, #update-confirmation h1, #twoFA-setup-intro h1, #logout-confirmation h1 {
  font-size: 2.8rem;
  line-height: 4.4rem;
  font-family: "TradeGothicBoldCond";
  padding-block-end: 2rem;
  text-align: center;
  padding-block-start: 4rem;
}
@media only screen and (min-width: 769px) {
  #registration-confirmation h1, #reset-confirmation h1, #update-confirmation h1, #twoFA-setup-intro h1, #logout-confirmation h1 {
    font-size: 3.8rem;
  }
}
#registration-confirmation .confirmation-content, #reset-confirmation .confirmation-content, #update-confirmation .confirmation-content, #twoFA-setup-intro .confirmation-content, #logout-confirmation .confirmation-content {
  padding-block-end: 3rem;
}
#registration-confirmation .confirmation-content p, #reset-confirmation .confirmation-content p, #update-confirmation .confirmation-content p, #twoFA-setup-intro .confirmation-content p, #logout-confirmation .confirmation-content p {
  font-size: 1.6rem;
  font-family: "TradeGothicRg";
  text-align: center;
}

#kc-info {
  padding: 0;
}

#kc-totp-settings {
  counter-reset: list-counter;
  padding: 0;
}
#kc-totp-settings p {
  font-size: 1.6rem;
}
#kc-totp-settings .totp-bold {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
#kc-totp-settings .totp-small {
  font-size: 1.4rem;
}
#kc-totp-settings details {
  counter-increment: list-counter;
  position: relative;
  top: -4.2rem;
  transition: top 0.5s;
  color: var(--secondaryFontColor);
  overflow: hidden;
  padding-block: 1rem;
  padding-inline-start: 0rem;
}
#kc-totp-settings details::before {
  content: "";
  position: relative;
  top: 3.3rem;
  right: 0rem;
  display: flex;
  width: 4rem;
  height: 4rem;
  line-height: 1.5rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--secondaryFontColor);
  border-radius: 50%;
  color: var(--coolGray);
  background: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4507 1.21875L12.6519 2.22883L4.98807 11.3421L0.651855 6.58035L1.81221 5.52368L4.94045 8.9592L11.4507 1.21875Z" fill="black"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings details::before {
    right: 6rem;
  }
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings details {
    padding-inline-start: 6rem;
  }
}
#kc-totp-settings details summary {
  list-style: none;
  list-style-type: none;
  cursor: pointer;
  padding-inline-start: 6rem;
  display: flex;
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings details summary {
    padding-inline-start: 0rem;
  }
}
#kc-totp-settings details::details-content {
  block-size: 0;
  opacity: 0;
  transition: block-size 0.7s, content-visibility 0.7s, opacity 0.7s;
  transition-behavior: allow-discrete;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings details::details-content {
    display: block;
  }
}
#kc-totp-settings details[open] summary {
  padding-block-end: 2rem;
  transition: padding-block-end 0.7s;
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings details[open] {
    top: -5.4rem;
  }
  #kc-totp-settings details[open] summary {
    padding-block-end: 0rem;
  }
}
#kc-totp-settings details[open]::details-content {
  block-size: auto;
  opacity: 1;
}
#kc-totp-settings details[open] ~ details {
  color: var(--coolGray);
}
#kc-totp-settings details[open] ~ details::before {
  background: none;
  content: counter(list-counter);
  border-color: var(--coolGray);
}
#kc-totp-settings details[open]::before {
  color: var(--secondaryFontColor);
  border-color: var(--secondaryFontColor);
  background: none;
  content: counter(list-counter);
}
#kc-totp-settings details #kc-totp-secret-qr-code {
  height: 14rem;
  width: 14rem;
  align-self: center;
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings details #kc-totp-secret-qr-code {
    position: relative;
    left: -1.1rem;
  }
}
#kc-totp-settings details .button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding-block-start: 2rem;
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings details .button-container {
    flex-direction: row;
  }
}
#kc-totp-settings #kc-totp-supported-apps {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media only screen and (min-width: 1200px) {
  #kc-totp-settings #kc-totp-supported-apps {
    gap: 6rem;
    justify-content: flex-start;
  }
}
#kc-totp-settings #kc-totp-supported-apps .auth-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#kc-totp-settings #kc-totp-supported-apps .auth-box img {
  width: 4rem;
  height: 4rem;
}
#kc-totp-settings #kc-form-buttons {
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  #kc-totp-settings #kc-form-buttons {
    width: fit-content;
  }
}

:root {
  interpolate-size: allow-keywords;
}

* {
  font-family: "TradeGothicLight";
  font-size: 1.4rem;
}

html {
  font-size: 62.5%;
}