::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 7px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 7px;
    }

::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 7px;
    border: 2px solid #f5f5f5;
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.custom-tabs {
    border-bottom: none;
    display: inline-block;
}

    .custom-tabs > li {
        margin: 5px;
    }

        .custom-tabs > li > a {
            background-color: transparent;
            border: 2px dotted #d5aa6d;
            color: #333;
            padding: 10px 20px;
            border-radius: 4px;
            transition: all 0.3s ease;
        }

            .custom-tabs > li > a:hover,
            .custom-tabs > li.active > a,
            .custom-tabs > li.active > a:hover,
            .custom-tabs > li.active > a:focus {
                background-color: #d5aa6d; /* Dark blue background */
                color: white;
                border-color: #d5aa6d; /* Solid border on active/hover */
            }