.latest-ann-container {
     border-top: 1px solid var(--border-color-2);
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     position: relative;
     /*    background-color: #32206A; */
     /*  color: #fff; */
     /*   padding: 5px; */
     /*  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
     position: relative;

 }

 .latest-ann-container>span.lat-ann-tag {
      

     color: var(--text-color-whitesmoke);


     background: var(--add-color-1);

     color: var(--text-color-white-1-black);
     font-weight: 500;
     font-size: 0.8rem;
     position: relative;
     z-index: 1;
     display: inline-block;
     padding: 8px 8px 8px 10px;
     /*   border-left: 1px solid var(--border-color-1); */
     border-right: 1px solid var(--border-color-1);
     /*  border-bottom: 1px solid var(--border-color-1); */
 }

 .latest-ann-container>span.lat-ann-tag::after {
     content: "";
     width: 0;
     height: 0;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 7px solid var(--add-color-1);
     position: absolute;
     top: 0;
     bottom: 0;
     right: -7px;
     margin: auto;
 }

 .latest-ann-inner {
     display: inline-block;
     align-items: center;
     max-width: 1200px;
 }

 .latest-ann-container p {
     padding-bottom: 0px;
     margin-bottom: 0px;
     font-size: 0.8rem;
     display: inline-block;
 }

 .latest-ann {
     /*   display: inline; */
     white-space: nowrap;
     animation: scroll 30s linear infinite;
     /* Increase the duration from 10s to 20s */
 }

 .latest-ann-text>a {
     color: var(--text-color-bg-blue);
 }

 .latest-ann-text>a>img {
     vertical-align: middle;
 }

 @keyframes scroll {
     from {
         transform: translateX(100%);
     }

     to {
         transform: translateX(-100%);
     }
 }

 .controls {
     position: absolute;
     top: 0px;
     right: 0px;
     display: flex;
     justify-content: flex-end
 }

 .latest-ann-container button {
     padding: 8px 15px;
     font-size: 13px;
     border: 0px;
     border-radius: 0px;
     margin: 0px !important;
     display: inline-block;
     background: #fff;

 }

 #play-btn {
     border-left: 1px solid var(--border-color-1);

     border-right: 1px solid var(--border-color-1);
 }

 #stop-btn {
     border-right: 1px solid var(--border-color-1);
 }

 .latest-ann-container button:hover {
     background: var(--bg-color-blue);
     color: #fff;
     cursor: pointer;
 }

 .hidden {
     display: none;
 }

 .latest-ann:hover {
     animation-play-state: paused;
 }

 @media only screen and (max-width: 600px) {
     .latest-ann-container>span.lat-ann-tag {
         opacity: 0;
     }
 }