.announce-bar-4-area {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: transparent; 
    padding: 10px 0;
}

.announce-bar-4-container {
    width: 90%;
    margin: 0 auto; 
    padding: 10px 15px;
    gap: 12px; 
    background: var(--FORM_BG); 
    border-radius: 10px;
    box-shadow: var(--FORM_BOX_SHADOW);
    overflow: hidden;
}

.announce-bar-4-icon {
    color: var(--TXT_COLOR_1);
    font-size: var(--HEADER_FONT_SIZE); 
    min-width: 24px;
    z-index: 2;
}

.announce-bar-4-marquee-box {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    display: block; 
    width: 100%;
}

.css-marquee-track {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%; 
    animation: marquee-scroll linear infinite;
}

.announce-bar-4-marquee-box:hover .css-marquee-track {
    animation-play-state: paused;
}

.css-marquee-content {
    display: inline-block;
    color: var(--TXT_COLOR_1);
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    font-weight: var(--LIGHT_FONT_WEIGHT);
    font-family: var(--PRIMARY_FONT_FAMILY);
    cursor: default;
    padding-top: 2px;
}

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