.grid {
  flex-wrap: wrap;
  margin-top: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
}

.grid > .col, .grid > [class*="col"] {
  box-sizing: border-box;
}

.grid-nogutter {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.grid-nogutter > .col, .grid-nogutter > [class*="col-"] {
  padding: 0;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 1rem;
}

.col-fixed {
  flex: none;
  padding: 1rem;
}

.col-1 {
  flex: none;
  width: 8.3333%;
  padding: 1rem;
}

.col-2 {
  flex: none;
  width: 16.6667%;
  padding: 1rem;
}

.col-3 {
  flex: none;
  width: 25%;
  padding: 1rem;
}

.col-4 {
  flex: none;
  width: 33.3333%;
  padding: 1rem;
}

.col-5 {
  flex: none;
  width: 41.6667%;
  padding: 1rem;
}

.col-6 {
  flex: none;
  width: 50%;
  padding: 1rem;
}

.col-7 {
  flex: none;
  width: 58.3333%;
  padding: 1rem;
}

.col-8 {
  flex: none;
  width: 66.6667%;
  padding: 1rem;
}

.col-9 {
  flex: none;
  width: 75%;
  padding: 1rem;
}

.col-10 {
  flex: none;
  width: 83.3333%;
  padding: 1rem;
}

.col-11 {
  flex: none;
  width: 91.6667%;
  padding: 1rem;
}

.col-12 {
  flex: none;
  width: 100%;
  padding: 1rem;
}

@media screen and (width >= 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 1rem;
  }

  .sm\:col-fixed {
    flex: none;
    padding: 1rem;
  }

  .sm\:col-1 {
    flex: none;
    width: 8.3333%;
    padding: 1rem;
  }

  .sm\:col-2 {
    flex: none;
    width: 16.6667%;
    padding: 1rem;
  }

  .sm\:col-3 {
    flex: none;
    width: 25%;
    padding: 1rem;
  }

  .sm\:col-4 {
    flex: none;
    width: 33.3333%;
    padding: 1rem;
  }

  .sm\:col-5 {
    flex: none;
    width: 41.6667%;
    padding: 1rem;
  }

  .sm\:col-6 {
    flex: none;
    width: 50%;
    padding: 1rem;
  }

  .sm\:col-7 {
    flex: none;
    width: 58.3333%;
    padding: 1rem;
  }

  .sm\:col-8 {
    flex: none;
    width: 66.6667%;
    padding: 1rem;
  }

  .sm\:col-9 {
    flex: none;
    width: 75%;
    padding: 1rem;
  }

  .sm\:col-10 {
    flex: none;
    width: 83.3333%;
    padding: 1rem;
  }

  .sm\:col-11 {
    flex: none;
    width: 91.6667%;
    padding: 1rem;
  }

  .sm\:col-12 {
    flex: none;
    width: 100%;
    padding: 1rem;
  }
}

@media screen and (width >= 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 1rem;
  }

  .md\:col-fixed {
    flex: none;
    padding: 1rem;
  }

  .md\:col-1 {
    flex: none;
    width: 8.3333%;
    padding: 1rem;
  }

  .md\:col-2 {
    flex: none;
    width: 16.6667%;
    padding: 1rem;
  }

  .md\:col-3 {
    flex: none;
    width: 25%;
    padding: 1rem;
  }

  .md\:col-4 {
    flex: none;
    width: 33.3333%;
    padding: 1rem;
  }

  .md\:col-5 {
    flex: none;
    width: 41.6667%;
    padding: 1rem;
  }

  .md\:col-6 {
    flex: none;
    width: 50%;
    padding: 1rem;
  }

  .md\:col-7 {
    flex: none;
    width: 58.3333%;
    padding: 1rem;
  }

  .md\:col-8 {
    flex: none;
    width: 66.6667%;
    padding: 1rem;
  }

  .md\:col-9 {
    flex: none;
    width: 75%;
    padding: 1rem;
  }

  .md\:col-10 {
    flex: none;
    width: 83.3333%;
    padding: 1rem;
  }

  .md\:col-11 {
    flex: none;
    width: 91.6667%;
    padding: 1rem;
  }

  .md\:col-12 {
    flex: none;
    width: 100%;
    padding: 1rem;
  }
}

