@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

      
._stock_ticker_container{
    width: 100%;
    padding: 11.5px 0;
    overflow: hidden;
	background:#393939;
	position:relative;
}

._stock_ticker_container::before {
    position: absolute;
    content: "Our Latest Picks Performance";
    top: 0;
    left: 0;
    height: 100%;
    background: #444;
	color:white;
    padding: 0 10px;
    display: grid;
    place-items: center;
    z-index: 9;
	font-size:13px;
	line-height:21px;
}

._stock_ticker_wrapper{
     display: flex;
    align-items: center;
    will-change: transform;
    /* animation: scrollTicker 10s linear infinite; */
}

@keyframes scrollTicker {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.single_stock{
    display: flex;
    align-items: center;
    gap: 4px;
     font-family: "Poppins", Sans-serif ;
     min-width: fit-content;
     padding:  0 16px;
     /* min-width: 160px; */
     border-right: solid rgba(250, 250, 250, 0.25) 1px;
}
.stock_name{
    font-weight: 600;
	color:white;
}
	i.stock_status svg{
		width:18px;
		height:18px;
	}
.stock_status{
    display: flex;
    transform-origin: center center;
}

.stock_name,
	.stock_price{
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 0;
}

.stock_price{
    margin-bottom: 0;
}


.single_stock.down .stock_status{
    transform: rotate(-180deg);
}
.single_stock.down .stock_status svg path{
    stroke: #FF7765;
}
.single_stock.up .stock_status svg path{
    stroke: #88D338;
}
.single_stock.up  .stock_price{
    color: #88D338;
}
.single_stock.down  .stock_price{
    color: #FF7765;
}

@media screen and (max-width:500px){
._stock_ticker_container::before {
    width: 100%;
    top: -30px;
    height: 30px; 
    padding: 0;
	z-index:0;
}
	._stock_ticker_container{
		margin-top:30px;
		overflow:visible;
	}
}