:root, [data-bs-theme=light] {
  --bs-secondary: #546371;
  --bs-secondary-rgb: 84,99,113;
  --bs-secondary-text-emphasis: #22282D;
  --bs-secondary-bg-subtle: #DDE0E3;
  --bs-secondary-border-subtle: #BBC1C6;
  --bs-info: rgba(7,7,8,0.99);
  --bs-info-rgb: 7,7,8,0.99;
  --bs-info-text-emphasis: #030303;
  --bs-info-bg-subtle: #CECECE;
  --bs-info-border-subtle: #9D9D9D;
  --bs-light: #88b2dc;
  --bs-light-rgb: 136,178,220;
  --bs-light-text-emphasis: #364758;
  --bs-light-bg-subtle: #E7F0F8;
  --bs-light-border-subtle: #CFE0F1;
  --bs-secondary-bg: #d0d6dc;
  --bs-secondary-bg-rgb: 208,214,220;
  --bs-body-font-family: Akatab, sans-serif;
  --bs-focus-ring-opacity: 0.3;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #546371;
  --bs-btn-border-color: #546371;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #475460;
  --bs-btn-hover-border-color: #434F5A;
  --bs-btn-focus-shadow-rgb: 229,232,234;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #434F5A;
  --bs-btn-active-border-color: #3F4A55;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #546371;
  --bs-btn-disabled-border-color: #546371;
}

.btn-outline-secondary {
  --bs-btn-color: #546371;
  --bs-btn-border-color: #546371;
  --bs-btn-focus-shadow-rgb: 84,99,113;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #546371;
  --bs-btn-hover-border-color: #546371;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #546371;
  --bs-btn-active-border-color: #546371;
  --bs-btn-disabled-color: #546371;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #546371;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(7,7,8,0.99);
  --bs-btn-border-color: rgba(7,7,8,0.99);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #060607;
  --bs-btn-hover-border-color: #060606;
  --bs-btn-focus-shadow-rgb: 218,218,219;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #060606;
  --bs-btn-active-border-color: #050506;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(7,7,8,0.99);
  --bs-btn-disabled-border-color: rgba(7,7,8,0.99);
}

.btn-outline-info {
  --bs-btn-color: rgba(7,7,8,0.99);
  --bs-btn-border-color: rgba(7,7,8,0.99);
  --bs-btn-focus-shadow-rgb: 7,7,8,0.99;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(7,7,8,0.99);
  --bs-btn-hover-border-color: rgba(7,7,8,0.99);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(7,7,8,0.99);
  --bs-btn-active-border-color: rgba(7,7,8,0.99);
  --bs-btn-disabled-color: rgba(7,7,8,0.99);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(7,7,8,0.99);
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #88b2dc;
  --bs-btn-border-color: #88b2dc;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #7497BB;
  --bs-btn-hover-border-color: #6D8EB0;
  --bs-btn-focus-shadow-rgb: 20,27,33;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #6D8EB0;
  --bs-btn-active-border-color: #6686A5;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #88b2dc;
  --bs-btn-disabled-border-color: #88b2dc;
}

.btn-outline-light {
  --bs-btn-color: #88b2dc;
  --bs-btn-border-color: #88b2dc;
  --bs-btn-focus-shadow-rgb: 136,178,220;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #88b2dc;
  --bs-btn-hover-border-color: #88b2dc;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #88b2dc;
  --bs-btn-active-border-color: #88b2dc;
  --bs-btn-disabled-color: #88b2dc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #88b2dc;
}

[data-bs-theme=dark] {
  --bs-secondary: #0d6efd;
  --bs-secondary-rgb: 13,110,253;
  --bs-secondary-text-emphasis: #6EA8FE;
  --bs-secondary-bg-subtle: #031633;
  --bs-secondary-border-subtle: #084298;
}

[data-bs-theme=dark] .btn-secondary, .btn-secondary[data-bs-theme=dark] {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0B5ED7;
  --bs-btn-hover-border-color: #0A58CA;
  --bs-btn-focus-shadow-rgb: 219,233,255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0A58CA;
  --bs-btn-active-border-color: #0A53BE;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

[data-bs-theme=dark] .btn-outline-secondary, .btn-outline-secondary[data-bs-theme=dark] {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
}

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

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

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

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

.me-10 {
  margin-right: 10.5rem !important;
}

.mb-0 {
  margin-bottom: 0!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;
}

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

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

