:root {
    --slider-sub-box-bg-color: rgba(25, 93, 128, 0.4);
    --brand-content-bg-color: var(--documents-color);
    --brand-conten-color: #ffffff;
    --course-boxes-bg-color: var(--documents-color);
    --course-price-bg-color: rgba(25, 93, 128, 0.1);
    --course-price-boxes-bg-color: var(--documents-color);
    --package-price-bg-color: rgba(25, 93, 128, 0.1);
    --package-price-boxes-bg-color: var(--documents-color);
    --calculator-price-bg-color: rgba(25, 93, 128, 0.1);
    --calculator-price-boxes-bg-color: var(--documents-color);
    --database-price-bg-color: rgba(25, 93, 128, 0.1);
    --database-price-boxes-bg-color: var(--documents-color);
    --details-border-color: var(--documents-color);
    --details-odd-bg-color: rgba(25, 93, 128, 0.05);
    --course-list-difficulty-color: var(--documents-color);
    --discount-color: #ff3e3e;
    --nl-contact-bg-color: var(--documents-color);
    --nl-contact-link-color: #c9622f;
}

#headercontainer {
    background: var(--documents-color);
}

.course-box .btn {
    background: var(--documents-color);
}
.course-box .btn:hover,
.course-box .btn:focus {
    background: var(--button-hover-bg-color);
}

.package-box .btn {
    background: var(--documents-color);
}
.package-box .btn:hover,
.package-box .btn:focus {
    background: var(--button-hover-bg-color);
}

.calculator-db-box .btn {
    background: var(--documents-color);
}
.calculator-db-box .btn:hover,
.calculator-db-box .btn:focus {
    background: var(--button-hover-bg-color);
}

#recent-blog-list .more {
    background: var(--documents-color);
}
#recent-blog-list .more:hover,
#recent-blog-list .more:focus {
    background: var(--button-hover-bg-color);
}