.tsuccess {
    width: 100%;
    padding: 12px 32px;
    text-align: center;
    border: 1px solid #009933;
    background: #ebf7ef;
}

.tdanger {
    width: 100%;
    padding: 12px 32px;
    text-align: center;
    border: 1px solid #E82C2A;
    background: #FDEAEA;
}

.bs4 .page-headline {
    margin: 1rem 0 1rem;
}

.tdark {
    width: 100%;
    padding: 12px 32px;
    text-align: center;
    border: 1px solid #231F20;
    background: #F2F2F0;
}

.bs4 .tdark >.text-success {
    color: #231F20 !important
}
.tdanger span#projectedShipDate {

    color: #E82C2A !important;
}

.DynamicSameDayShippingCallout>span.msg-text, .DynamicSameDayShippingCalloutMob>span.msg-text {
    color: #E82C2A;
    display: flex;
    width: 100%;
    flex-direction: column;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

}

.DynamicSameDayShippingCallout>span.msg-text u, .DynamicSameDayShippingCalloutMob>span.msg-text u {
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;

}
/* #projectedShipDate::before {
    content: "\f274";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    
} */
 
.tdark #projectedShipDate::before {

    /* font-family: "Font Awesome 5 Pro"; */
        content: url('/img/calendar-tick-black.svg');
            display: inline-flex;
            margin-right: 8px;
            height: 20px;
            width: 20px;
}
.tsuccess #projectedShipDate::before {
        content: url('/img/calendar-tick-green.svg');
            display: inline-flex;
            margin-right: 8px;
            height: 20px;
            width: 20px;
}
.tdanger #projectedShipDate::before {
    content: url('/img/calendar-tick-red.svg');
        display: inline-flex;
        margin-right: 8px;
        height: 20px;
        width: 20px;
}
/* .tdanger #projectedShipDate::before{
    content: '';
        display: inline-block;
        margin-right: 8px;
        background-image: url(/includes/css/img/calendar-tick-black.svg);
        background-size: contain;
        
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
} */
/* .tdanger #projectedShipDate::before {
    content: url('/includes/css/img/calendar-tick-red.png');
    display: inline-flex;
    margin-right: 8px;
    height: 20px;
    width: 20px;
} */
span#projectedShipDate {
    display: flex;
    align-items: center;
    font-family: Trebuchet MS;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
}
.js-cart-error.cart-alert.alert.alert-danger.fade.show {
    display: none !important;
}
:has(.shipping.js-progress-shipping.current, .payment.js-progress-payment.current, .review.js-progress-review.current) .DynamicSameDayShippingCallout {
    display: none !important;
  }
@media (min-width:600px) {
#DynamicSameDayShippingCalloutMob{
display: none;
}
.DynamicSameDayShippingCallout {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
}
@media (max-width:600px){
    .DynamicSameDayShippingCallout{
        display:none !important;
        justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    }
    .DynamicSameDayShippingCalloutMob span:nth-child(2) {
        padding-left: 28px;
        text-align: left;
    }
    
    #DynamicSameDayShippingCalloutMob {
        display: flex;
        margin-right: -15px;
        margin-left: -15px;
        /* padding: 12px; */
        border-bottom: 1px solid #d5d5d5;
        
        align-items: center;
        background-color: #fff;
        margin-bottom: 14px;
    }
    .bs4 .checkout-v2 .page-headline {
        margin-top: 0;
        margin-bottom: 0;
    }
        .tdark, .tsuccess, .tdanger {
            margin: 12px;
            padding: 12px 16px;
        }
        span#projectedShipDate {
            text-align: start;
        }
        :has(.shipping.js-progress-shipping.current, .payment.js-progress-payment.current, .review.js-progress-review.current) #DynamicSameDayShippingCalloutMob {
            display: none !important;
          }
}