:root {
  --bd-theme-primary: #f15a29;
  --bd-theme-secondary: #c84017;
  --bd-body-primary: #1f2124;
  --bd-bg-primary: #17191b;
  --bd-bg-secondary: #23262a;
  --bd-bg-tertiary: #34383d;
  --bd-bg-quaternary: #292d31;
  --bd-gradient-2: linear-gradient(90deg, #f15a29 0%, #c84017 110.71%);
  --bd-gradient-3: linear-gradient(136deg, #f15a29 1.44%, #9f2e0d 90.3%);
  --bd-gradient-4: linear-gradient(90deg, #f15a29 0%, #c84017 100%);
  --bd-gradient-5: linear-gradient(99deg, #f15a29 4.72%, #9f2e0d 93.01%);
  --bd-gradient-6: linear-gradient(45.39deg, #f15a29 0%, #9f2e0d 100%);
}

html {
  scroll-behavior: smooth;
}

.header__logo img,
.offcanvas__logo img {
  width: 150px;
}

.bd-text-primary,
.main-menu ul li.active > a,
.main-menu ul li:hover > a {
  color: #f15a29 !important;
}

.bordered-blue {
  border-color: #f15a29 !important;
}

.banner__single-slide .is-overlay::before {
  background: linear-gradient(90deg, rgba(20, 21, 23, .88), rgba(20, 21, 23, .48));
}

.admin-access {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 90;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 999px;
  background: #f15a29;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}

.admin-access:hover {
  background: #fff;
  color: #1f2124;
}

@media (max-width: 575px) {
  .admin-access {
    right: 12px;
    bottom: 12px;
    padding: 10px 14px;
  }
}