.slider-sub{
    position: relative;
}

.slider-sub:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--banner-overlay);
}

.text-blue, i.text-blue::before{
    color: var(--theme-color) !important;
}

.bg-gradient-blue {
    background: linear-gradient(136deg, hsl(var(--hue), var(--sat), calc(var(--light) + 5%)) 0%, hsl(var(--hue), var(--sat), calc(var(--light) + 5%)) 100%);
}

.nav-link.active{
    color: var(--theme-color) !important;
}
.slider-item{
    background-color: unset !important;
}
.slider-item:before{
    position: absolute;
    content: '';
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: var(--banner-overlay);
}
.scroll-to-top-btn{
    background-color: hsl(var(--hue), var(--sat), calc(var(--light) + 8%)) !important;
}

.scroll-to-top-btn:hover{
    background-color: hsl(var(--hue), var(--sat), calc(var(--light) - 8%)) !important;
}

.text-deep-purple, .text-primary{
   color: var(--theme-color) !important;
}

.pricing-block.style-four .pricing-main .list-pricing .row > div:nth-child(2) .pricing-item {
    border-top: 4px solid var(--theme-color) !important;
}
.hover-bg-primary:hover{
    background-color: var(--theme-color) !important;
    color: white;
}

.hover-border-blue:hover i{
    color: var(--theme-color) !important;
}