.icon-search .icon:before, .icon-search .block-search .action.search:before {
    width: 28px;
    height: 28px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/icons/search.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.account-info .icon:before {
    width: 32px;
    height: 32px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/icons/user.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.log-out .icon:before {
    width: 32px;
    height: 32px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/icons/logout.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-minicart .minicart-wrapper .action.showcart:before {
    width: 32px;
    height: 32px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/icons/shopping-cart.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.mb-arrow:before {
    width: 23px;
    height: 23px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/icons/down-arrow.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.mb-nav-icon .icon-close:before{
    width: 40px;
    height: 40px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/icons/close.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}