:root, [data-bs-theme=light] {
  --bs-primary: #000000;
  --bs-primary-rgb: 0,0,0;
  --bs-primary-text-emphasis: #000000;
  --bs-primary-bg-subtle: #CCCCCC;
  --bs-primary-border-subtle: #999999;
  --bs-secondary: #000000;
  --bs-secondary-rgb: 0,0,0;
  --bs-secondary-text-emphasis: #000000;
  --bs-secondary-bg-subtle: #CCCCCC;
  --bs-secondary-border-subtle: #999999;
  --bs-light: #dfff00;
  --bs-light-rgb: 223,255,0;
  --bs-light-text-emphasis: #596600;
  --bs-light-bg-subtle: #F9FFCC;
  --bs-light-border-subtle: #F2FF99;
  --bs-dark: #858D99;
  --bs-dark-rgb: 133,141,153;
  --bs-dark-text-emphasis: #35383D;
  --bs-dark-bg-subtle: #E7E8EB;
  --bs-dark-border-subtle: #CED1D6;
  --bs-body-color: #333333;
  --bs-body-color-rgb: 51,51,51;
  --bs-secondary-color: #333333;
  --bs-secondary-color-rgb: 51,51,51;
  --bs-body-bg: #F5F5F0;
  --bs-body-bg-rgb: 245,245,240;
  --bs-secondary-bg: #DFDFDE;
  --bs-secondary-bg-rgb: 223,223,222;
  --bs-tertiary-color: rgba(51,51,51,0.5);
  --bs-tertiary-color-rgb: 51,51,51,0.5;
  --bs-body-font-family: Figtree, sans-serif;
  --bs-body-font-weight: normal;
  --bs-link-color: #333333;
  --bs-link-color-rgb: 51,51,51;
  --bs-link-hover-color: #999;
  --bs-link-hover-color-rgb: 153,153,153;
  --bs-link-decoration: none;
  --bs-link-hover-decoration: none;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 217,217,217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #000000;
  --bs-btn-disabled-border-color: #000000;
}

.btn-outline-primary {
  --bs-btn-color: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 0,0,0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #000000;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 217,217,217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #000000;
  --bs-btn-disabled-border-color: #000000;
}

.btn-outline-secondary {
  --bs-btn-color: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 0,0,0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #000000;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #dfff00;
  --bs-btn-border-color: #dfff00;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #BED900;
  --bs-btn-hover-border-color: #B2CC00;
  --bs-btn-focus-shadow-rgb: 33,38,0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #B2CC00;
  --bs-btn-active-border-color: #A7BF00;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #dfff00;
  --bs-btn-disabled-border-color: #dfff00;
}

.btn-outline-light {
  --bs-btn-color: #dfff00;
  --bs-btn-border-color: #dfff00;
  --bs-btn-focus-shadow-rgb: 223,255,0;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #dfff00;
  --bs-btn-hover-border-color: #dfff00;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #dfff00;
  --bs-btn-active-border-color: #dfff00;
  --bs-btn-disabled-color: #dfff00;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dfff00;
}

.btn-dark {
  --bs-btn-color: #000000;
  --bs-btn-bg: #858D99;
  --bs-btn-border-color: #858D99;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #979EA8;
  --bs-btn-hover-border-color: #9198A3;
  --bs-btn-focus-shadow-rgb: 20,21,23;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #9DA4AD;
  --bs-btn-active-border-color: #9198A3;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #858D99;
  --bs-btn-disabled-border-color: #858D99;
}

.btn-outline-dark {
  --bs-btn-color: #858D99;
  --bs-btn-border-color: #858D99;
  --bs-btn-focus-shadow-rgb: 133,141,153;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #858D99;
  --bs-btn-hover-border-color: #858D99;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #858D99;
  --bs-btn-active-border-color: #858D99;
  --bs-btn-disabled-color: #858D99;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #858D99;
}

a {
  text-decoration: var(--bs-link-decoration);
}

a:hover {
  text-decoration: var(--bs-link-hover-decoration);
}

.aspect-ratio-16x9 {
  aspect-ratio: 16/9;
}

.aspect-ratio-4x3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}

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

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

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

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

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

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

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

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

.py-7 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

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

@media (min-width: 576px) {
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 768px) {
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (min-width: 992px) {
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media (min-width: 1200px) {
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}