:root {
    --theme-color: #11a060;
    --theme-color-light: rgba(152, 193, 53, .08); /* rgb of --theme-color */
    --theme-color2: #018498;
    --theme-color3: #29f231;
    --color-dark: #413c35;
}

/* hs-1 */
.hs-1 .hero-slider{
  background: var(--theme-color-light);
}
.footer-area {
    background-color: var(--theme-color2);
}
@media (min-width: 992px) {
    .navbar .nav-item .nav-link.active, .navbar .nav-item:hover .nav-link {
        color: var(--theme-color3);
    }
}