.brands {
    background-image: url(../svg/brands.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.category {
    background-image: url(../svg/category.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.the-groupie {
    background-image: url(../svg/groupie.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.on-trend {
    background-image: url(../svg/on_trend.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.final-sale {
    background-image: url(../svg/final_sale.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.education {
    background-image: url(../svg/education.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.flash-sale {
    background-image: url(../svg/flash_sale.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.a-z {
    background-image: url(../svg/a-z.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.state {
    background-image: url(../svg/state.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.color {
    background-image: url(../svg/color.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.extensions {
    background-image: url(../svg/extensions.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.smoothing-treatments {
    background-image: url(../svg/smoothing-treatments.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.mens {
    background-image: url(../svg/mens.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.clean-hair-care {
    background-image: url(../svg/clean-hair-care.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;

}

.hair-care {
    background-image: url(../svg/hair_care.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;

}

.face-and-body-care {
    background-image: url(../svg/face_and_body.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.tools {
    background-image: url(../svg/tools.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.salon-essentials {
    background-image: url(../svg/salon-essentials.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

.value-and-gift-sets {
    background-image: url(../svg/value_and_giftsets.svg);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}