#back-to-top {
    position: fixed;
    width: 50px; /* Set the width of the button */
    height: 50px; /* Set the height of the button */
    background-color: #000; /* Button background color */
    color: #fff; /* Icon color */
    border: none;
    border-radius: 50%; /* Make the button round */
    cursor: pointer;
    z-index: 999;
    display: none; /* Initially hidden */
    font-size: 20px; /* Size of the icon */
    align-items: center; /* Center icon vertically */
    justify-content: center; /* Center icon horizontally */
    display: flex; /* Use flexbox for centering */
    text-align: center;
    padding: 0; /* Remove padding to keep button round */
}

#back-to-top.bottom-right {
    bottom: 20px;
    right: 20px;
}

#back-to-top.bottom-left {
    bottom: 20px;
    left: 20px;
}

#back-to-top.top-right {
    top: 20px;
    right: 20px;
}

#back-to-top.top-left {
    top: 20px;
    left: 20px;
}

#back-to-top svg {
    rotate: -90deg;
}

#back-to-top:hover {
    background-color: #86111e;
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #86111e;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a21d21;
}