.container2 {
    max-width: 1400px;
}

// Countdown banner
.countdown-banner-1{
    padding: 27px;
    
    .countdown{
        &-section{
            width: 60px;
            background-color: $primary;
            color: color-yiq($primary);
            padding: 15px 10px !important;
            
            &:not(:last-child){
                @include rtl-prop(margin-right, 10px);
            }
    
            &::after{
                display: none;
            }
        }
        &-amount{
            font-size: 20px !important;
        }
        &-period{
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
}
@media (max-width: map-get($container-max-widths, 'xl')){
    .countdown-banner-1{
        padding: 2.25vw;
        
        .countdown{
            &-section{
                width: 5vw;
                padding: 1.25vw 0.8333333333333333vw !important;
                
                &:not(:last-child){
                    @include rtl-prop(margin-right, 0.8333333333333333vw);
                }
            }
            &-amount{
                font-size: 1.666666666666667vw !important;
            }
            &-period{
                font-size: 1.166666666666667vw;
            }
        }
    }
}