.term-btn {
    background-color: transparent;
    border-radius: 25px;
    border: solid rgba(255, 144, 39, 0.9);
    color: var(--brand-light);
    font-weight: 700;
    width: 15% !important;
}

.term-btn:hover {
    background-color: rgba(255, 144, 39, 0.9);
    border-radius: 25px;
    border: solid rgba(255, 144, 39, 0.9);
    color: var(--brand-light);
    font-weight: 700;
    width: 15% !important;
}

.term-btn.active {
    background-color: rgba(255, 144, 39, 0.9) !important;
    border-radius: 25px;
    border: solid rgba(255, 144, 39, 0.9);
    color: var(--brand-light);
    width: 15% !important;
}

/* Custom range slider styling */
.custom-range::-webkit-slider-thumb {
    background-color: rgba(255, 144, 39, 0.9);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-top: -8px;
    cursor: pointer;
    appearance: none;
}

.custom-range::-webkit-slider-thumb:hover {
    background-color: rgba(255, 144, 39, 0.9);
}

.custom-range::-moz-range-thumb {
    background-color: rgba(255, 144, 39, 0.9);
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
}

.custom-range::-ms-thumb {
    background-color: rgba(255, 144, 39, 0.9);
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
}

.custom-range::-webkit-slider-runnable-track {
    background: var(--brand-light);
    height: 6px;
    border-radius: 3px;
}

.custom-range::-moz-range-track {
    background-color: var(--brand-light);
    height: 6px;
    border-radius: 3px;
}

.custom-range::-ms-track {
    background-color: var(--brand-light);
    height: 6px;
    border-radius: 3px;
}