.marquee-track {
    display: flex;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.marquee-row {
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
}

.marquee-item {
    display: inline-flex;
    align-items: center;
   
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* Animation with hardware acceleration */
@keyframes marquee-x {
    0% {
        transform: translateX(var(--marquee-from, 100vw));
    }
    100% {
        transform: translateX(var(--marquee-to, -100%));
    }
}

   .marquee-track.animating {
    animation: marquee-x linear forwards;
    animation-duration: var(--marquee-duration, 30s);
}
    .logo-wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            text-align: justify;
        }
        
        /* Ticker Container */
        .ticker-container {
            position: absolute;
            z-index: 1000;
            margin-top: 56px; 
            /*background-color: #fafafa;*/
            /*border-bottom: 1px solid #e0e0e0;*/
            overflow: hidden;
        }
        
        /* Marquee Wrapper */
        .marquee-wrapper {
            overflow: hidden;
            /*background-color: #fafafa;*/
            /*position: relative;*/
            /*width: 100%;*/
            /*margin: 0;*/
            /*padding: 0;*/
            /*border-radius: 0;*/
        }
        .admin-color { 
            background-color: #fff; 
            border-radius: 8px; 
        }
        
        .teacher-color { 
            background-color: #51ade5; 
            border-radius: 8px; 
        }
        .marquee-track {
            display: inline-flex;
            white-space: nowrap;
            align-items: center;
            will-change: transform;
            padding: 5px 0;
        }
        
        .marquee-row { 
            display: inline-flex; 
            align-items: center; 
        }

        .marquee-item {
            display: inline-block;
           padding:2px 4px;
            font-size: 14px;
            font-family: "Public Sans", sans-serif;
            font-weight: 700;
            color: #eb5c31;
            white-space: nowrap;
            margin-right: 10px;
            border-radius: 8px;
        }

        .marquee-row > .marquee-item:last-child {
            margin-right: 40px;
        }

        .marquee-item span {
            background-color: #4ECDC4;
            padding: 2px 8px;
            border-radius: 4px;
            margin-left: 4px;
            font-weight: 700;
            color:#fff;
        }

        @keyframes marquee-x {
            from { transform: translateX(var(--marquee-from, 0px)); }
            to   { transform: translateX(var(--marquee-to, -50%)); }
        }

        .marquee-wrapper:hover .marquee-track { 
            animation-play-state: paused; 
        }
        
        .ml-20 { 
            margin-left: 20px; 
        }

        /* Responsive adjustments */
        @media screen and (max-width: 768px) {
            .ticker-container {
                margin-top: 48px;
            }
            
            .marquee-item { 
                padding: 5px 10px; 
                font-size: 12px; 
                margin-right: 8px; 
            }
            
            .marquee-item span { 
                padding: 2px 6px; 
                font-size: 11px; 
            }
            
            .marquee-row > .marquee-item:last-child {
                margin-right: 30px;
            }
        }

        @media screen and (max-width: 480px) {
            .ticker-container {
                margin-top: 44px;
            }
            
            .marquee-item { 
                padding: 4px 8px; 
                font-size: 11px; 
                margin-right: 6px; 
            }
            
            .marquee-item span { 
                padding: 1px 5px; 
                font-size: 10px; 
            }
            
            .marquee-row > .marquee-item:last-child {
                margin-right: 20px;
            }
        }
        
      /* Price colors for shares and crypto */
.price-up {
    color: #28a745 !important; /* Green */
    font-weight: 600;
     background-color: transparent !important;
}
.price-down {
    color: #dc3545 !important; /* Red */
    font-weight: 600;
     background-color: transparent !important;
}
.price-neutral {
    color: #6c757d !important; /* Gray */
     background-color: transparent !important;
}