.children-scroll-banner-wrapper{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.children-scroll-banner{
    width: fit-content !important;
    position: relative;
    display: flex;
    align-items: center;
    min-width: 100%;
    visibility: hidden;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.children-scroll-banner-content{
    min-width: 100%;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.children-scroll-banner-element{
    position: relative;
    white-space: nowrap;
    width: fit-content !important;
    margin: 0 !important;
}

@keyframes children-marquee {
    from{
        translate: 0 0;
    } to {
       translate: -100% 0;
    }
}

@keyframes children-marquee-reversed{
    from{
        translate:  -100% 0;
    } to {
        translate: 0 0;
    }
}