.centered-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.h-empty-cards{
 height: 34vh;
}

@media (max-width: 768px) {
    .timer-section {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .timer-section .d-flex.flex-column {
        text-align: center !important;
    }

    .timer-img {
     width: 36px;
     height: 36px;
     
    }
}

@media (min-width: 768px) {
    .timer-section {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: start !important;
    }
    
    .timer-section .d-flex.flex-column {
        text-align: left !important;
    }
}