.news-ticker-section {
    background: linear-gradient(90deg, #7daac1 0%, #d4effd 100%);
    padding: 0;
    margin: 0 0 30px 0;
    box-shadow: 0 4px 16px rgba(255, 81, 47, 0.15);
    position: relative;
    overflow: hidden;
}
.news-ticker-container {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    height: 56px;
    position: relative;
    /* This keeps the ticker inside the container */
}
.news-ticker-label {
    background: #fff;
    color: #2578C5;
    font-weight: bold;
    font-size: 18px;
    padding: 0 18px;
    border-radius: 0 20px 20px 0;
    margin-right: 18px;
    display: flex
;
    align-items: center;
    height: 36px;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2);
    z-index: 2;
}
.news-ticker-label i {
    margin-right: 8px;
    font-size: 20px;
}
.news-ticker-list {
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 56px;
    /* KEEP display: flex; */
    display: flex;
    align-items: center;
}
.news-ticker-items {
    display: flex;
    align-items: center;
    height: 56px;
    animation: ticker 17s linear infinite;
    will-change: transform;
}
.news-ticker-list:hover .news-ticker-items,
.news-ticker-items:hover {
    animation-play-state: paused;
}
.news-ticker-item {
    display: flex;
    align-items: center;
    margin-right: 48px;
    background: rgba(255,255,255,0.95);
    border-radius: 20px;
    padding: 0 22px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(255,255,255,0.15);
    transition: background 0.3s, color 0.3s, box-shadow 0.3s, font-weight 0.3s;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    position: relative;
}
.news-ticker-item:hover {
    background: #3189DA;
    color: #fff;
    font-weight: bold;
/*    box-shadow: 0 4px 16px rgba(255,81,47,0.25);*/
    text-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.news-ticker-date {
    font-size: 13px;
    color: #dd4b39;
    margin-left: 12px;
    font-weight: 400;
}

.news-ticker-items:hover .news-ticker-date,
.news-ticker-list:hover .news-ticker-date {
    color: #ffe066;
}
@keyframes ticker {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
@media (max-width: 600px) {
    .news-ticker-label { font-size: 14px; padding: 0 10px; }
    .news-ticker-item { font-size: 13px; padding: 0 10px; }
    .news-ticker-section, .news-ticker-container, .news-ticker-list, .news-ticker-items { height: 40px; }
}