:root {
  --gd-accent: #f9e916;
  --gd-accent-dark: #d6c700;
  --gd-accent-rgb: 249, 233, 22;
  --bs-danger: #f9e916;
  --bs-danger-rgb: 249, 233, 22;
  --bs-link-color: #f9e916;
  --bs-link-hover-color: #d6c700;
}

.text-danger,
.icon-shape.bg-gradient-danger i,
.material-icons.text-danger {
  color: var(--gd-accent) !important;
}

.navbar-nav .nav-link.text-danger {
  color: #4a4320 !important;
  background: rgba(var(--gd-accent-rgb), 0.28);
  border-radius: 999px;
  font-weight: 700;
  padding-left: 0.9rem !important;
  padding-right: 0.9rem !important;
}

h1 .text-danger,
h2 .text-danger,
h3 .text-danger,
.h1 .text-danger,
.h2 .text-danger,
.h3 .text-danger {
  font-weight: 800 !important;
}

.text-gradient.text-danger {
  background-image: linear-gradient(195deg, #fff176, var(--gd-accent)) !important;
}

.bg-gradient-danger,
.badge-primary,
.bg-gradient-danger.shadow-dark {
  background-image: linear-gradient(195deg, #fff176, var(--gd-accent)) !important;
  background-color: var(--gd-accent) !important;
}

.btn.bg-gradient-danger,
.badge-primary,
.icon-shape.bg-gradient-danger {
  color: #1f1f1f !important;
}

.btn.bg-gradient-danger {
  box-shadow: 0 3px 3px 0 rgba(var(--gd-accent-rgb), 0.15),
    0 3px 1px -2px rgba(var(--gd-accent-rgb), 0.2),
    0 1px 5px 0 rgba(var(--gd-accent-rgb), 0.15) !important;
}

.shadow-danger,
.shadow-dangers,
.btn.bg-gradient-danger:hover,
.btn.bg-gradient-danger:focus {
  box-shadow: 0 14px 26px -12px rgba(var(--gd-accent-rgb), 0.4),
    0 4px 23px 0 rgba(var(--gd-accent-rgb), 0.15),
    0 8px 10px -5px rgba(var(--gd-accent-rgb), 0.2) !important;
}

.btn.bg-gradient-danger:hover,
.btn.bg-gradient-danger:focus,
.btn.bg-gradient-danger:active {
  background-image: linear-gradient(195deg, var(--gd-accent), var(--gd-accent-dark)) !important;
  color: #1f1f1f !important;
}

a.text-danger:hover,
.navbar-nav .nav-link.text-danger:hover {
  color: var(--gd-accent-dark) !important;
}

.hero-pill {
  display: inline-block;
  padding: 0.7rem 1.4rem;
  border-radius: 999px;
  background: linear-gradient(195deg, #fff176, var(--gd-accent));
  color: #1f1f1f !important;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}

.hero-yellow-btn {
  background: linear-gradient(195deg, #fff176, var(--gd-accent)) !important;
  background-color: var(--gd-accent) !important;
  color: #1f1f1f !important;
  border: 0 !important;
  border-radius: 0.75rem;
  font-weight: 700;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-shadow: 0 8px 18px rgba(var(--gd-accent-rgb), 0.25) !important;
}

.hero-yellow-btn:hover,
.hero-yellow-btn:focus,
.hero-yellow-btn:active {
  background: linear-gradient(195deg, var(--gd-accent), var(--gd-accent-dark)) !important;
  background-color: var(--gd-accent-dark) !important;
  color: #1f1f1f !important;
}

.footer {
  border-top: 1px solid rgba(52, 71, 103, 0.12);
}

@media (max-width: 991.98px) {
  .navbar .navbar-brand img {
    height: 34px !important;
    max-width: 100%;
  }
}