:root{
  --primary: rgb(15, 161, 30);
  --primary-dark: rgb(0, 120, 12);
}

.bg {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--primary)),
    to(var(--primary-dark))
  );

  background-image: linear-gradient(
    0deg,
    var(--primary),
    var(--primary-dark)
  );
  color: #fff;
}
.bg .nav .nav-item.active a, .bg .nav .nav-item a:hover {
  background-color: var(--bs-green);
}

.bg-prime{
  background-color: var(--primary);
}
.bg .nav .nav-item a, .bg .nav .nav-item a:hover {
  color: #fff;
}

.layout-no-bg{
  box-shadow: 0 .125rem .25rem rgba(28,43,54,.075)!important;
  margin-bottom: 1rem!important;
  padding: 1.5rem!important;
  --bs-bg-opacity: 1;
  border-radius: 0.5rem!important;
  color: #394247;
  background-color: var(--primary);
}