@font-face {
        font-family: "LatoWeb";
        font-display: swap;
        src:
          url("rexona/assets/Fonts/Lato-Regular.woff2") format("woff2"),
          url("rexona/assets/Fonts/Lato-Regular.woff") format("woff");
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: "gilroybold";
        font-display: swap;
        src:
          url("rexona/assets/Fonts/Gilroy-Bold.woff2") format("woff2"),
          url("rexona/assets/Fonts/Gilroy-Bold.woff") format("woff");
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: "Open24DisplaySt";
        font-display: swap;
        src: url("rexona/assets/Fonts/Open24DisplaySt.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: "Glyphicons Halflings";
        font-display: swap;
        src: url("rexona/assets/Fonts/glyphicons-halflings-regular.woff") format("woff");
      }
      body {
        font-family: "LatoWeb";
        font-size: 14px;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6 {
        font-family: inherit;
      }
      .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
        font-family: "gilroybold";
      }
      .home-progressive-jackpot .jackpot-container {
        font-family: "Open24DisplaySt";
      }
      .announcement-outer-container {
        font-family: "latobold";
      }
      .glyphicon {
        font-family: "Glyphicons Halflings";
      }

              .delta88-jam-wrapper {
                margin: 28px 0 32px;
                font-family: "gilroybold", "digital_sans_ef_medium", Arial, sans-serif;
              }

              .delta88-jam-panel {
                position: relative;
                overflow: hidden;
                padding: 34px 38px 28px;
                border-radius: 26px;
                background:
                  radial-gradient(circle at 12% 10%, rgba(201, 164, 90, 0.22), transparent 25%), radial-gradient(circle at 88% 22%, rgba(201, 164, 90, 0.16), transparent 28%),
                  linear-gradient(135deg, #ffd700 0%, #111111 45%, #000000 100%);
                border: 1px solid rgba(255, 199, 72, 0.32);
                box-shadow:
                  0 0 24px rgba(255, 199, 72, 0.13),
                  0 0 20px rgba(201, 164, 90, 0.12),
                  inset 0 0 40px rgba(201, 164, 90, 0.06);
              }

              .delta88-jam-panel:before {
                content: "";
                position: absolute;
                inset: 16px;
                border-radius: 22px;
                border: 1px solid rgba(255, 199, 72, 0.2);
                pointer-events: none;
              }

              .delta88-jam-panel:after {
                content: "";
                position: absolute;
                inset: 0;
                background:
                  linear-gradient(90deg, transparent 0%, rgba(255, 199, 72, 0.04) 50%, transparent 100%),
                  repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0px, rgba(255, 255, 255, 0.025) 1px, transparent 1px, transparent 5px);
                opacity: 0.55;
                pointer-events: none;
              }

              .delta88-live-badge {
                position: relative;
                z-index: 3;
                width: max-content;
                margin: 0 auto 16px;
                padding: 7px 30px;
                border-radius: 999px;
                background: linear-gradient(90deg, #111111, #111111, #111111);
                color: #ffffff;
                font-size: 12px;
                letter-spacing: 1px;
                border: 1px solid rgba(255, 199, 72, 0.35);
                box-shadow: 0 0 20px rgba(255, 215, 0, 0.65);
                text-shadow: 0 0 8px rgba(255, 199, 72, 0.55);
                animation: raja88BadgeBlink 1.2s infinite;
              }

              .delta88-jam-header {
                position: relative;
                z-index: 3;
                display: grid;
                grid-template-columns: 120px 1fr 120px;
                align-items: center;
                gap: 22px;
                margin-bottom: 30px;
              }

              .delta88-title-box {
                text-align: center;
              }

              .delta88-title-box h2 {
                margin: 0;
                font-size: 42px;
                line-height: 1.1;
                letter-spacing: 2px;
                background: linear-gradient(to bottom, #ffffff 0%, #fff8c4 20%, #ffe66d 50%, #ffd700 80%, #ffb700 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow:
                  0 0 10px rgba(255, 255, 255, 0.22),
                  0 0 22px rgba(255, 199, 72, 0.16);
              }

              .delta88-title-box p {
                margin: 12px 0 0;
                color: #ffe66d;
                font-size: 15px;
                letter-spacing: 0.4px;
              }

              .delta88-radar {
                width: 86px;
                height: 86px;
                margin: auto;
                border-radius: 50%;
                border: 2px solid rgba(255, 199, 72, 0.35);
                background:
                  radial-gradient(circle, rgba(255, 199, 72, 0.18) 0 4px, transparent 5px), repeating-radial-gradient(circle, transparent 0 13px, rgba(201, 164, 90, 0.18) 14px 15px),
                  conic-gradient(from 0deg, rgba(255, 199, 72, 0.65), transparent 25%, transparent 100%);
                box-shadow:
                  0 0 18px rgba(255, 199, 72, 0.24),
                  inset 0 0 18px rgba(201, 164, 90, 0.12);
                animation: raja88Radar 4s linear infinite;
              }

              .delta88-data-badge {
                width: 94px;
                height: 94px;
                margin: auto;
                border-radius: 18px;
                background: linear-gradient(145deg, #ffd700, #000000);
                border: 1px solid rgba(255, 199, 72, 0.38);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 3px;
                box-shadow:
                  inset 0 0 18px rgba(255, 199, 72, 0.08),
                  0 0 15px rgba(255, 199, 72, 0.13);
              }

              .delta88-data-badge span {
                color: #ffc748;
                font-size: 26px;
              }

              .delta88-data-badge b {
                color: #fff;
                font-size: 10px;
                line-height: 1;
              }

              .delta88-data-badge small {
                color: #fff1b8;
                font-size: 10px;
              }

              .delta88-jam-grid {
                position: relative;
                z-index: 3;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 22px;
              }

              .delta88-jam-card {
                position: relative;
                min-height: 170px;
                padding: 26px 22px 22px;

                display: grid;
                grid-template-columns: 72px 1fr;
                gap: 18px;
                align-items: center;

                border-radius: 32px;

                overflow: hidden;

                background: radial-gradient(circle at 32% 12%, rgba(255, 199, 72, 0.08), transparent 32%), linear-gradient(135deg, #111111, #000000 72%);

                border: 1px solid rgba(255, 199, 72, 0.28);

                box-shadow:
                  0 0 16px rgba(255, 199, 72, 0.08),
                  0 0 14px rgba(201, 164, 90, 0.1),
                  inset 0 0 24px rgba(201, 164, 90, 0.045);

                transition: 0.25s ease;
              }

              .delta88-jam-card:hover {
                transform: translateY(-4px);
                border-color: rgba(255, 199, 72, 0.55);
                box-shadow:
                  0 0 30px rgba(255, 215, 0, 0.7),
                  inset 0 0 24px rgba(201, 164, 90, 0.07);
              }

              .delta88-jam-card:before {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(120deg, transparent 35%, rgba(255, 199, 72, 0.12), transparent 65%);
                transform: translateX(-120%);
                animation: raja88Shine 5s linear infinite;
              }

              .delta88-jam-card i {
                position: absolute;
                top: 0;
                right: 0;
                padding: 7px 17px;
                border-radius: 0 14px 0 14px;
                background: linear-gradient(135deg, rgba(255, 199, 72, 0.28), rgba(17, 17, 17, 0.88));
                color: #fff;
                font-size: 10px;
                font-style: normal;
                z-index: 2;
              }

              .provider-icon {
                position: relative;
                z-index: 2;
                width: 62px;
                height: 62px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff1b8;
                font-size: 22px;
                border: 1px solid rgba(255, 199, 72, 0.45);
                background: linear-gradient(145deg, rgba(92, 12, 13, 0.95), rgba(22, 2, 3, 0.98));
                box-shadow:
                  inset 0 0 14px rgba(255, 199, 72, 0.08),
                  0 0 20px rgba(255, 215, 0, 0.55);
              }

              .provider-icon.pragmatic {
                color: #ffc748;
              }
              .provider-icon.pg {
                color: #ffffff;
                font-size: 18px;
              }
              .provider-icon.habanero {
                color: #ff8a4c;
              }
              .provider-icon.micro {
                color: #ffe66d;
              }
              .provider-icon.joker {
                color: #ffd978;
              }
              .provider-icon.nolimit {
                color: #ffffff;
                font-size: 17px;
              }

              .provider-info {
                position: relative;
                z-index: 2;
                border-radius: 24px;
              }

              .provider-info b {
                display: block;
                color: #ffffff;
                font-size: 18px;
                margin-bottom: 16px;
                text-shadow: 0 0 8px rgba(255, 255, 255, 0.35);
              }

              .provider-info strong {
                display: block;
                color: #ffffff;
                font-size: 40px;
                line-height: 1;
                letter-spacing: 2px;
                margin-bottom: 16px;
                text-shadow:
                  0 0 8px rgba(255, 255, 255, 0.75),
                  0 0 20px rgba(255, 215, 0, 0.65);
              }

              .provider-info p {
                margin: 0 0 17px;
                color: #ffd54f;
                font-size: 13px;
              }

              .live-row {
                display: flex;
                gap: 8px;
                align-items: center;
              }

              .live-row span {
                padding: 5px 15px;
                border-radius: 999px;
                background: linear-gradient(90deg, #ffd700, #111111);
                color: #ffffff;
                font-size: 12px;
                box-shadow: 0 0 12px rgba(201, 164, 90, 0.35);
                animation: raja88LiveBlink 1s infinite;
              }

              .live-row em {
                padding: 5px 14px;
                border-radius: 999px;
                background: rgba(255, 199, 72, 0.1);
                color: #fff1b8;
                font-size: 11px;
                font-style: normal;
              }

              .delta88-jam-footer {
                position: relative;
                z-index: 3;
                margin-top: 28px;
                padding: 18px 24px;
                border-radius: 16px;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
                background: linear-gradient(90deg, rgba(17, 17, 17, 0.7), rgba(22, 2, 3, 0.88), rgba(17, 17, 17, 0.7));
                border: 1px solid rgba(255, 199, 72, 0.24);
              }

              .delta88-jam-footer div {
                display: grid;
                grid-template-columns: 45px 1fr;
                column-gap: 12px;
                align-items: center;
                border-right: 1px solid rgba(255, 199, 72, 0.18);
              }

              .delta88-jam-footer div:last-child {
                border-right: none;
              }

              .delta88-jam-footer span {
                grid-row: span 2;
                color: #ffc748;
                font-size: 30px;
                text-align: center;
                text-shadow: 0 0 10px rgba(255, 199, 72, 0.25);
              }

              .delta88-jam-footer b {
                color: #fff;
                font-size: 14px;
              }

              .delta88-jam-footer small {
                color: #ffe66d;
                font-size: 12px;
              }

              @keyframes raja88Radar {
                to {
                  transform: rotate(360deg);
                }
              }

              @keyframes raja88Shine {
                0% {
                  transform: translateX(-120%);
                }
                45%,
                100% {
                  transform: translateX(120%);
                }
              }

              @keyframes raja88LiveBlink {
                0%,
                100% {
                  opacity: 1;
                  transform: scale(1);
                  box-shadow: 0 0 8px rgba(201, 164, 90, 0.25);
                }
                50% {
                  opacity: 0.45;
                  transform: scale(0.96);
                  box-shadow: 0 0 20px rgba(201, 164, 90, 0.75);
                }
              }

              @keyframes raja88BadgeBlink {
                0%,
                100% {
                  opacity: 1;
                }
                50% {
                  opacity: 0.72;
                }
              }

              @media (max-width: 991px) {
                .delta88-jam-panel {
                  padding: 26px 20px;
                }

                .delta88-jam-header {
                  grid-template-columns: 1fr;
                }

                .delta88-radar,
                .delta88-data-badge {
                  display: none;
                }

                .delta88-title-box h2 {
                  font-size: 30px;
                }

                .delta88-jam-grid {
                  grid-template-columns: 1fr;
                }

                .delta88-jam-footer {
                  grid-template-columns: 1fr;
                }

                .delta88-jam-footer div {
                  border-right: none;
                  border-bottom: 1px solid rgba(255, 199, 72, 0.18);
                  padding-bottom: 12px;
                }

                .delta88-jam-footer div:last-child {
                  border-bottom: none;
                  padding-bottom: 0;
                }
              }

              .delta88-rtp-wrapper {
                margin: 30px 0 34px;
                font-family: "gilroybold", "digital_sans_ef_medium", Arial, sans-serif;
              }

              .delta88-rtp-panel {
                position: relative;
                overflow: hidden;
                padding: 34px 38px 30px;
                border-radius: 26px;
                background:
                  radial-gradient(circle at 12% 10%, rgba(201, 164, 90, 0.26), transparent 25%), radial-gradient(circle at 88% 22%, rgba(201, 164, 90, 0.18), transparent 28%),
                  linear-gradient(135deg, #ffd700 0%, #111111 45%, #111111 100%);
                border: 1px solid rgba(201, 164, 90, 0.55);
                box-shadow:
                  0 0 24px rgba(201, 164, 90, 0.22),
                  inset 0 0 40px rgba(201, 164, 90, 0.08);
              }

              .delta88-rtp-panel:before {
                content: "";
                position: absolute;
                inset: 16px;
                border-radius: 22px;
                border: 1px solid rgba(201, 164, 90, 0.35);
                pointer-events: none;
              }

              .delta88-rtp-panel:after {
                content: "";
                position: absolute;
                inset: 0;
                background:
                  linear-gradient(90deg, transparent 0%, rgba(201, 164, 90, 0.05) 50%, transparent 100%),
                  repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0px, rgba(255, 255, 255, 0.022) 1px, transparent 1px, transparent 5px);
                opacity: 0.6;
                pointer-events: none;
              }

              .rtp-live-badge {
                position: relative;
                z-index: 3;
                width: max-content;
                margin: 0 auto 16px;
                padding: 8px 30px;
                border-radius: 999px;
                background: linear-gradient(90deg, #111111, #111111, #111111);
                color: #fff0f0;
                font-size: 12px;
                letter-spacing: 1px;
                border: 1px solid rgba(201, 164, 90, 0.7);
                box-shadow: 0 0 16px rgba(201, 164, 90, 0.35);
                animation: rtpBlink 1.2s infinite;
              }

              .rtp-header {
                position: relative;
                z-index: 3;
                display: grid;
                grid-template-columns: 120px 1fr 120px;
                align-items: center;
                gap: 22px;
                margin-bottom: 30px;
              }

              .rtp-icon-main {
                width: 86px;
                height: 86px;
                margin: auto;
                border-radius: 50%;
                border: 2px solid rgba(201, 164, 90, 0.75);
                background: linear-gradient(145deg, rgba(201, 164, 90, 0.95), rgba(28, 3, 4, 0.98));
                display: flex;
                align-items: center;
                justify-content: center;
                color: #ffe66d;
                font-size: 42px;
                box-shadow:
                  inset 0 0 18px rgba(201, 164, 90, 0.2),
                  0 0 18px rgba(201, 164, 90, 0.25);
              }

              .rtp-title-box {
                text-align: center;
              }

              .rtp-title-box h2 {
                margin: 0;
                font-size: 46px;
                line-height: 1.05;
                letter-spacing: 2px;
                color: #ffe66d;
                text-shadow:
                  0 0 10px rgba(255, 255, 255, 0.25),
                  0 0 22px rgba(201, 164, 90, 0.45);
              }

              .rtp-title-box p {
                margin: 12px 0 0;
                color: #ffe66d;
                font-size: 17px;
              }

              .rtp-data-badge {
                width: 112px;
                height: 82px;
                margin: auto;
                border-radius: 18px;
                background: linear-gradient(145deg, rgba(17, 17, 17, 0.95), rgba(28, 3, 4, 0.96));
                border: 1px solid rgba(201, 164, 90, 0.65);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 3px;
              }

              .rtp-data-badge span {
                color: #ffe66d;
                font-size: 26px;
              }

              .rtp-data-badge b {
                color: #fff;
                font-size: 10px;
              }

              .rtp-data-badge small {
                color: #ffd54f;
                font-size: 10px;
              }

              .rtp-content-grid {
                position: relative;
                z-index: 3;
                display: grid;
                grid-template-columns: 1.65fr 1fr;
                gap: 22px;
              }

              .rtp-chart-card,
              .rtp-top-card {
                border-radius: 28px;
                padding: 24px;
                background: rgba(0, 0, 0, 0.95);
                border: 1px solid rgba(201, 164, 90, 0.55);
                box-shadow:
                  0 0 18px rgba(201, 164, 90, 0.18),
                  inset 0 0 24px rgba(201, 164, 90, 0.07);
              }

              .rtp-chart-card h3,
              .rtp-top-card h3 {
                color: #fff0f0;
                text-align: center;
                font-size: 18px;
                margin: 0 0 24px;
                letter-spacing: 0.5px;
                text-shadow: 0 0 10px rgba(201, 164, 90, 0.38);
              }

              .rtp-chart {
                position: relative;
                height: 360px;
                padding: 30px 10px 0 42px;
                background: repeating-linear-gradient(to top, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 56px);
                border-left: 1px solid rgba(201, 164, 90, 0.75);
                border-bottom: 1px solid rgba(201, 164, 90, 0.75);
              }

              .rtp-y-label {
                position: absolute;
                top: 0;
                left: 0;
                color: #ffe66d;
                font-size: 13px;
              }

              .rtp-bars {
                height: 100%;
                display: flex;
                align-items: flex-end;
                gap: 24px;
              }

              .rtp-bar-item {
                flex: 1;
                height: 100%;
                position: relative;
                display: flex;
                align-items: flex-end;
                justify-content: center;
                --rtp-height: 55%;
              }

              .rtp-bar {
                width: 56px;
                height: var(--rtp-height);
                border-radius: 18px 18px 0 0;
                background: linear-gradient(to top, #111111, #d8b90a, #ffe66d);
                border: 1px solid rgba(189, 231, 233, 0.45);
                box-shadow:
                  inset 0 0 12px rgba(255, 255, 255, 0.16),
                  0 0 16px rgba(201, 164, 90, 0.35);
                transition:
                  height 0.9s ease,
                  filter 0.9s ease,
                  box-shadow 0.9s ease;
                animation: rtpBarBreath 1.8s infinite ease-in-out;
              }

              .rtp-bar-item.active .rtp-bar {
                background: linear-gradient(to top, #111111, #d8b90a, #fff0f0);
                box-shadow:
                  inset 0 0 14px rgba(255, 255, 255, 0.18),
                  0 0 24px rgba(201, 164, 90, 0.65);
              }

              .rtp-value {
                position: absolute;
                bottom: calc(var(--rtp-height) + 14px);
                color: #ffe66d;
                font-size: 16px;
                text-shadow: 0 0 8px rgba(201, 164, 90, 0.65);
                transition: bottom 0.9s ease;
              }

              .rtp-bar-item small {
                position: absolute;
                bottom: -28px;
                color: #ffe66d;
                font-size: 12px;
              }

              .rtp-summary {
                margin-top: 46px;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 14px;
              }

              .rtp-summary div {
                padding: 16px;
                border-radius: 20px;
                background: rgba(0, 0, 0, 0.95);
                border: 1px solid rgba(201, 164, 90, 0.45);
              }

              .rtp-summary span {
                color: #ffe66d;
                font-size: 28px;
              }

              .rtp-summary b {
                display: block;
                color: #ffffff;
                font-size: 12px;
                margin: 8px 0;
              }

              .rtp-summary strong {
                display: block;
                color: #ffe66d;
                font-size: 26px;
              }

              .rtp-summary small {
                color: #ffe66d;
                font-size: 12px;
              }

              .rtp-game-list {
                display: flex;
                flex-direction: column;
                gap: 12px;
              }

              .rtp-game-item {
                display: grid;
                grid-template-columns: 38px 64px 1fr auto;
                align-items: center;
                gap: 12px;
                min-height: 82px;
                padding: 12px;
                border-radius: 20px;
                background: rgba(0, 0, 0, 0.95);
                border: 1px solid rgba(201, 164, 90, 0.28);
              }

              .rtp-rank {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                border: 1px solid rgba(201, 164, 90, 0.85);
                color: #fff0f0;
                display: flex;
                align-items: center;
                justify-content: center;
              }

              .rtp-game-item img {
                width: 62px;
                height: 62px;
                border-radius: 14px;
                object-fit: cover;
                background: rgba(255, 255, 255, 0.08);
              }

              .rtp-game-item b {
                display: block;
                color: #fff;
                font-size: 14px;
              }

              .rtp-game-item small {
                display: block;
                color: #ffe66d;
                font-size: 12px;
                margin-top: 4px;
              }

              .rtp-game-item strong {
                color: #ffe66d;
                font-size: 18px;
                margin-right: 10px;
              }

              .rtp-game-item span {
                grid-column: 4;
                justify-self: end;
                padding: 4px 14px;
                border-radius: 999px;
                background: linear-gradient(90deg, #111111, #ffd700);
                color: #fff;
                font-size: 11px;
                animation: rtpBlink 1s infinite;
              }

              .rtp-more-btn {
                display: block;
                margin-top: 18px;
                padding: 16px 20px;
                border-radius: 18px;
                text-align: center;
                color: #fff;
                text-decoration: none;
                background: linear-gradient(135deg, rgba(201, 164, 90, 0.78), rgba(17, 17, 17, 0.92));
                border: 1px solid rgba(189, 231, 233, 0.4);
              }

              .rtp-note {
                position: relative;
                z-index: 3;
                margin-top: 22px;
                text-align: center;
                color: #ffe66d;
                font-size: 13px;
              }

              @keyframes rtpBlink {
                0%,
                100% {
                  opacity: 1;
                }
                50% {
                  opacity: 0.48;
                }
              }

              @keyframes rtpBarBreath {
                0%,
                100% {
                  filter: brightness(1);
                }
                50% {
                  filter: brightness(1.18);
                }
              }

              @media (max-width: 991px) {
                .delta88-rtp-panel {
                  padding: 26px 20px;
                }

                .rtp-header {
                  grid-template-columns: 1fr;
                }

                .rtp-icon-main,
                .rtp-data-badge {
                  display: none;
                }

                .rtp-title-box h2 {
                  font-size: 32px;
                }

                .rtp-content-grid {
                  grid-template-columns: 1fr;
                }

                .rtp-chart {
                  height: 300px;
                  padding-left: 30px;
                }

                .rtp-bars {
                  gap: 10px;
                }

                .rtp-bar {
                  width: 34px;
                }

                .rtp-value {
                  font-size: 11px;
                }

                .rtp-summary {
                  grid-template-columns: 1fr;
                }

                .rtp-game-item {
                  grid-template-columns: 30px 54px 1fr;
                }

                .rtp-game-item strong,
                .rtp-game-item span {
                  grid-column: 3;
                  justify-self: start;
                }
              }

[data-section="announcements"] {
  white-space: nowrap;
}

.banner-carousel {
  position: relative;
  aspect-ratio: 1920 / 613;
  overflow: hidden;
  background-color: #000;
}

.banner-carousel > div {
  position: absolute !important;
  inset: 0;
  display: block !important;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}

.banner-carousel > div.banner-slide-active {
  opacity: 1;
  pointer-events: auto;
}

.banner-carousel > div a {
  display: block;
  width: 100%;
  height: 100%;
}

.banner-carousel > div img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: fill;
}

.announcement-list {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  animation: announcement-marquee 35s linear infinite;
  will-change: transform;
}

.announcement-list:hover {
  animation-play-state: paused;
}

.announcement-list li {
  display: inline-block;
  white-space: nowrap;
  padding: 0 40px;
}

@keyframes announcement-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}