/*****************************
*	horizontal news ticker
******************************/

.ticker-wrapper-h {
    border-radius: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
    border: 1px solid #013765;
    background-color: #030f27;
    color: rgb(255, 255, 255);
}

    .ticker-wrapper-h .heading {
        font-weight: bold;
        color: white;
        padding: 5px 10px;
        flex: 0 0 auto;
        z-index: 500;
    }

        .ticker-wrapper-h .heading:after {
        }


.news-ticker-h {
    display: flex;
    margin: 0;
    padding: 0;
    padding-left: 90%;
    z-index: 499;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: tic-h;
    animation-duration: 30s;
}

    .news-ticker-h:hover {
        animation-play-state: paused;
    }

    .news-ticker-h li {
        display: flex;
        width: 100%;
        align-items: center;
        white-space: nowrap;
        padding-left: 20px;
    }

        .news-ticker-h li a {
            color: #212529;
            font-weight: bold;
        }

@keyframes tic-h {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}