.deliveryinfo li span.txticonbg {
    border-radius: var(--buttons-radius);
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.deliveryinfo li:has(span.txticonbg:empty){
    display: none;
}
.deliveryinfo ul:hover .multis-svg.txticonbg svg{
    fill: rgb(var(--color-foreground))
}
.deliveryinfo ul:hover .multis-svg.txticonbg svg.iconoffer{
    stroke: rgb(var(--color-foreground)) 
}
.deliveryinfo ul{
    margin-bottom: 0;
    /* padding: 0; */
    padding-left: 0;
    padding-right: 0;
    transition: 0.3s ease;
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
}
.deliveryinfo ul .multis-svg svg {
    fill: rgb(var(--color-foreground));
}
.deliveryinfo li span.txticonbg svg {
    width: 40px;
    height: 40px;
}
.deliveryinfo ul .multis-svg svg.iconoffer{
    stroke: rgb(var(--color-foreground));
    transition: transform 0.3s;
}
.deliveryinfo .grid__item {
    position: relative;
}
.deliveryinfo .grid__item:hover li svg{
    transform: scale(0.96);
}
.deliveryinfo .grid__item::after{
    content: "";
    border-right: 1px solid rgba(var(--color-foreground),.1);
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
}
.deliveryinfo .grid__item:last-child::after {
    display: none;
}
.deliveryinfo ul:hover .multis-svg svg{
    fill: var(--color-wbmaincolors-text);
}
.deliveryinfo ul:hover .multis-svg svg.iconoffer{
    stroke: var(--color-wbmaincolors-text);   
}
.deliveryinfo li {
    list-style: none;
    display: flex;
}
.deliveryinfo li:has(.multis-svg){
    height: fit-content;
}
.deliveryinfo ul.center > li{
    justify-content: center;
}
.deliveryinfo li:last-child{
    text-align: left;
}
.deliveryinfo li .h4 {
    font-size: calc(var(--font-body-scale) * 20px);
    font-weight: var(--font-heading-weight);
    margin-top: 0;
    margin-bottom: 0;
}
.deliveryinfo li >div {
    display: grid;
    gap: 10px;
}
.deliveryinfo li p {
    margin-bottom: 0;
    font-size: calc(var(--font-body-scale) * 16px);
    letter-spacing: 0;
    word-break: break-word;
}
/* column */
.deliveryinfo ul.direction--column {
    flex-direction: column;
}
.deliveryinfo ul.center div {
    text-align: center;
}
@media (min-width: 1200px) and (max-width: 1399px){
    .deliveryinfo li p{
        font-size: calc(var(--font-body-scale) * 16px);
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .deliveryinfo li .h4{
        font-size: calc(var(--font-body-scale) * 18px);
    }
    .deliveryinfo li p{
        font-size: calc(var(--font-body-scale) * 14px);
    }
}
@media screen and (max-width: 991px) {
    .deliveryinfo.swipe_mobile {
        scrollbar-width: thin;
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
    .deliveryinfo .grid__item{
        scroll-snap-align: start;
    }

}
@media (max-width: 767px) {
    .deliveryinfo li p{
        font-size: calc(var(--font-body-scale) * 12px);
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    .deliveryinfo ul {
        flex-direction: column;
        /* align-items: center; */
        gap: 10px;
    }
    /* .deliveryinfo li:last-child{
        text-align: center;
    } */
    .deliveryinfo li .h4 {
        font-size: calc(var(--font-body-scale) * 16px);
    }
    .deliveryinfo li >div {
        gap: 5px;
    }
    .deliveryinfo li p {
        font-size: calc(var(--font-body-scale) * 13px);
    }
}
@media (max-width: 575px){
    .deliveryinfo .grid__item {
        width: 100%;
        max-width: 100%;
        justify-content: left;
    }
    .deliveryinfo li .h4 {
        font-size: calc(var(--font-body-scale) * 16px);
        margin-top: 0;
    }
    .deliveryinfo .grid__item::after{
        display: none;
    }
}