:root, [data-bs-theme=light] {
  --bs-primary: #364d54;
  --bs-primary-rgb: 54,77,84;
  --bs-primary-text-emphasis: #161F22;
  --bs-primary-bg-subtle: #D7DBDD;
  --bs-primary-border-subtle: #AFB8BB;
  --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108,117,125;
  --bs-secondary-text-emphasis: #2B2F32;
  --bs-secondary-bg-subtle: #E2E3E5;
  --bs-secondary-border-subtle: #C4C8CB;
  --bs-dark: #405e6f;
  --bs-dark-rgb: 64,94,111;
  --bs-dark-text-emphasis: #1A262C;
  --bs-dark-bg-subtle: #D9DFE2;
  --bs-dark-border-subtle: #B3BFC5;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #364d54;
  --bs-btn-border-color: #364d54;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2E4147;
  --bs-btn-hover-border-color: #2B3E43;
  --bs-btn-focus-shadow-rgb: 225,228,229;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2B3E43;
  --bs-btn-active-border-color: #293A3F;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #364d54;
  --bs-btn-disabled-border-color: #364d54;
}

.btn-outline-primary {
  --bs-btn-color: #364d54;
  --bs-btn-border-color: #364d54;
  --bs-btn-focus-shadow-rgb: 54,77,84;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #364d54;
  --bs-btn-hover-border-color: #364d54;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #364d54;
  --bs-btn-active-border-color: #364d54;
  --bs-btn-disabled-color: #364d54;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #364d54;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5C636A;
  --bs-btn-hover-border-color: #565E64;
  --bs-btn-focus-shadow-rgb: 233,234,236;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565E64;
  --bs-btn-active-border-color: #51585E;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #405e6f;
  --bs-btn-border-color: #405e6f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #36505E;
  --bs-btn-hover-border-color: #334B59;
  --bs-btn-focus-shadow-rgb: 226,231,233;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #334B59;
  --bs-btn-active-border-color: #304753;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #405e6f;
  --bs-btn-disabled-border-color: #405e6f;
}

.btn-outline-dark {
  --bs-btn-color: #405e6f;
  --bs-btn-border-color: #405e6f;
  --bs-btn-focus-shadow-rgb: 64,94,111;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #405e6f;
  --bs-btn-hover-border-color: #405e6f;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #405e6f;
  --bs-btn-active-border-color: #405e6f;
  --bs-btn-disabled-color: #405e6f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #405e6f;
}

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

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

.px-4 {
  padding-right: 1.5rem!important;
  padding-left: 1.5rem!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;
}

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

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

@media (min-width: 576px) {
  .pe-sm-7 {
    padding-right: 6rem !important;
  }
}

@media (min-width: 576px) {
  .pe-sm-9 {
    padding-right: 9rem !important;
  }
}

@media (min-width:768px) {
  .p-md-5 {
    padding: 3rem!important;
  }
}

@media (min-width:768px) {
  .pe-md-1 {
    padding-right: .25rem!important;
  }
}

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

@media (min-width:992px) {
  .pb-lg-1 {
    padding-bottom: .25rem!important;
  }
}

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