:root {
  --accent-color: #42b7fd;
  --background-color: #d3d3d3;
  --default-color: #3f3f3f;
  --heading-color: #3f3f3f;
  --nav-hover-color: #42b7fd;
  --footer-background-color: #1b1b1b;
  --bs-body-bg: #d3d3d3 !important;
}

body {
  background-color: #d3d3d3 !important;
}

.header {
  margin-bottom: 0 !important;
}

.main {
  background-color: #d3d3d3 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.hero {
  background-color: var(--background-color) !important;
}

.hero .carousel {
  background: var(--background-color) !important;
}

.hero .carousel-item {
  background: var(--background-color) !important;
  background-color: var(--background-color) !important;
}

.hero .carousel-item::before {
  background: transparent !important;
}

.hero img {
  background: var(--background-color) !important;
}

.footer.dark-background {
  background-color: var(--footer-background-color) !important;
}