.logo-nav span {
    color: #333;
    font-weight: 600;
    font-size: 26px;
    display: block;
    width: auto;
    float: left;
    text-align: left;
}

.custom-card-header {
    background-color: #003630;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.scroll-box {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.scroll-content {
    position: absolute;
    bottom: -100%;
    animation: scroll-up 20s linear infinite;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

/* Pause scrolling on hover */
.scroll-box:hover .scroll-content {
    animation-play-state: paused;
}

.scroll-content li {
    margin-bottom: 10px;
}

.scroll-content li a {
    color: #007bff;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.scroll-content li a:hover {
    text-decoration: underline;
}

.scroll-content li i {
    margin-right: 8px;
}

@keyframes scroll-up {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 100%;
    }
}

.container-fluid {
    scroll-behavior: smooth;
}

.auto-scroll-wrapper {
    overflow: hidden;
    white-space: nowrap;
}

.auto-scroll-content {
    display: inline-flex;
    animation: scroll-left 40s linear infinite;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}