/*.scroll-container {
    width: 100%;
    height: 539px;*/
    /* Fixed height for scrolling */
    /*overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f8f9fa;*/
    /* Light background */
    /*position: relative;
}

h4 {
    position: sticky;
    top: 0;
    background: #fff;*/
    /* White background for the heading */
    /*z-index: 2;*/
    /* Keeps the heading above scrolling content */
    /*margin: 0;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;*/
    /* Divider for better visibility */
/*}

ul.scroll-content {
    position: absolute;
    top: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 200%;*/
    /* Double the height to create seamless scrolling */
    /*animation: scroll-up-loop 20s linear infinite;*/
    /* Smooth, loop scrolling */
/*}

ul.scroll-content li {
    padding:5px 10px;
    border-bottom: 1px solid #ddd;
}

ul.scroll-content li a {
    text-decoration: none;
    color: #0B2239;
    font-size: 14px;
}

ul.scroll-content li a:hover {

    color: #1e9835;
}

@keyframes scroll-up-loop {
    0% {
        transform: translateY(0);*/
        /* Start position */
    /*}

    100% {
        transform: translateY(-50%);*/
        /* Move up by half the height of the container */
    /*}
}

.scroll-container:hover ul.scroll-content {
    animation-play-state: paused;
}*/

.scroll-container {
    width: 100%;
    height: 539px;
    /* Fixed height for scrolling */
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f8f9fa;
    position: relative;
}

h4 {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

ul.scroll-content {
    position: absolute;
    bottom: 0; /* Start at the bottom */
    list-style: none;
    padding: 0;
    margin: 0;
    height: auto;
    animation: scroll-up-loop 50s linear infinite;
}

    ul.scroll-content li {
        padding: 5px 10px;
        border-bottom: 1px solid #ddd;
    }

        ul.scroll-content li a {
            text-decoration: none;
            color: #0B2239;
            font-size: 14px;
        }

            ul.scroll-content li a:hover {
                color: #1e9835;
            }

@keyframes scroll-up-loop {
    0% {
        transform: translateY(100%); /* Start from the bottom */
    }

    100% {
        transform: translateY(-100%); /* Scroll upwards */
    }
}

.scroll-container:hover ul.scroll-content {
    animation-play-state: paused;
}