[data-bs-theme="dark"] {
  --bs-body-bg: #181a1b;
  --bs-body-color: #f8f9fa;
  --bs-primary: #4f8cff;
  --bs-secondary: #00bfff;
  --bs-success: #43a047;
  --bs-info: #29b6f6;
  --bs-warning: #ffb300;
  --bs-danger: #e57373;
  --bs-light: #23272b;
  --bs-dark: #f8f9fa;
  --bs-border-color: #333;
  --bs-card-bg: #23272b;
  --bs-link-color: #90caf9;
  --bs-link-hover-color: #bbdefb;
  --bs-bg-white: #23272b;
  --bs-bg-light: #23272b;
  --bs-bg-dark: #181a1b;
  --bs-bg-success: #2e7d32;
  --bs-bg-danger: #b71c1c;
  --bs-bg-warning: #ffb300;
  --bs-bg-info: #0288d1;
  --bs-bg-primary: #283593;
  --bs-bg-secondary: #263238;
}

[data-bs-theme="white"] {
  /* --bs-body-bg: #181a1b;
  --bs-body-color: #f8f9fa;
  --bs-primary: #4f8cff;
  --bs-secondary: #00bfff;
  --bs-success: #43a047;
  --bs-info: #29b6f6;
  --bs-warning: #ffb300;
  --bs-danger: #e57373;
  --bs-light: #23272b;
  --bs-dark: #f8f9fa;
  --bs-border-color: #333; */
  --bs-card-bg: white;
  /* --bs-link-color: #90caf9;
  --bs-link-hover-color: #bbdefb;
  --bs-bg-white: #23272b;
  --bs-bg-light: #23272b;
  --bs-bg-dark: #181a1b;
  --bs-bg-success: #2e7d32;
  --bs-bg-danger: #b71c1c;
  --bs-bg-warning: #ffb300;
  --bs-bg-info: #0288d1;
  --bs-bg-primary: #283593;
  --bs-bg-secondary: #263238; */
}

/* Make sure backgrounds and text use the variables */
/* body, .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
} */

/* Cards, modals, dropdowns, navbars, etc. */
.card, .modal-content, .dropdown-menu, .offcanvas, .list-group-item, .bg-white, .bg-light, .shadow, .rounded, .border{
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Table backgrounds */
.table, .table-bordered, .table-striped, .table-hover, .table-primary, .table-secondary, .table-success, .table-danger, .table-warning, .table-info, .table-light, .table-dark {
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
}
.table th, .table td {
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
}

html[data-bs-theme="dark"] svg path {
  fill: #181a1b;
}
html[data-bs-theme="light"] .wave-path {
  fill: white;
}


.testRow:hover, .dropdown-item:hover {
  background-color: #e7f3ff;
}
html[data-bs-theme="dark"] .testRow:hover, html[data-bs-theme="dark"] .dropdown-item:hover {
  background-color: #333333;
}

.bg-achievement-card {
  background-color: #181a1b !important;
  color: white !important;
}
html[data-bs-theme="dark"] .bg-achievement-card {
  background-color: #333333 !important;
}

/* black text white bg */
.dropdown-item {
  color: #181a1b !important;
}
html[data-bs-theme="dark"] .dropdown-item {
  color: white !important;
}
.btn-rounded:hover {
  background: linear-gradient(to right, rgba(65, 105, 225, 0.95), rgba(0, 191, 255, 0.95)) !important;
}
.btn-rounded:hover a{
  color: white !important;
}
.btn-rounded:hover a:hover{
  color: lightgreen !important;
}
.gradient {
  background: linear-gradient(to right, rgba(65, 105, 225, 0.95), rgba(0, 191, 255, 0.95));
}
html[data-bs-theme="dark"] .gradient {
  background: linear-gradient(to right, rgba(12, 57, 192, 0.95), rgba(6, 122, 161, 0.95));
}

body.not-homepage{
  background-image: url(/public/images/4.png);
  background-repeat: repeat;
  background-position: top left;
  background-size: 180px 180px;
}
html[data-bs-theme="dark"] body.not-homepage {
  background-image: url(/public/images/5.png);
} 

html[data-bs-theme="dark"] #garden-wrapper {
  background: linear-gradient(to top, rgb(39, 75, 42) 0%, rgba(234, 255, 234, 0) 100%);
}

html[data-bs-theme="dark"] .nav-item .topButton:hover {
  background-color: rgb(52, 138, 243);
}

html[data-bs-theme="dark"] .separator::before,
html[data-bs-theme="dark"] .separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #fff;
}

html[data-bs-theme="dark"] .nav-link:hover,html[data-bs-theme="dark"] .nav-link:focus {
  color: #aaa;
}
.back-to-top i {
  color: #000;
}
html[data-bs-theme="dark"] .back-to-top i {
  color: #fff;
}

html[data-bs-theme="dark"] .toast {
  background: rgba(31, 11, 11, 0.85);
}
html[data-bs-theme="dark"] .btn-close {
  color: #fff;
}
.btn-close {
  background: none;
  font-size: 20px;
  height: auto;
}

/* html[data-bs-theme="dark"] .qImg { */
  /* background-color: #181a1b; not working for transparent png*/
  /* filter: invert(100%) brightness(200%); */
/* } */

html[data-bs-theme="dark"] .page-link {
  color: #fff;
  background-color: #2b3236;
  border: 1px solid #dee2e6;
}
html[data-bs-theme="dark"] .progress-container {
  background: #2b3236;
}

html[data-bs-theme="dark"] .question-number {
  background-color: darkgray;
}

html[data-bs-theme="dark"] .categoryBubble {
  background-color: #444;
}

#questionAndAnswer table, .qreview table {
  margin-top: 10px;
}

#questionAndAnswer th, .qreview th {
  font-weight: bold;
  background-color: #999;
}

#questionAndAnswer th, #questionAndAnswer td, .qreview th, .qreview td {
  border: 1px solid black;
  padding: 5px 12px;
}

html[data-bs-theme="dark"] #questionAndAnswer th, html[data-bs-theme="dark"] #questionAndAnswer td, html[data-bs-theme="dark"] .qreview th, html[data-bs-theme="dark"] .qreview td {
  border: 1px solid white;
}


.testimonials__card {
    background-color: #A1E7FF;
}
html[data-bs-theme="dark"] .testimonials__card {
    background-color: #333;
}

.testimonials__name{
  padding-top: 0rem;
  color: inherit;
}
.testimonials__name p {
    padding-bottom: 0rem;
}