.row {
  --gutter-x: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
}
.gutter-0 {
  --gutter-x: 0;
}
.gutter-10 {
  --gutter-x: 10px;
}
.gutter-80 {
  --gutter-x: 80px;
}
.col {
  flex: 1 0 0%;
  width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-shrink {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
  min-width: 1px;
}
.align-stretch {
  align-items: stretch !important;
}
.align-center {
  align-items: center !important;
}
.align-start {
  align-items: flex-start !important;
}
.align-end {
  align-items: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-between {
  justify-content: space-between !important;
}
.gx-5 {
  column-gap: var(--space-5) !important;
}
.gy-5 {
  row-gap: var(--space-5) !important;
}
.gx-8 {
  column-gap: var(--space-8) !important;
}
.gy-8 {
  row-gap: var(--space-8) !important;
}
.gx-10 {
  column-gap: var(--space-10) !important;
}
.gy-10 {
  row-gap: var(--space-10) !important;
}
.gx-12 {
  column-gap: var(--space-12) !important;
}
.gy-12 {
  row-gap: var(--space-12) !important;
}
.gx-15 {
  column-gap: var(--space-15) !important;
}
.gy-15 {
  row-gap: var(--space-15) !important;
}
.gx-20 {
  column-gap: var(--space-20) !important;
}
.gy-20 {
  row-gap: var(--space-20) !important;
}
.gx-30 {
  column-gap: var(--space-30) !important;
}
.gy-30 {
  row-gap: var(--space-30) !important;
}
.gy-30-m20 {
  row-gap: var(--space-30-m20) !important;
}
.gx-40 {
  column-gap: var(--space-40) !important;
}
.gy-40 {
  row-gap: var(--space-40) !important;
}
.gx-40-m30 {
  column-gap: var(--space-40-m30) !important;
}
.gy-40-m30 {
  row-gap: var(--space-40-m30) !important;
}
.gx-60 {
  column-gap: var(--space-60) !important;
}
.gy-60 {
  row-gap: var(--space-60) !important;
}
.gx-60-m30 {
  column-gap: var(--space-60-m30) !important;
}
.gy-60-m30 {
  row-gap: var(--space-60-m30) !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.m-0 {
  margin: 0 !important;
}
.m-5 {
  margin: var(--space-5) !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-5 {
  margin-bottom: var(--space-5) !important;
}
.mt-5 {
  margin-top: var(--space-5) !important;
}
.mr-5 {
  margin-right: var(--space-5) !important;
}
.mb-8-m4 {
  margin-bottom: var(--space-8-m4) !important;
}
.mt-8-m4 {
  margin-top: var(--space-8-m4) !important;
}
.mb-10 {
  margin-bottom: var(--space-10) !important;
}
.mt-10 {
  margin-top: var(--space-10) !important;
}
.mb-15 {
  margin-bottom: var(--space-15) !important;
}
.mt-15 {
  margin-top: var(--space-15) !important;
}
.mb-20 {
  margin-bottom: var(--space-20) !important;
}
.mt-20 {
  margin-top: var(--space-20) !important;
}
.mb-30 {
  margin-bottom: var(--space-30) !important;
}
.mt-30 {
  margin-top: var(--space-30) !important;
}
.mb-40 {
  margin-bottom: var(--space-40) !important;
}
.mt-40 {
  margin-top: var(--space-40) !important;
}
.mb-30-m20 {
  margin-bottom: var(--space-30-m20) !important;
}
.mt-30-m20 {
  margin-top: var(--space-30-m20) !important;
}
.mb-40-m30 {
  margin-bottom: var(--space-40-m30) !important;
}
.mt-40-m30 {
  margin-top: var(--space-40-m30) !important;
}
.mb-60-m30 {
  margin-bottom: var(--space-60-m30) !important;
}
.mt-60-m30 {
  margin-top: var(--space-60-m30) !important;
}
.p-0 {
  padding: 0 !important;
}
.p-20 {
  padding: var(--space-20) !important;
}
.p-30 {
  padding: var(--space-30) !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-10 {
  padding-bottom: var(--space-10) !important;
}
.pt-10 {
  padding-top: var(--space-10) !important;
}
.pb-15 {
  padding-bottom: var(--space-15) !important;
}
.pt-15 {
  padding-top: var(--space-15) !important;
}
.pb-20 {
  padding-bottom: var(--space-20) !important;
}
.pt-20 {
  padding-top: var(--space-20) !important;
}
.pl-20 {
  padding-left: var(--space-20) !important;
}
.pr-20 {
  padding-right: var(--space-20) !important;
}
.pb-30 {
  padding-bottom: var(--space-30) !important;
}
.pt-30 {
  padding-top: var(--space-30) !important;
}
.pb-40 {
  padding-bottom: var(--space-40) !important;
}
.pt-40 {
  padding-top: var(--space-40) !important;
}
.pb-30-m20 {
  padding-bottom: var(--space-30-m20) !important;
}
.pt-30-m20 {
  padding-top: var(--space-30-m20) !important;
}
.pb-40-m30 {
  padding-bottom: var(--space-40-m30) !important;
}
.pt-40-m30 {
  padding-top: var(--space-40-m30) !important;
}
.pb-60-m30 {
  padding-bottom: var(--space-60-m30) !important;
}
.pt-60-m30 {
  padding-top: var(--space-60-m30) !important;
}
.pt-80-m60 {
  padding-top: var(--space-80-m60) !important;
}
.pb-80-m60 {
  padding-bottom: var(--space-80-m60) !important;
}
.radius-12 {
  border-radius: 12px;
}
.radius-20 {
  border-radius: 20px;
}
@media (max-width: 1399.98px) {
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .flex-lg-column {
    flex-direction: column;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 1199.98px) {
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
}
@media (max-width: 991.98px) {
  .col-sm {
    flex: 1 0 0%;
    width: 100%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .gutter-sm-0 {
    --gutter-x: 0;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }  
  .flex-sm-column {
    flex-direction: column !important;
  }
  .align-sm-stretch {
    align-items: stretch !important;
  }
  .gx-sm-5 {
    column-gap: var(--space-5) !important;
  }
  .gy-sm-5 {
    row-gap: var(--space-5) !important;
  }
  .gy-sm-20 {
    row-gap: var(--space-20) !important;
  }
  .mb-sm-5 {
    margin-bottom: var(--space-5) !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
}
@media (max-width: 767.98px) {
  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .d-xs-none {
    display: none !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .align-xs-stretch {
    align-items: stretch !important;
  }
  .gy-xs-5 {
    row-gap: var(--space-5) !important;
  }
  .gy-xs-15 {
    row-gap: var(--space-15) !important;
  }
  .gy-xs-20 {
    row-gap: var(--space-20) !important;
  }
  .mb-xs-20 {
    margin-bottom: var(--space-20) !important;
  }
  .p-xs-20 {
    padding: var(--space-20) !important;
  }
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .pt-xs-0 {
    padding-top: 0 !important;
  }
  .pt-xs-10 {
    padding-top: 10px !important;
  }
  .order-xs-1 {
    order: 1 !important;
  }
  .text-xs-center {
    text-align: center;
  }
}
@media (max-width: 399.98px) {
  .col-xxs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .d-xxs-none {
    display: none !important;
  }
  .d-xxs-block {
    display: block !important;
  }
  .d-xxs-inline {
    display: inline !important;
  }
  .flex-xxs-column {
    flex-direction: column !important;
  }
  .align-xxs-stretch {
    align-items: stretch !important;
  }
  .gy-xxs-5 {
    row-gap: var(--space-5) !important;
  }
  .gy-xxs-15 {
    row-gap: var(--space-15) !important;
  }
  .gy-xxs-20 {
    row-gap: var(--space-20) !important;
  }
  .mb-xxs-20 {
    margin-bottom: var(--space-20) !important;
  }
  .p-xxs-20 {
    padding: var(--space-20) !important;
  }
  .pb-xxs-0 {
    padding-bottom: 0 !important;
  }
  .pt-xxs-0 {
    padding-top: 0 !important;
  }
  .pt-xxs-10 {
    padding-top: 10px !important;
  }
  .order-xxs-1 {
    order: 1 !important;
  }
  .text-xxs-center {
    text-align: center;
  }
}