.product-banner{
    margin-top: 25px;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    gap: 15px;
    flex-wrap: nowrap;
}
.product-banner__item{
    padding:0;
}
.product-banner__item-div{
    position:relative;
    display:flex;
    height:100px;
    align-items:center;

    padding:15px;
    background:var(--product-banner-bg);
    border-radius:20px
}
.product-banner__item-div:after{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    content:'';
    background:rgba(0 0 0 / .015);
    transform:scale(0);
    transition:all linear .15s
}
.product-banner__item-div:hover:after{
    transform:scale(1)
}
.product-banner__item.link{
    cursor:pointer
}
.product-banner__icon{
    min-width:40px;
    font-size:2.3em;
    color:var(--product-banner-icon)
}
.product-banner__image{
    width:auto;
    height:auto;
    max-width:50px;
    max-height:50px
}
.product-banner__text{
    overflow:hidden;
    word-wrap:break-word;
    padding:0 0 0 12px;
    font-size: 12px;
    font-weight:500;
    color:var(--product-banner-text)
}
.product-banner__text-span.link{
    text-decoration:underline dotted
}
.product-banner__item.width-1{
    width:100%
}
.product-banner__item.width-2{
    width:50%
}
.product-banner__item.width-3{
    width:33.3333%
}
.product-banner__item.width-4{
    width:25%
}
.product-banner__item.width-5{
    width:20%
}
.product-banner__item.width-6{
    width:16.6666%
}

@media(max-width:1200px) {
    .product-banner__item.width-5{
        width:33.3333%
    }
    .product-banner__itemwidth-5:nth-child(n+4){
        width:50%
    }
    .product-banner__item.width-6{
        width:33.3333%
    }
}

@media(max-width:992px) {
    .product-banner__item.width-3{
        width:50%
    }
    .product-banner__item.width-3:nth-child(3){
        width:100%
    }
    .product-banner__item.width-4{
        width:100%
    }
}

@media(max-width:767px) {

}

@media(max-width:575px) {
    .product-banner__item.width-2{
        width:100%
    }
    .product-banner {
        flex-wrap: wrap;
    }
    .product-banner__text {
        font-size: 16px;
    }
    .product-banner__item.width-5{
        width:50%
    }
        .product-banner__image {
        max-width: 70px;
        max-height: 70px;
    }
    .product-banner__item.width-5:nth-child(5){
        width:100%
    }
    .product-banner__item.width-6{
        width:50%
    }
}