.bgblue{
    background-color: #0E0D1E;
    width: 100%;
    text-align: center;
} /* Discart */

/* Animations*/

/* animation 06 */
#animation6mobile-2{
    margin: 0 auto 14px; /* <<< remove */
    /* For responsive devices use scale in this id ex:
    transform: scale(0.5)
    */
}

.animation6mobile .item{
    background-position: top left;
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
}

/* animation 06 - 2*/
#animation6mobile-2{
    width: 300px;
    height: 122.31px;
    position: relative;
}
#animation6mobile-2 .content{
    width: 554.07px;
    height: 225.9px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5414);
}
#animation6mobile-2 .bg{
    width: 554.07px;
    height: 225.9px;
    background-image: url('img/06/2-bg.svg');
}
#animation6mobile-2 .box{
    clip-path: polygon(24% 0%, 76% 0%, 100% 100%, 0% 100%);
    width: 554.07px;
    height: 225.9px;
    overflow: hidden;
}
#animation6mobile-2 .card{
    width: 1000px;
    height: 62.42px;
    z-index: 10;
    background-image: url('img/06/2-card.svg');
    background-repeat: repeat-x;
    background-size: auto 100%;
    position: absolute;
    left: auto;
}
#animation6mobile-2 .card.one{
    top: 43px;
    right: 62px;
    animation: card61 7s infinite linear;
}
#animation6mobile-2 .card.two{
    top: 123px;
    right: -5px;
    animation: card62 6s infinite linear;
}

@keyframes card61 {
    0% {
        right: 62px;
    }
    100% {
        right: -346px;
    }
}
@keyframes card62 {
    0% {
        right: -5px;
    }
    100% {
        right: -412px;
    }
}
