:root {
  --color-orange: #F16E00;
}

.copyright>p>strong {
  color: var(--color-orange);
}

.copyright a,
.credits a {
  color: #444;
}

#hero .btn-get-started {
  background-color: var(--color-orange);
  color: #fff;
}

#hero .btn-get-started:hover {
  color: var(--color-orange);
}

.popular-tag ul li a:hover,
.footer-icons ul li a:hover,
.footer-contacts p span,
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a,
.credits>a {
  color: var(--color-orange);
}

.popular-tag ul li a:hover,
.footer-icons ul li a:hover {
  background: var(--color-orange);
  border: 1px solid var(--color-orange);
  color: #fff;
}

.footer-logo h2 span {
  color: var(--color-orange);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-orange);
  --bs-btn-border-color: var(--color-orange);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-orange);
  --bs-btn-hover-border-color: var(--color-orange);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-orange);
  --bs-btn-active-border-color: var(--color-orange);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--color-orange);
  --bs-btn-disabled-border-color: var(--color-orange);
}

#header {
  background-color: rgb(0, 0, 0);
}

.footer-area-bottom {
  background: #000 none repeat scroll 0 0;
}

.credits,
.copyright>p {
  color: #fff;
}