:root {
    --theme-color: #98c135;
    --theme-color-light: rgba(152, 193, 53, .08); /* rgb of --theme-color */
    --theme-color2: #7cbed6;
    --color-dark: #413c35;
}

/* hs-1 */
.hs-1 .hero-slider{
  background: var(--theme-color-light);
}

@media (min-width: 992px) {
    .navbar .nav-item .nav-link.active, .navbar .nav-item:hover .nav-link {
        color: var(--color-dark);
    }
}