@media screen and (width >= 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 1rem;
  }

  .lg\:col-fixed {
    flex: none;
    padding: 1rem;
  }

  .lg\:col-1 {
    flex: none;
    width: 8.3333%;
    padding: 1rem;
  }

  .lg\:col-2 {
    flex: none;
    width: 16.6667%;
    padding: 1rem;
  }

  .lg\:col-3 {
    flex: none;
    width: 25%;
    padding: 1rem;
  }

  .lg\:col-4 {
    flex: none;
    width: 33.3333%;
    padding: 1rem;
  }

  .lg\:col-5 {
    flex: none;
    width: 41.6667%;
    padding: 1rem;
  }

  .lg\:col-6 {
    flex: none;
    width: 50%;
    padding: 1rem;
  }

  .lg\:col-7 {
    flex: none;
    width: 58.3333%;
    padding: 1rem;
  }

  .lg\:col-8 {
    flex: none;
    width: 66.6667%;
    padding: 1rem;
  }

  .lg\:col-9 {
    flex: none;
    width: 75%;
    padding: 1rem;
  }

  .lg\:col-10 {
    flex: none;
    width: 83.3333%;
    padding: 1rem;
  }

  .lg\:col-11 {
    flex: none;
    width: 91.6667%;
    padding: 1rem;
  }

  .lg\:col-12 {
    flex: none;
    width: 100%;
    padding: 1rem;
  }
}

@media screen and (width >= 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 1rem;
  }

  .xl\:col-fixed {
    flex: none;
    padding: 1rem;
  }

  .xl\:col-1 {
    flex: none;
    width: 8.3333%;
    padding: 1rem;
  }

  .xl\:col-2 {
    flex: none;
    width: 16.6667%;
    padding: 1rem;
  }

  .xl\:col-3 {
    flex: none;
    width: 25%;
    padding: 1rem;
  }

  .xl\:col-4 {
    flex: none;
    width: 33.3333%;
    padding: 1rem;
  }

  .xl\:col-5 {
    flex: none;
    width: 41.6667%;
    padding: 1rem;
  }

  .xl\:col-6 {
    flex: none;
    width: 50%;
    padding: 1rem;
  }

  .xl\:col-7 {
    flex: none;
    width: 58.3333%;
    padding: 1rem;
  }

  .xl\:col-8 {
    flex: none;
    width: 66.6667%;
    padding: 1rem;
  }

  .xl\:col-9 {
    flex: none;
    width: 75%;
    padding: 1rem;
  }

  .xl\:col-10 {
    flex: none;
    width: 83.3333%;
    padding: 1rem;
  }

  .xl\:col-11 {
    flex: none;
    width: 91.6667%;
    padding: 1rem;
  }

  .xl\:col-12 {
    flex: none;
    width: 100%;
    padding: 1rem;
  }
}

.col-offset-0 {
  margin-left: 0 !important;
}

.col-offset-1 {
  margin-left: 8.3333% !important;
}

.col-offset-2 {
  margin-left: 16.6667% !important;
}

.col-offset-3 {
  margin-left: 25% !important;
}

.col-offset-4 {
  margin-left: 33.3333% !important;
}

.col-offset-5 {
  margin-left: 41.6667% !important;
}

.col-offset-6 {
  margin-left: 50% !important;
}

.col-offset-7 {
  margin-left: 58.3333% !important;
}

.col-offset-8 {
  margin-left: 66.6667% !important;
}

.col-offset-9 {
  margin-left: 75% !important;
}

.col-offset-10 {
  margin-left: 83.3333% !important;
}

.col-offset-11 {
  margin-left: 91.6667% !important;
}

.col-offset-12 {
  margin-left: 100% !important;
}

@media screen and (width >= 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }

  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }

  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }

  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }

  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }

  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }

  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }

  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }

  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }

  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }

  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }

  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }

  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}

