::-webkit-scrollbar {
    width: 2px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #bf9245;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

/* For Firefox */
scrollbar {
    width: 12px;
    height: 12px;
}

scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 10px;
}

scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}