/*your custom css goes here*/ 
.offer-strip {
    display: flex;
    align-items: center;
    height: 50px;
    width: 100%;
    background-color: #046A38;
    overflow: hidden;
    position: relative;
}

.offer-content {
    display: flex;
    align-items: center;
    color: white;
    font-size:15px;
    position: absolute;
    white-space: nowrap;
    animation: marquee 30s linear infinite; /* Slowed down to 30 seconds */
}

@keyframes marquee {
    from { right: -100%; }
    to { right: 100%; }
}