@keyframes slide-left-loop {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@media (max-width: 450px) {
    /* .stock-inline {
        animation: slide-left-loop 10s linear infinite;
    } */
    .stock-inlin .stock-item {
        margin-right: 4px;
    }
}
.flash-news,
.khachhang-logo-group,
.achievements-content-slider {
    overflow: hidden;
    position: relative;
}
.slide-news,
.slider-achievement,
.slide-logo{
    animation: scroll-left 20s linear infinite;
    width: max-content;
}
@keyframes scroll-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.content,
.doitac-logos {
    white-space: nowrap;
}
.doitac-logos img{
    margin: 0 40px;
}
.gtcl-item {
    width: 100%;
    overflow: hidden;
    background-color: var(--vt-c-light-blue);
}
@media (min-width: 1200px) {
    .gtcl-item {
        animation: fade-up-and-down 20s cubic-bezier(0.0, 0.0, 0.0, 0.0) infinite;
    }
}
@keyframes fade-up-and-down {
    0% {
        height: 0px;
    }
    5%{
        height: 100%;
    }
    80%{
        height: 100%;
    }
    85%{
        height: 0px;
    }
    100% {
        height: 0px;
    }
}