@keyframes marquee {
     0% {
         transform: translateX(0%);
     }

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

 .animate-marquee {
     display: flex;
     animation: marquee 20s linear infinite;
     width: max-content;
 }

 /* Mobile menu styles */
 #mobileMenu {
     transition: all 0.3s ease-in-out;
     transform-origin: top;
 }

 #mobileMenu.hidden {
     transform: scaleY(0);
     opacity: 0;
 }

 #mobileMenu:not(.hidden) {
     transform: scaleY(1);
     opacity: 1;
 }

 /* Smooth icon transitions */
 #menuIcon,
 #closeIcon {
     transition: opacity 0.2s ease-in-out;
 }



 .timeline::before {
     content: '';
     position: absolute;
     left: 29px;
     width: 1px;
     height: 100%;
     background-color: #f6f6f6;
     top: 0.5rem;
 }