.pro-banner-container {
width: 100%;
overflow: hidden;
white-space: nowrap;
background-color: #ffd700; /* Aap yahan background color change kar sakte hain */
color: #333333; /* Text ka color */
padding: 10px 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 15px;
font-weight: 600;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Halka sa shadow 3D effect ke liye */
position: relative;
}

.pro-scrolling-text {
display: inline-block;
/* 15s ko kam ya zyada karke aap speed control kar sakte hain */
animation: scroll-ltr 15s linear infinite;
}

/* Mouse over karne par animation pause ho jayega */
.pro-banner-container:hover .pro-scrolling-text {
animation-play-state: paused;
cursor: pointer;
}

/* Left se Right scroll karne ka animation */
@keyframes scroll-ltr {
0% {
transform: translateX(-100%); /* Left side ke bahar se shuru hoga */
}
100% {
transform: translateX(100vw); /* Right side se bahar nikal jayega */
}
}