#breadcrumb ol {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
    #breadcrumb li { display: flex; align-items: center; }
    #breadcrumb li:not(:first-child)::before {
        content: "> ";
        margin: 0 0.5rem;
        color: #666;
        font-weight: bold;
    }
    #breadcrumb a { text-decoration: underline; color: inherit; }
    #breadcrumb a:hover, #breadcrumb a:focus {
        text-decoration: none;
        outline: 2px solid #eeff02;
        outline-offset: 2px;
    }
    #breadcrumb .current { font-weight: bold; color: #fff; }
        @media (max-width: 480px) {
            .ftc-text-slide-1-item {
                font-size: 40px;
            }
            .ftc-text-slide-2-item {
                font-size: 30px;
            }
        }

        .text-background {
            background-color: rgba(92, 169, 250, 0.71); /* White background with 70% opacity */
            padding: 5px 10px;
            border-radius: 5px;
            display: inline; /* Changed to inline */
            box-shadow: 5px 0 0 rgb(79, 134, 188), -5px 0 0 rgb(63, 109, 149); /* Simulate background on each line */
        }
        .card {
            background-color: #1a1a1a !important;
            color: #fff !important;
            border: 1px solid #333 !important;
        }
        .card a {
            color: #c4ef17 !important;
        }
        .card a:hover {
            color: #fff !important;
        }
        .card .text-muted {
            color: #aaa !important;
        }
        .card-footer {
            background-color: #222 !important;
            border-top: 1px solid #333 !important;
        }
        .card h2.h5 a {
            color: #c4ef17 !important;
        }
        .card h2.h5 a:hover {
            color: #fff !important;
        }
        .card p {
            color: #ccc !important;
        }

#category-filter-list .list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: #fff; /* Explicitly set color */
    text-decoration: none;
    background-color: #121314; /* Explicitly set background color */
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}