:root {
    --slider-sub-box-bg-color: rgba(1, 76, 80, 0.4);
    --brand-content-bg-color: var(--academy-color);
    --brand-conten-color: #ffffff;
    --course-boxes-bg-color: var(--academy-color);
    --course-price-bg-color: rgba(1, 76, 80, 0.1);
    --course-price-boxes-bg-color: var(--academy-color);
    --package-price-bg-color: rgba(1, 76, 80, 0.1);
    --package-price-boxes-bg-color: var(--academy-color);
    --calculator-price-bg-color: rgba(1, 76, 80, 0.1);
    --calculator-price-boxes-bg-color: var(--academy-color);
    --database-price-bg-color: rgba(1, 76, 80, 0.1);
    --database-price-boxes-bg-color: var(--academy-color);
    --details-border-color: var(--academy-color);
    --details-odd-bg-color: rgba(1, 76, 80, 0.05);
    --course-list-difficulty-color: var(--academy-color);
}

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

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

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

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