@media screen and (width >= 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }

  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }

  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }

  .md\:col-offset-3 {
    margin-left: 25% !important;
  }

  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }

  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }

  .md\:col-offset-6 {
    margin-left: 50% !important;
  }

  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }

  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }

  .md\:col-offset-9 {
    margin-left: 75% !important;
  }

  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }

  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }

  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }

  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }

  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }

  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }

  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }

  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }

  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }

  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }

  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }

  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }

  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }

  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }

  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }

  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }

  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }

  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }

  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }

  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }

  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }

  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }

  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }

  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }

  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }

  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }

  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (width >= 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .sm\:flex-column {
    flex-direction: column !important;
  }

  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media screen and (width >= 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .md\:flex-column {
    flex-direction: column !important;
  }

  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .lg\:flex-column {
    flex-direction: column !important;
  }

  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }

  .xl\:flex-column {
    flex-direction: column !important;
  }

  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

@media screen and (width >= 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media screen and (width >= 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }

  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

@media screen and (width >= 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }

  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }

  .sm\:justify-content-center {
    justify-content: center !important;
  }

  .sm\:justify-content-between {
    justify-content: space-between !important;
  }

  .sm\:justify-content-around {
    justify-content: space-around !important;
  }

  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}

@media screen and (width >= 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }

  .md\:justify-content-end {
    justify-content: flex-end !important;
  }

  .md\:justify-content-center {
    justify-content: center !important;
  }

  .md\:justify-content-between {
    justify-content: space-between !important;
  }

  .md\:justify-content-around {
    justify-content: space-around !important;
  }

  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }

  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }

  .lg\:justify-content-center {
    justify-content: center !important;
  }

  .lg\:justify-content-between {
    justify-content: space-between !important;
  }

  .lg\:justify-content-around {
    justify-content: space-around !important;
  }

  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }

  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }

  .xl\:justify-content-center {
    justify-content: center !important;
  }

  .xl\:justify-content-between {
    justify-content: space-between !important;
  }

  .xl\:justify-content-around {
    justify-content: space-around !important;
  }

  .xl\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-evenly {
  align-content: space-evenly !important;
}

@media screen and (width >= 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }

  .sm\:align-content-end {
    align-content: flex-end !important;
  }

  .sm\:align-content-center {
    align-content: center !important;
  }

  .sm\:align-content-between {
    align-content: space-between !important;
  }

  .sm\:align-content-around {
    align-content: space-around !important;
  }

  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}

@media screen and (width >= 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }

  .md\:align-content-end {
    align-content: flex-end !important;
  }

  .md\:align-content-center {
    align-content: center !important;
  }

  .md\:align-content-between {
    align-content: space-between !important;
  }

  .md\:align-content-around {
    align-content: space-around !important;
  }

  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }

  .lg\:align-content-end {
    align-content: flex-end !important;
  }

  .lg\:align-content-center {
    align-content: center !important;
  }

  .lg\:align-content-between {
    align-content: space-between !important;
  }

  .lg\:align-content-around {
    align-content: space-around !important;
  }

  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }

  .xl\:align-content-end {
    align-content: flex-end !important;
  }

  .xl\:align-content-center {
    align-content: center !important;
  }

  .xl\:align-content-between {
    align-content: space-between !important;
  }

  .xl\:align-content-around {
    align-content: space-around !important;
  }

  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

@media screen and (width >= 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }

  .sm\:align-items-start {
    align-items: flex-start !important;
  }

  .sm\:align-items-center {
    align-items: center !important;
  }

  .sm\:align-items-end {
    align-items: flex-end !important;
  }

  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}

@media screen and (width >= 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }

  .md\:align-items-start {
    align-items: flex-start !important;
  }

  .md\:align-items-center {
    align-items: center !important;
  }

  .md\:align-items-end {
    align-items: flex-end !important;
  }

  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }

  .lg\:align-items-start {
    align-items: flex-start !important;
  }

  .lg\:align-items-center {
    align-items: center !important;
  }

  .lg\:align-items-end {
    align-items: flex-end !important;
  }

  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }

  .xl\:align-items-start {
    align-items: flex-start !important;
  }

  .xl\:align-items-center {
    align-items: center !important;
  }

  .xl\:align-items-end {
    align-items: flex-end !important;
  }

  .xl\:align-items-baseline {
    align-items: baseline !important;
  }
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

@media screen and (width >= 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }

  .sm\:align-self-start {
    align-self: flex-start !important;
  }

  .sm\:align-self-end {
    align-self: flex-end !important;
  }

  .sm\:align-self-center {
    align-self: center !important;
  }

  .sm\:align-self-stretch {
    align-self: stretch !important;
  }

  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}

