.marquee {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
  /*   background: #f0f0f0; Background color */
    padding: 10px 0; /* Padding for the marquee */
    color:white;
    font-weight:bolder
}

    .marquee p {
        display: inline-block;
        animation: marquee 30s linear infinite; /* Adjust duration as needed */
        margin: 0; /* Remove default margin */
    }

@keyframes marquee {
    0% {
        transform: translateX(100%); /* Start from the right */
    }

    100% {
        transform: translateX(-100%); /* Move to the left */
    }
}