:root {
  --brand-green: rgb(4, 124, 120);
}

.text-success, .text-success-emphasis, #mainNav.navbar-shrink .nav-link.active, #mainNav.navbar-shrink .nav-link:hover {
  color: var(--brand-green) !important;
}

.bg-success, .btn-success {
  background-color: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
}

.btn-link.text-success:hover {
  color: #035e5b !important;
}

#mainNav {
  background-color: transparent !important;
  padding-top: 1.5rem !important;
  padding-bottom: 3rem !important;
  transition: background-color 0.3s ease-in-out, padding 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

#mainNav .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600;
}

#mainNav .nav-link:hover, #mainNav .nav-link.active {
  color: #fff !important;
}

#mainNav .navbar-brand img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease-in-out;
}

#mainNav.navbar-shrink {
  background-color: #ffffff !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}

#mainNav.navbar-shrink .nav-link {
  color: #1b412e !important;
}

#mainNav.navbar-shrink .navbar-brand img {
  filter: none;
}

#mainNav .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.5);
}

#mainNav .navbar-toggler-icon {
  filter: invert(1);
}

#mainNav.navbar-shrink .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
}

#mainNav.navbar-shrink .navbar-toggler-icon {
  filter: none;
}

@media (max-width: 991px) {
  #mainNav .navbar-collapse {
    background: #fff;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 991px) {
  #mainNav .navbar-collapse .nav-link {
    color: #1b412e !important;
  }
}

@media (max-width: 991px) {
  #mainNav:not(.navbar-shrink) .navbar-collapse .nav-link {
    color: #1b412e !important;
  }
}