/* Generating Color Pack*/
.color-highlight {
    color: #33cc66 !important;
}

.bg-highlight {
    background-color: #33cc66 !important;
    color: #fff !important;
}

.border-highlight {
    border-color: #33cc66 !important;
}

.gradient-highlight {
    background-image: linear-gradient(to bottom, #a0d468, #33cc66) !important;
}

.splide__pagination__page.is-active {
    background-color: #33cc66 !important;
}

input[type="range"]::-webkit-slider-thumb {
    background-color: #33cc66;
}

.color-highlight {
    color: #33cc66;
}

.bg-highlight {
    background-color: #33cc66;
    color: #fff !important;
}

#footer-bar .active-nav i {
    background-image: linear-gradient(to bottom, #a0d468, #33cc66) !important;
    color: #fff !important;
}

#footer-bar .active-nav i::after {
    transform: scale(0.8) translateY(5px) translateZ(0px);
    filter: blur(12px);
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
}