.hero-title {
    padding-left: 0;
    padding-right: 40px;
}

.hero-title::before {
    right: 0;
    left: auto;
}

.hero-title::after {
    margin-right: 10px;
    margin-left: 0;
}

.shop-now-btn {
    margin-left: 0;
    margin-right: 40px;
}

.promo-bar .container {
    animation: scroll-right 20s linear infinite;
}

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