ng-devui/devui-layout.css

DevUI components based on Angular

/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.dl-container,
.dl-container-fluid,
.dl-container-xl,
.dl-container-lg,
.dl-container-md,
.dl-container-sm,
.dl-container-xs,
.dl-container-ml,
.dl-container-mm,
.dl-container-ms {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 360px) {
  .dl-container-ms, .dl-container {
    max-width: 340px;
  }
}
@media (min-width: 768px) {
  .dl-container-mm, .dl-container-ms, .dl-container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .dl-container-ml, .dl-container-mm, .dl-container-ms, .dl-container {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .dl-container-xs, .dl-container-ml, .dl-container-mm, .dl-container-ms, .dl-container {
    max-width: 1240px;
  }
}
@media (min-width: 1440px) {
  .dl-container-sm, .dl-container-xs, .dl-container-ml, .dl-container-mm, .dl-container-ms, .dl-container {
    max-width: 1400px;
  }
}
@media (min-width: 1600px) {
  .dl-container-md, .dl-container-sm, .dl-container-xs, .dl-container-ml, .dl-container-mm, .dl-container-ms, .dl-container {
    max-width: 1560px;
  }
}
@media (min-width: 1760px) {
  .dl-container-lg, .dl-container-md, .dl-container-sm, .dl-container-xs, .dl-container-ml, .dl-container-mm, .dl-container-ms, .dl-container {
    max-width: 1760px;
  }
}
@media (min-width: 1920px) {
  .dl-container-xl, .dl-container-lg, .dl-container-md, .dl-container-sm, .dl-container-xs, .dl-container-ml, .dl-container-mm, .dl-container-ms, .dl-container {
    max-width: 1880px;
  }
}
:root {
  --bs-breakpoint-ss: 0;
  --bs-breakpoint-ms: 360px;
  --bs-breakpoint-mm: 768px;
  --bs-breakpoint-ml: 1024px;
  --bs-breakpoint-xs: 1280px;
  --bs-breakpoint-sm: 1440px;
  --bs-breakpoint-md: 1600px;
  --bs-breakpoint-lg: 1760px;
  --bs-breakpoint-xl: 1920px;
}

.dl-row {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.dl-row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.dl-col {
  flex: 1 0 0%;
}

.dl-row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.dl-row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.dl-row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.dl-row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.dl-row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.dl-row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.dl-row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.dl-row-cols-7 > * {
  flex: 0 0 auto;
  width: 14.28571429%;
}

.dl-row-cols-8 > * {
  flex: 0 0 auto;
  width: 12.5%;
}

.dl-row-cols-9 > * {
  flex: 0 0 auto;
  width: 11.11111111%;
}

.dl-row-cols-10 > * {
  flex: 0 0 auto;
  width: 10%;
}

.dl-row-cols-11 > * {
  flex: 0 0 auto;
  width: 9.09090909%;
}

.dl-row-cols-12 > * {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.dl-col-auto {
  flex: 0 0 auto;
  width: auto;
}

.dl-col-1 {
  flex: 0 0 auto;
  width: 4.16666667%;
}

.dl-col-2 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.dl-col-3 {
  flex: 0 0 auto;
  width: 12.5%;
}

.dl-col-4 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.dl-col-5 {
  flex: 0 0 auto;
  width: 20.83333333%;
}

.dl-col-6 {
  flex: 0 0 auto;
  width: 25%;
}

.dl-col-7 {
  flex: 0 0 auto;
  width: 29.16666667%;
}

.dl-col-8 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.dl-col-9 {
  flex: 0 0 auto;
  width: 37.5%;
}

.dl-col-10 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.dl-col-11 {
  flex: 0 0 auto;
  width: 45.83333333%;
}

.dl-col-12 {
  flex: 0 0 auto;
  width: 50%;
}

.dl-col-13 {
  flex: 0 0 auto;
  width: 54.16666667%;
}

.dl-col-14 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.dl-col-15 {
  flex: 0 0 auto;
  width: 62.5%;
}

.dl-col-16 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.dl-col-17 {
  flex: 0 0 auto;
  width: 70.83333333%;
}

.dl-col-18 {
  flex: 0 0 auto;
  width: 75%;
}

.dl-col-19 {
  flex: 0 0 auto;
  width: 79.16666667%;
}

.dl-col-20 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.dl-col-21 {
  flex: 0 0 auto;
  width: 87.5%;
}

.dl-col-22 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.dl-col-23 {
  flex: 0 0 auto;
  width: 95.83333333%;
}

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

.dl-offset-1 {
  margin-left: 4.16666667%;
}

.dl-offset-2 {
  margin-left: 8.33333333%;
}

.dl-offset-3 {
  margin-left: 12.5%;
}

.dl-offset-4 {
  margin-left: 16.66666667%;
}

.dl-offset-5 {
  margin-left: 20.83333333%;
}

.dl-offset-6 {
  margin-left: 25%;
}

.dl-offset-7 {
  margin-left: 29.16666667%;
}

.dl-offset-8 {
  margin-left: 33.33333333%;
}

.dl-offset-9 {
  margin-left: 37.5%;
}

.dl-offset-10 {
  margin-left: 41.66666667%;
}

.dl-offset-11 {
  margin-left: 45.83333333%;
}

.dl-offset-12 {
  margin-left: 50%;
}

.dl-offset-13 {
  margin-left: 54.16666667%;
}

.dl-offset-14 {
  margin-left: 58.33333333%;
}

.dl-offset-15 {
  margin-left: 62.5%;
}

.dl-offset-16 {
  margin-left: 66.66666667%;
}

.dl-offset-17 {
  margin-left: 70.83333333%;
}

.dl-offset-18 {
  margin-left: 75%;
}

.dl-offset-19 {
  margin-left: 79.16666667%;
}

.dl-offset-20 {
  margin-left: 83.33333333%;
}

.dl-offset-21 {
  margin-left: 87.5%;
}

.dl-offset-22 {
  margin-left: 91.66666667%;
}

.dl-offset-23 {
  margin-left: 95.83333333%;
}

.dl-g-0,
.dl-gx-0 {
  --bs-gutter-x: 0;
}

.dl-g-0,
.dl-gy-0 {
  --bs-gutter-y: 0;
}

.dl-g-1,
.dl-gx-1 {
  --bs-gutter-x: 0.25rem;
}

.dl-g-1,
.dl-gy-1 {
  --bs-gutter-y: 0.25rem;
}

.dl-g-2,
.dl-gx-2 {
  --bs-gutter-x: 0.5rem;
}

.dl-g-2,
.dl-gy-2 {
  --bs-gutter-y: 0.5rem;
}

.dl-g-3,
.dl-gx-3 {
  --bs-gutter-x: 1rem;
}

.dl-g-3,
.dl-gy-3 {
  --bs-gutter-y: 1rem;
}

.dl-g-4,
.dl-gx-4 {
  --bs-gutter-x: 1.5rem;
}

.dl-g-4,
.dl-gy-4 {
  --bs-gutter-y: 1.5rem;
}

.dl-g-5,
.dl-gx-5 {
  --bs-gutter-x: 3rem;
}

.dl-g-5,
.dl-gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 360px) {
  .dl-col-ms {
    flex: 1 0 0%;
  }
  .dl-row-cols-ms-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-ms-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-ms-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-ms-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-ms-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-ms-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-ms-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-ms-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-ms-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-ms-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-ms-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-ms-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-ms-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-ms-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-ms-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-ms-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-ms-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-ms-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-ms-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-ms-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-ms-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-ms-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-ms-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-ms-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-ms-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-ms-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-ms-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-ms-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-ms-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-ms-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-ms-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-ms-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-ms-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-ms-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-ms-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-ms-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-ms-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-ms-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-ms-0 {
    margin-left: 0;
  }
  .dl-offset-ms-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-ms-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-ms-3 {
    margin-left: 12.5%;
  }
  .dl-offset-ms-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-ms-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-ms-6 {
    margin-left: 25%;
  }
  .dl-offset-ms-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-ms-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-ms-9 {
    margin-left: 37.5%;
  }
  .dl-offset-ms-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-ms-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-ms-12 {
    margin-left: 50%;
  }
  .dl-offset-ms-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-ms-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-ms-15 {
    margin-left: 62.5%;
  }
  .dl-offset-ms-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-ms-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-ms-18 {
    margin-left: 75%;
  }
  .dl-offset-ms-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-ms-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-ms-21 {
    margin-left: 87.5%;
  }
  .dl-offset-ms-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-ms-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-ms-0,
  .dl-gx-ms-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-ms-0,
  .dl-gy-ms-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-ms-1,
  .dl-gx-ms-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-ms-1,
  .dl-gy-ms-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-ms-2,
  .dl-gx-ms-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-ms-2,
  .dl-gy-ms-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-ms-3,
  .dl-gx-ms-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-ms-3,
  .dl-gy-ms-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-ms-4,
  .dl-gx-ms-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-ms-4,
  .dl-gy-ms-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-ms-5,
  .dl-gx-ms-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-ms-5,
  .dl-gy-ms-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .dl-col-mm {
    flex: 1 0 0%;
  }
  .dl-row-cols-mm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-mm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-mm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-mm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-mm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-mm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-mm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-mm-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-mm-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-mm-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-mm-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-mm-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-mm-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-mm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-mm-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-mm-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-mm-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-mm-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-mm-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-mm-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-mm-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-mm-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-mm-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-mm-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-mm-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-mm-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-mm-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-mm-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-mm-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-mm-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-mm-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-mm-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-mm-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-mm-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-mm-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-mm-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-mm-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-mm-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-mm-0 {
    margin-left: 0;
  }
  .dl-offset-mm-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-mm-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-mm-3 {
    margin-left: 12.5%;
  }
  .dl-offset-mm-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-mm-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-mm-6 {
    margin-left: 25%;
  }
  .dl-offset-mm-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-mm-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-mm-9 {
    margin-left: 37.5%;
  }
  .dl-offset-mm-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-mm-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-mm-12 {
    margin-left: 50%;
  }
  .dl-offset-mm-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-mm-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-mm-15 {
    margin-left: 62.5%;
  }
  .dl-offset-mm-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-mm-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-mm-18 {
    margin-left: 75%;
  }
  .dl-offset-mm-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-mm-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-mm-21 {
    margin-left: 87.5%;
  }
  .dl-offset-mm-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-mm-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-mm-0,
  .dl-gx-mm-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-mm-0,
  .dl-gy-mm-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-mm-1,
  .dl-gx-mm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-mm-1,
  .dl-gy-mm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-mm-2,
  .dl-gx-mm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-mm-2,
  .dl-gy-mm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-mm-3,
  .dl-gx-mm-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-mm-3,
  .dl-gy-mm-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-mm-4,
  .dl-gx-mm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-mm-4,
  .dl-gy-mm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-mm-5,
  .dl-gx-mm-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-mm-5,
  .dl-gy-mm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1024px) {
  .dl-col-ml {
    flex: 1 0 0%;
  }
  .dl-row-cols-ml-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-ml-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-ml-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-ml-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-ml-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-ml-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-ml-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-ml-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-ml-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-ml-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-ml-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-ml-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-ml-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-ml-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-ml-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-ml-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-ml-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-ml-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-ml-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-ml-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-ml-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-ml-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-ml-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-ml-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-ml-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-ml-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-ml-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-ml-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-ml-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-ml-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-ml-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-ml-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-ml-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-ml-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-ml-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-ml-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-ml-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-ml-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-ml-0 {
    margin-left: 0;
  }
  .dl-offset-ml-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-ml-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-ml-3 {
    margin-left: 12.5%;
  }
  .dl-offset-ml-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-ml-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-ml-6 {
    margin-left: 25%;
  }
  .dl-offset-ml-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-ml-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-ml-9 {
    margin-left: 37.5%;
  }
  .dl-offset-ml-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-ml-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-ml-12 {
    margin-left: 50%;
  }
  .dl-offset-ml-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-ml-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-ml-15 {
    margin-left: 62.5%;
  }
  .dl-offset-ml-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-ml-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-ml-18 {
    margin-left: 75%;
  }
  .dl-offset-ml-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-ml-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-ml-21 {
    margin-left: 87.5%;
  }
  .dl-offset-ml-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-ml-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-ml-0,
  .dl-gx-ml-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-ml-0,
  .dl-gy-ml-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-ml-1,
  .dl-gx-ml-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-ml-1,
  .dl-gy-ml-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-ml-2,
  .dl-gx-ml-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-ml-2,
  .dl-gy-ml-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-ml-3,
  .dl-gx-ml-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-ml-3,
  .dl-gy-ml-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-ml-4,
  .dl-gx-ml-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-ml-4,
  .dl-gy-ml-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-ml-5,
  .dl-gx-ml-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-ml-5,
  .dl-gy-ml-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1280px) {
  .dl-col-xs {
    flex: 1 0 0%;
  }
  .dl-row-cols-xs-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-xs-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-xs-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-xs-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-xs-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-xs-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-xs-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-xs-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-xs-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-xs-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-xs-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-xs-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-xs-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-xs-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-xs-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-xs-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-xs-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-xs-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-xs-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-xs-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-xs-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-xs-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-xs-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-xs-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-xs-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-xs-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-xs-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-xs-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-xs-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-xs-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-xs-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-xs-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-xs-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-xs-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-xs-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-xs-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-xs-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-xs-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-xs-0 {
    margin-left: 0;
  }
  .dl-offset-xs-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-xs-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-xs-3 {
    margin-left: 12.5%;
  }
  .dl-offset-xs-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-xs-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-xs-6 {
    margin-left: 25%;
  }
  .dl-offset-xs-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-xs-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-xs-9 {
    margin-left: 37.5%;
  }
  .dl-offset-xs-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-xs-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-xs-12 {
    margin-left: 50%;
  }
  .dl-offset-xs-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-xs-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-xs-15 {
    margin-left: 62.5%;
  }
  .dl-offset-xs-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-xs-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-xs-18 {
    margin-left: 75%;
  }
  .dl-offset-xs-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-xs-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-xs-21 {
    margin-left: 87.5%;
  }
  .dl-offset-xs-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-xs-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-xs-0,
  .dl-gx-xs-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-xs-0,
  .dl-gy-xs-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-xs-1,
  .dl-gx-xs-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-xs-1,
  .dl-gy-xs-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-xs-2,
  .dl-gx-xs-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-xs-2,
  .dl-gy-xs-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-xs-3,
  .dl-gx-xs-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-xs-3,
  .dl-gy-xs-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-xs-4,
  .dl-gx-xs-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-xs-4,
  .dl-gy-xs-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-xs-5,
  .dl-gx-xs-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-xs-5,
  .dl-gy-xs-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1440px) {
  .dl-col-sm {
    flex: 1 0 0%;
  }
  .dl-row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-sm-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-sm-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-sm-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-sm-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-sm-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-sm-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-sm-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-sm-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-sm-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-sm-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-sm-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-sm-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-sm-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-sm-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-sm-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-sm-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-sm-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-sm-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-sm-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-sm-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-sm-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-sm-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-sm-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-sm-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-sm-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-sm-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-sm-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-sm-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-sm-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-sm-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-sm-0 {
    margin-left: 0;
  }
  .dl-offset-sm-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-sm-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-sm-3 {
    margin-left: 12.5%;
  }
  .dl-offset-sm-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-sm-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-sm-6 {
    margin-left: 25%;
  }
  .dl-offset-sm-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-sm-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-sm-9 {
    margin-left: 37.5%;
  }
  .dl-offset-sm-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-sm-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-sm-12 {
    margin-left: 50%;
  }
  .dl-offset-sm-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-sm-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-sm-15 {
    margin-left: 62.5%;
  }
  .dl-offset-sm-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-sm-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-sm-18 {
    margin-left: 75%;
  }
  .dl-offset-sm-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-sm-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-sm-21 {
    margin-left: 87.5%;
  }
  .dl-offset-sm-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-sm-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-sm-0,
  .dl-gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-sm-0,
  .dl-gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-sm-1,
  .dl-gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-sm-1,
  .dl-gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-sm-2,
  .dl-gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-sm-2,
  .dl-gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-sm-3,
  .dl-gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-sm-3,
  .dl-gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-sm-4,
  .dl-gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-sm-4,
  .dl-gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-sm-5,
  .dl-gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-sm-5,
  .dl-gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1600px) {
  .dl-col-md {
    flex: 1 0 0%;
  }
  .dl-row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-md-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-md-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-md-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-md-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-md-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-md-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-md-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-md-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-md-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-md-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-md-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-md-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-md-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-md-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-md-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-md-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-md-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-md-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-md-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-md-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-md-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-md-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-md-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-md-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-md-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-md-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-md-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-md-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-md-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-md-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-md-0 {
    margin-left: 0;
  }
  .dl-offset-md-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-md-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-md-3 {
    margin-left: 12.5%;
  }
  .dl-offset-md-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-md-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-md-6 {
    margin-left: 25%;
  }
  .dl-offset-md-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-md-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-md-9 {
    margin-left: 37.5%;
  }
  .dl-offset-md-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-md-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-md-12 {
    margin-left: 50%;
  }
  .dl-offset-md-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-md-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-md-15 {
    margin-left: 62.5%;
  }
  .dl-offset-md-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-md-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-md-18 {
    margin-left: 75%;
  }
  .dl-offset-md-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-md-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-md-21 {
    margin-left: 87.5%;
  }
  .dl-offset-md-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-md-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-md-0,
  .dl-gx-md-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-md-0,
  .dl-gy-md-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-md-1,
  .dl-gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-md-1,
  .dl-gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-md-2,
  .dl-gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-md-2,
  .dl-gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-md-3,
  .dl-gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-md-3,
  .dl-gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-md-4,
  .dl-gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-md-4,
  .dl-gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-md-5,
  .dl-gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-md-5,
  .dl-gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1760px) {
  .dl-col-lg {
    flex: 1 0 0%;
  }
  .dl-row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-lg-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-lg-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-lg-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-lg-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-lg-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-lg-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-lg-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-lg-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-lg-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-lg-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-lg-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-lg-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-lg-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-lg-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-lg-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-lg-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-lg-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-lg-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-lg-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-lg-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-lg-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-lg-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-lg-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-lg-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-lg-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-lg-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-lg-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-lg-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-lg-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-lg-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-lg-0 {
    margin-left: 0;
  }
  .dl-offset-lg-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-lg-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-lg-3 {
    margin-left: 12.5%;
  }
  .dl-offset-lg-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-lg-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-lg-6 {
    margin-left: 25%;
  }
  .dl-offset-lg-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-lg-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-lg-9 {
    margin-left: 37.5%;
  }
  .dl-offset-lg-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-lg-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-lg-12 {
    margin-left: 50%;
  }
  .dl-offset-lg-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-lg-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-lg-15 {
    margin-left: 62.5%;
  }
  .dl-offset-lg-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-lg-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-lg-18 {
    margin-left: 75%;
  }
  .dl-offset-lg-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-lg-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-lg-21 {
    margin-left: 87.5%;
  }
  .dl-offset-lg-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-lg-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-lg-0,
  .dl-gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-lg-0,
  .dl-gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-lg-1,
  .dl-gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-lg-1,
  .dl-gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-lg-2,
  .dl-gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-lg-2,
  .dl-gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-lg-3,
  .dl-gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-lg-3,
  .dl-gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-lg-4,
  .dl-gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-lg-4,
  .dl-gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-lg-5,
  .dl-gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-lg-5,
  .dl-gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1920px) {
  .dl-col-xl {
    flex: 1 0 0%;
  }
  .dl-row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .dl-row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-row-cols-xl-7 > * {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
  .dl-row-cols-xl-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-row-cols-xl-9 > * {
    flex: 0 0 auto;
    width: 11.11111111%;
  }
  .dl-row-cols-xl-10 > * {
    flex: 0 0 auto;
    width: 10%;
  }
  .dl-row-cols-xl-11 > * {
    flex: 0 0 auto;
    width: 9.09090909%;
  }
  .dl-row-cols-xl-12 > * {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .dl-col-xl-1 {
    flex: 0 0 auto;
    width: 4.16666667%;
  }
  .dl-col-xl-2 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .dl-col-xl-3 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .dl-col-xl-4 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .dl-col-xl-5 {
    flex: 0 0 auto;
    width: 20.83333333%;
  }
  .dl-col-xl-6 {
    flex: 0 0 auto;
    width: 25%;
  }
  .dl-col-xl-7 {
    flex: 0 0 auto;
    width: 29.16666667%;
  }
  .dl-col-xl-8 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .dl-col-xl-9 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .dl-col-xl-10 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .dl-col-xl-11 {
    flex: 0 0 auto;
    width: 45.83333333%;
  }
  .dl-col-xl-12 {
    flex: 0 0 auto;
    width: 50%;
  }
  .dl-col-xl-13 {
    flex: 0 0 auto;
    width: 54.16666667%;
  }
  .dl-col-xl-14 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .dl-col-xl-15 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .dl-col-xl-16 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .dl-col-xl-17 {
    flex: 0 0 auto;
    width: 70.83333333%;
  }
  .dl-col-xl-18 {
    flex: 0 0 auto;
    width: 75%;
  }
  .dl-col-xl-19 {
    flex: 0 0 auto;
    width: 79.16666667%;
  }
  .dl-col-xl-20 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .dl-col-xl-21 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .dl-col-xl-22 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .dl-col-xl-23 {
    flex: 0 0 auto;
    width: 95.83333333%;
  }
  .dl-col-xl-24 {
    flex: 0 0 auto;
    width: 100%;
  }
  .dl-offset-xl-0 {
    margin-left: 0;
  }
  .dl-offset-xl-1 {
    margin-left: 4.16666667%;
  }
  .dl-offset-xl-2 {
    margin-left: 8.33333333%;
  }
  .dl-offset-xl-3 {
    margin-left: 12.5%;
  }
  .dl-offset-xl-4 {
    margin-left: 16.66666667%;
  }
  .dl-offset-xl-5 {
    margin-left: 20.83333333%;
  }
  .dl-offset-xl-6 {
    margin-left: 25%;
  }
  .dl-offset-xl-7 {
    margin-left: 29.16666667%;
  }
  .dl-offset-xl-8 {
    margin-left: 33.33333333%;
  }
  .dl-offset-xl-9 {
    margin-left: 37.5%;
  }
  .dl-offset-xl-10 {
    margin-left: 41.66666667%;
  }
  .dl-offset-xl-11 {
    margin-left: 45.83333333%;
  }
  .dl-offset-xl-12 {
    margin-left: 50%;
  }
  .dl-offset-xl-13 {
    margin-left: 54.16666667%;
  }
  .dl-offset-xl-14 {
    margin-left: 58.33333333%;
  }
  .dl-offset-xl-15 {
    margin-left: 62.5%;
  }
  .dl-offset-xl-16 {
    margin-left: 66.66666667%;
  }
  .dl-offset-xl-17 {
    margin-left: 70.83333333%;
  }
  .dl-offset-xl-18 {
    margin-left: 75%;
  }
  .dl-offset-xl-19 {
    margin-left: 79.16666667%;
  }
  .dl-offset-xl-20 {
    margin-left: 83.33333333%;
  }
  .dl-offset-xl-21 {
    margin-left: 87.5%;
  }
  .dl-offset-xl-22 {
    margin-left: 91.66666667%;
  }
  .dl-offset-xl-23 {
    margin-left: 95.83333333%;
  }
  .dl-g-xl-0,
  .dl-gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .dl-g-xl-0,
  .dl-gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .dl-g-xl-1,
  .dl-gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .dl-g-xl-1,
  .dl-gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .dl-g-xl-2,
  .dl-gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .dl-g-xl-2,
  .dl-gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .dl-g-xl-3,
  .dl-gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .dl-g-xl-3,
  .dl-gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .dl-g-xl-4,
  .dl-gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .dl-g-xl-4,
  .dl-gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .dl-g-xl-5,
  .dl-gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .dl-g-xl-5,
  .dl-gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
.dl-d-inline {
  display: inline !important;
}

.dl-d-inline-block {
  display: inline-block !important;
}

.dl-d-block {
  display: block !important;
}

.dl-d-grid {
  display: grid !important;
}

.dl-d-inline-grid {
  display: inline-grid !important;
}

.dl-d-table {
  display: table !important;
}

.dl-d-table-row {
  display: table-row !important;
}

.dl-d-table-cell {
  display: table-cell !important;
}

.dl-d-flex {
  display: flex !important;
}

.dl-d-inline-flex {
  display: inline-flex !important;
}

.dl-d-none {
  display: none !important;
}

.dl-flex-fill {
  flex: 1 1 auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dl-align-content-stretch {
  align-content: stretch !important;
}

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

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

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

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

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

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

.dl-order-first {
  order: -1 !important;
}

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

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

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

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

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

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

.dl-order-last {
  order: 6 !important;
}

.dl-m-0 {
  margin: 0 !important;
}

.dl-m-1 {
  margin: 0.25rem !important;
}

.dl-m-2 {
  margin: 0.5rem !important;
}

.dl-m-3 {
  margin: 1rem !important;
}

.dl-m-4 {
  margin: 1.5rem !important;
}

.dl-m-5 {
  margin: 3rem !important;
}

.dl-m-auto {
  margin: auto !important;
}

.dl-mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.dl-mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.dl-mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.dl-mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.dl-mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.dl-mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.dl-mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.dl-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.dl-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.dl-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.dl-my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.dl-my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.dl-my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.dl-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.dl-mt-0 {
  margin-top: 0 !important;
}

.dl-mt-1 {
  margin-top: 0.25rem !important;
}

.dl-mt-2 {
  margin-top: 0.5rem !important;
}

.dl-mt-3 {
  margin-top: 1rem !important;
}

.dl-mt-4 {
  margin-top: 1.5rem !important;
}

.dl-mt-5 {
  margin-top: 3rem !important;
}

.dl-mt-auto {
  margin-top: auto !important;
}

.dl-me-0 {
  margin-right: 0 !important;
}

.dl-me-1 {
  margin-right: 0.25rem !important;
}

.dl-me-2 {
  margin-right: 0.5rem !important;
}

.dl-me-3 {
  margin-right: 1rem !important;
}

.dl-me-4 {
  margin-right: 1.5rem !important;
}

.dl-me-5 {
  margin-right: 3rem !important;
}

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

.dl-mb-0 {
  margin-bottom: 0 !important;
}

.dl-mb-1 {
  margin-bottom: 0.25rem !important;
}

.dl-mb-2 {
  margin-bottom: 0.5rem !important;
}

.dl-mb-3 {
  margin-bottom: 1rem !important;
}

.dl-mb-4 {
  margin-bottom: 1.5rem !important;
}

.dl-mb-5 {
  margin-bottom: 3rem !important;
}

.dl-mb-auto {
  margin-bottom: auto !important;
}

.dl-ms-0 {
  margin-left: 0 !important;
}

.dl-ms-1 {
  margin-left: 0.25rem !important;
}

.dl-ms-2 {
  margin-left: 0.5rem !important;
}

.dl-ms-3 {
  margin-left: 1rem !important;
}

.dl-ms-4 {
  margin-left: 1.5rem !important;
}

.dl-ms-5 {
  margin-left: 3rem !important;
}

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

.dl-p-0 {
  padding: 0 !important;
}

.dl-p-1 {
  padding: 0.25rem !important;
}

.dl-p-2 {
  padding: 0.5rem !important;
}

.dl-p-3 {
  padding: 1rem !important;
}

.dl-p-4 {
  padding: 1.5rem !important;
}

.dl-p-5 {
  padding: 3rem !important;
}

.dl-px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.dl-px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.dl-px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.dl-px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.dl-px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.dl-px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.dl-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dl-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.dl-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.dl-py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.dl-py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.dl-py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.dl-pt-0 {
  padding-top: 0 !important;
}

.dl-pt-1 {
  padding-top: 0.25rem !important;
}

.dl-pt