<style>
        /* 3. CSS untuk Animasi Bergerak */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        .banner-container {
            width: 100%;
            background-color: #87CEEB; /* Warna background banner  */
            color: white;             /* Warna teks */
            overflow: hidden;         /* Sembunyikan teks yang keluar dari kotak */
            white-space: nowrap;      /* Cegah teks turun ke baris baru */
            padding: 10px 0;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        .scrolling-text {
            display: inline-block;
            padding-left: 100%;       /* Mulai animasi dari ujung kanan layar */
            animation: scroll-left 25s linear infinite; /* 25s adalah kecepatan. Semakin kecil, semakin cepat */
            font-size: 11px;
            font-weight: bold;
			
        }

        /* Hover untuk menghentikan animasi saat mouse diarahkan (opsional) */
        .scrolling-text:hover {
            animation-play-state: paused;
            cursor: pointer;
        }

        @keyframes scroll-left {
            0% {
                transform: translate(0, 0);
            }
            100% {
                transform: translate(-100%, 0); /* Bergerak ke kiri sampai habis */
            }
        }
    </style>
