.quick-delivery-banner{
    width:100%;

    background: var(--qdt-bg);

    color:var(--qdt-text);

    padding:20px 20px;
    border-radius:20px 20px 0 0; 

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.quick-delivery-left{
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.quick-delivery-right{
    display:flex;
    align-items:center;
    gap:10px;
}

.time-box{
    text-align:center;
    min-width:55px;
}

.time-box span{
    display:block;

    font-size:34px;
    font-weight:700;
    line-height:1;

    color:var(--qdt-text);
}

.time-box small{
    display:block;

    margin-top:4px;

    font-size:10px;
    font-weight:600;

    letter-spacing:1px;

    color:var(--qdt-text);
}

.separator{
    font-size:28px;
    font-weight:700;
    color:var(--qdt-text);
}

@media(max-width:768px){

    .quick-delivery-banner{
        padding:20px 12px;
        gap:10px;
    }

    .quick-delivery-left{
        font-size:14px;
    }

    .time-box{
        min-width:38px;
    }

    .time-box span{
        font-size:20px;
    }

    .separator{
        font-size:18px;
    }

    .time-box small{
        font-size:8px;
    }
}