/**
 * ==========================================================================
 * Checkout Specific Styles
 * ==========================================================================
 */

.terms-condition-box {
    cursor: pointer;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.marquee-container img {
    display: inline-block;
    animation: scroll-right 3s linear infinite;
    width: 250px;
}

@keyframes scroll-right {
    0% {
        transform: translateX(-60%);
    }
    100% {
        transform: translateX(420%);
    }
}

.delivery-scooter {
    position: absolute;
    bottom: 0;
    z-index: 999;
}

@media screen and (max-width: 786px) {
    .marquee-container img {
        display: inline-block;
        animation: scroll-right 6s linear infinite;
        width: 150px;
    }
    .delivery-scooter {
        bottom: 0%;
        top: auto;
    }
}