/* Countdown label */

.wdt-countdown-holder .wdt-countdown-label { 
    text-transform: capitalize; margin: 0 0 30px; }

.wdt-countdown-holder .wdt-downcount { 
    display: inline-flex; flex-wrap: wrap; justify-content: inherit; gap: 20px 60px; }

.wdt-countdown-holder .wdt-downcount .wdt-unit{position: relative; display: flex; flex-direction: column; align-items: center;}
.wdt-countdown-holder .wdt-downcount .wdt-unit:not(:last-child)::after{
    content: '';
    height: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem);
    width: 2px;
    background-color: var(--wdtPrimaryColor);
    position: absolute;
    right: -30px;
    top: 0;
    background: linear-gradient( to bottom, transparent 0%, rgba(200, 200, 200, 0.25) 30%, rgba(220, 220, 220, 0.55) 50%, rgba(200, 200, 200, 0.25) 70%, transparent 100% );
}
.wdt-countdown-holder .wdt-downcount .wdt-unit > div:not(:last-child) { margin-bottom: 10px; }

.wdt-countdown-holder .wdt-downcount .wdt-count-value { 
    font-size: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); /* Min 20px - Max 30px*/
    font-weight: var(--wdtFontWeight_Alt);
    line-height: var(--wdtLineHeight_Alt);
    height: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem);
    width: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem);
    background-color: var(--wdtPrimaryColor);
    color: var(--wdtSecondaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--wdtRadius_3X); }

.wdt-countdown-holder .wdt-downcount .wdt-count-label {
    font-size: clamp(1rem, 0.9171rem + 0.2774vw, 1.25rem); /* Min 16px - Max 20px*/
    font-weight: var(--wdtFontWeight_Base); text-transform: capitalize; }
.wdt-countdown-holder .wdt-downcount .wdt-unit.year,
.wdt-countdown-holder .wdt-downcount .wdt-unit.month{
    display: none !important;
}


/* ----Responsive----- */
@media(max-width:1024px){
    .wdt-countdown-holder .wdt-downcount{gap: 20px 30px;}
    .wdt-countdown-holder .wdt-downcount .wdt-unit:not(:last-child)::after{right: -15px;}
}