@media screen and (width >= 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }

  .md\:align-self-start {
    align-self: flex-start !important;
  }

  .md\:align-self-end {
    align-self: flex-end !important;
  }

  .md\:align-self-center {
    align-self: center !important;
  }

  .md\:align-self-stretch {
    align-self: stretch !important;
  }

  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }

  .lg\:align-self-start {
    align-self: flex-start !important;
  }

  .lg\:align-self-end {
    align-self: flex-end !important;
  }

  .lg\:align-self-center {
    align-self: center !important;
  }

  .lg\:align-self-stretch {
    align-self: stretch !important;
  }

  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }

  .xl\:align-self-start {
    align-self: flex-start !important;
  }

  .xl\:align-self-end {
    align-self: flex-end !important;
  }

  .xl\:align-self-center {
    align-self: center !important;
  }

  .xl\:align-self-stretch {
    align-self: stretch !important;
  }

  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}

.flex-order-0 {
  order: 0 !important;
}

.flex-order-1 {
  order: 1 !important;
}

.flex-order-2 {
  order: 2 !important;
}

.flex-order-3 {
  order: 3 !important;
}

.flex-order-4 {
  order: 4 !important;
}

.flex-order-5 {
  order: 5 !important;
}

.flex-order-6 {
  order: 6 !important;
}

@media screen and (width >= 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }

  .sm\:flex-order-1 {
    order: 1 !important;
  }

  .sm\:flex-order-2 {
    order: 2 !important;
  }

  .sm\:flex-order-3 {
    order: 3 !important;
  }

  .sm\:flex-order-4 {
    order: 4 !important;
  }

  .sm\:flex-order-5 {
    order: 5 !important;
  }

  .sm\:flex-order-6 {
    order: 6 !important;
  }
}

@media screen and (width >= 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }

  .md\:flex-order-1 {
    order: 1 !important;
  }

  .md\:flex-order-2 {
    order: 2 !important;
  }

  .md\:flex-order-3 {
    order: 3 !important;
  }

  .md\:flex-order-4 {
    order: 4 !important;
  }

  .md\:flex-order-5 {
    order: 5 !important;
  }

  .md\:flex-order-6 {
    order: 6 !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }

  .lg\:flex-order-1 {
    order: 1 !important;
  }

  .lg\:flex-order-2 {
    order: 2 !important;
  }

  .lg\:flex-order-3 {
    order: 3 !important;
  }

  .lg\:flex-order-4 {
    order: 4 !important;
  }

  .lg\:flex-order-5 {
    order: 5 !important;
  }

  .lg\:flex-order-6 {
    order: 6 !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }

  .xl\:flex-order-1 {
    order: 1 !important;
  }

  .xl\:flex-order-2 {
    order: 2 !important;
  }

  .xl\:flex-order-3 {
    order: 3 !important;
  }

  .xl\:flex-order-4 {
    order: 4 !important;
  }

  .xl\:flex-order-5 {
    order: 5 !important;
  }

  .xl\:flex-order-6 {
    order: 6 !important;
  }
}

.flex-1 {
  flex: 1 !important;
}

.flex-auto {
  flex: auto !important;
}

.flex-initial {
  flex: 0 auto !important;
}

.flex-none {
  flex: none !important;
}

@media screen and (width >= 576px) {
  .sm\:flex-1 {
    flex: 1 !important;
  }

  .sm\:flex-auto {
    flex: auto !important;
  }

  .sm\:flex-initial {
    flex: 0 auto !important;
  }

  .sm\:flex-none {
    flex: none !important;
  }
}

@media screen and (width >= 768px) {
  .md\:flex-1 {
    flex: 1 !important;
  }

  .md\:flex-auto {
    flex: auto !important;
  }

  .md\:flex-initial {
    flex: 0 auto !important;
  }

  .md\:flex-none {
    flex: none !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:flex-1 {
    flex: 1 !important;
  }

  .lg\:flex-auto {
    flex: auto !important;
  }

  .lg\:flex-initial {
    flex: 0 auto !important;
  }

  .lg\:flex-none {
    flex: none !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:flex-1 {
    flex: 1 !important;
  }

  .xl\:flex-auto {
    flex: auto !important;
  }

  .xl\:flex-initial {
    flex: 0 auto !important;
  }

  .xl\:flex-none {
    flex: none !important;
  }
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

@media screen and (width >= 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}

@media screen and (width >= 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }

  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

@media screen and (width >= 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}

@media screen and (width >= 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}

@media screen and (width >= 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}

@media screen and (width >= 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }

  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
/*# sourceMappingURL=grid.css.map */