:root {
  --bs-primary: #015daa;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-orange: #eb840b;
  --bs-dark-blue: #0a2033;
  --bs-primary-rgb: 1, 93, 170;
  --bs-orange-rgb: 235, 132, 11;
  --bs-dark-blue-rgb: 10, 32, 51;
  --bs-font-sans-serif: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-orange {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}
.text-dark-blue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-blue-rgb), var(--bs-text-opacity)) !important;
}
.btn-outline-orange {
  --bs-btn-color: #eb840b;
  --bs-btn-border-color: #eb840b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #eb840b;
  --bs-btn-hover-border-color: #eb840b;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #eb840b;
  --bs-btn-active-border-color: #eb840b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eb840b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eb840b;
  --bs-gradient: none;
}
.btn-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #eb840b;
  --bs-btn-border-color: #eb840b;
  --bs-btn-hover-color: #eb840b;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #eb840b;
  --bs-btn-focus-shadow-rgb: 235, 132, 11;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #eb840b;
  --bs-btn-active-border-color: #eb840b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #eb840b;
  --bs-btn-disabled-border-color: #eb840b;
}

.input-orange {
  --bs-btn-color: #eb840b;
  --bs-btn-border-color: #eb840b;
  --bs-btn-disabled-color: #eb840b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eb840b;
  --bs-gradient: none;
  font-weight: bold;
}
.input-orange::placeholder {
  color: #eb840b;
  font-weight: bold;
}

.border-orange {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important;
}

.bg-dark-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-blue-rgb), var(--bs-bg-opacity)) !important;
}

.d-flex.overflow-auto {
  /* Add 'scrollbar-width' property to support Firefox */
  scrollbar-width: thin;

  /* Add 'scrollbar-color' property to support Firefox */
  scrollbar-color: rgba(155, 155, 155, 0.7) transparent;
}

/* Now we target the scrollbar itself */
.d-flex.overflow-auto::-webkit-scrollbar {
  width: 0.75rem;  /* you can set it to any size you want */
  height: 0.5rem; /* and also the height */
}

/* The 'track' of the scrollbar */
.d-flex.overflow-auto::-webkit-scrollbar-track {
  background: transparent;  /* make it transparent to hide the track */
}

/* The 'handle' or 'thumb' of the scrollbar */
.d-flex.overflow-auto::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.7);  /* slightly transparent grey */
  border-radius: 1rem; /* make it rounded */
  border: 3px solid transparent; /* make a transparent border */
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-2xl) !important;
  border-top-right-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-2xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-2xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-2xl) !important;
  border-top-left-radius: var(--bs-border-radius-2xl) !important;
}

.btn {
  --bs-btn-border-radius: 0rem;
}