@media (max-width: 992px) {
    /* .container-navbar{
        margin-top: 40px !important;
    } */
    .navbar.bg-transparent {
      background-color: white !important;
    }
}

.navbar{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

@media (max-width: 960px) {
  .navbar{
    position: relative;
  }
}

.navbar .navbar-nav .nav-item {
    position: relative;
    font-weight: 400;
    font-size: 14px;
  }
  .navbar .navbar-nav .nav-item :hover{
    color: #7ab730;
  }
.navbar .navbar-nav .nav-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    background-color: #7ab730;
    width: 0%;
    height: 4px;
    transition: all 0.3s;
  }
  .navbar .navbar-nav .nav-item:hover::after {
    width: 100%;
  }

.dropdown-item.active, .dropdown-item:active {
    color: white !important;
    text-decoration: none;
    background-color: #90b795;
}
.nav-link{
  color: black !important;
}

.m-0 { margin: 0px !important; }
.mt-0, .my-0 { margin-top: 0px !important; }
.mr-0, .mx-0 { margin-right: 0px !important; }
.mb-0, .my-0 { margin-bottom: 0px !important; }
.ml-0, .mx-0 { margin-left: 0px !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1, .my-1 { margin-top: 0.25rem !important; }
.mr-1, .mx-1 { margin-right: 0.25rem !important; }
.mb-1, .my-1 { margin-bottom: 0.25rem !important; }
.ml-1, .mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2, .my-2 { margin-top: 0.5rem !important; }
.mr-2, .mx-2 { margin-right: 0.5rem !important; }
.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
.ml-2, .mx-2 { margin-left: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.ml-3, .mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4, .my-4 { margin-top: 1.5rem !important; }
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
.ml-4, .mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5, .my-5 { margin-top: 3rem !important; }
.mr-5, .mx-5 { margin-right: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.ml-5, .mx-5 { margin-left: 3rem !important; }