/* Scrolling Notice Container Styles */
.scrolling-notice-container {
    overflow: hidden;
    padding: 15px 10px;
    background-color: #fefefe;
    /* ডাবল লেয়ার বর্ডার ইফেক্ট */
    border: 3px double #ff4081; /* পিঙ্ক */
    box-shadow: 0 0 0 3px #f44336, 0 0 0 6px #4caf50; /* লাল এবং সবুজ ছায়া */
    margin: 20px 0;
    position: relative;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
}

/* Scrolling Text Animation */
.scrolling-text {
    /* ডান থেকে বামে স্ক্রল করার এনিমেশন */
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: scroll-left 40s linear infinite;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

/* Keyframe Animation for Scrolling */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* মোবাইল ডিভাইসের জন্য ফন্ট সাইজ ছোট করা */
@media screen and (max-width: 600px) {
    .scrolling-text {
        font-size: 14px;
        animation-duration: 25s; /* ছোট স্ক্রিনে দ্রুত স্ক্রল */
    }
}