.marquee-container {
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: red;
    color: white;
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    height: auto;
    width: 100%;
    max-width: 100%;
}

.marquee-text {
    position: absolute;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
    font-weight: 800;
    font-size: calc(0.75rem + 0.3vw); /* Responsif: ukuran font berubah sesuai lebar layar */
}

/* Keyframes untuk animasi */
@keyframes marquee {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Styling untuk ID pesanjalan1 */
#pesanjalan1 {
    background-color: #ff3333;
}

/* Styling untuk ID pesanjalan2 */
#pesanjalan2 {
    background-color: #148104;
}