*,
*::before,
*::after {
  box-sizing: border-box;
}

.container {
  width: min(100% - 24px, 1140px);
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}

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

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

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

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

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

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

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

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

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.top-0 {
  top: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

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

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

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

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

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

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

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

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

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

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

.g-4,
.gy-4 {
  --buu-lite-gutter-y: 1.5rem;
}

.g-4 {
  --buu-lite-gutter-x: 1.5rem;
}

.gy-5 {
  --buu-lite-gutter-y: 3rem;
}

.g-4 > *,
.gy-4 > *,
.gy-5 > * {
  margin-top: var(--buu-lite-gutter-y, 0);
}

.g-4 {
  margin-right: calc(var(--buu-lite-gutter-x, 0) * -.5);
  margin-left: calc(var(--buu-lite-gutter-x, 0) * -.5);
}

.g-4 > * {
  padding-right: calc(var(--buu-lite-gutter-x, 0) * .5);
  padding-left: calc(var(--buu-lite-gutter-x, 0) * .5);
}

.rounded-4 {
  border-radius: 1rem !important;
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.display-5 {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 300;
  line-height: 1.2;
}

.bg-primary {
  background-color: #0d6efd !important;
}

.bg-success {
  background-color: #198754 !important;
}

@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }

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

@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }

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

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
}