.marquee {
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background: #04709d;
    color: #333;
  /*  border: 8px solid #fffffe;*/
}

.maandish{
    color:white;
    font-size:50px;
}

.outer2{
    background-color:#04709d;
}

.marquee p {
    background-color:#04709d;
    position: absolute;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
      }

.marquee {
/* CSS styles */
overflow: hidden;
white-space: nowrap;
}

.marquee p {
/* CSS styles */
display: inline-block;
padding-right: 100%; /* Ensure text flows to the left */
animation: scroll-left 10s linear infinite;
}

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