:root {
    --main-bg-color: coral;
    --main-txt-color: blue;
    --icon-color: white;
    --icon-background-color: black;
    /* Colors */
    --blue: #3490dc;
    --lightblue: #53a8ee;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66d9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #ffed4a;
    --yellowamber: #facd07;
    --green: #38c172;
    --teal: #4dc0b5;
    --darkteal: #008d86;
    --cyan: #6cb2eb;
    --grey: grey;
    --darkbrown: rgb(75, 48, 48);
    --brown: rgb(148, 68, 68);
    --lightbrown: rgb(187, 89, 89);
    --categories-card-max-width: 3.8rem;
    --categories-card-min-width: 3.8rem;

    --categories-icon-font-size: 24px;
    --categories-name-font-size:11px;

}

.categories {
    background-color: var(--icon-background-color);
    color: var(--icon-color);

}

.categories-card{
    max-width: var(--categories-card-max-width);
    min-width: var(--categories-card-min-width);
    padding: 0.25rem;
}

.categories-icon{
    font-size: var(--categories-icon-font-size);
}

.categories-name{
    font-size:var(--categories-name-font-size);
    /* category name width:  felloe the icon box width */
    max-width: var(--categories-card-max-width);
}


.collapse-arrow, .icon {
  transform: rotate(-180deg);
  transition: .3s transform ease-in-out;
  display: inline-block;
}

.collapse-arrow, .collapsed .icon {
  transform: rotate(0deg);
}

.category-all {
    color: white;
    background-color: var(--red);
}

.category-phones, .category-electronics{
    color: white;
    background-color: var(--blue);
}

.category-women-fashions, .category-women-accessories{
    color: white;
    background-color: var(--pink);
}

.category-men-fashions, .category-men-accessories{
    color: white;
    background-color: var(--brown);
}

.category-baby {
    color: white;
    background-color: var(--lightblue);
}

.category-sports {
    color: white;
    background-color: var(--blue);
}

.category-gaming, .category-instruments,.category-antiques {
    color: white;
    background-color: var(--purple);
}

 .category-furniture, .category-appliances, .category-office{
    color: white;
    background-color: var(--lightbrown);
}

.category-cars, .category-bikes, .category-auto, .category-trucks, .category-vehicles{
    color: white;
    background-color: var(--grey);
}

.category-housing-sale, .category-housing-rent, .category-stores, .category-lands {
    color: white;
    background-color: var(--darkbrown);
}

.category-vegetables {
    color: white;
    background-color: var(--green);
}

.category-meat {
    color: white;
    background-color: var(--red);
}

.category-food {
    color: white;
    background-color: var(--brown);
}

.category-cattle-poultry {
    color: white;
    background-color: var(--darkteal);
}

.category-pets-birds {
    color: white;
    background-color: var(--darkteal);
}

.category-gardening-plants {
    color: white;
    background-color: var(--green);
}

.category-services {
    color: white;
    background-color: var(--yellowamber);
}

.category-movies {
    color: white;
    background-color: var(--lightblue);
}

.category-free-stuff {
    color: white;
    background-color: var(--purple);
}

.category-others {
    color: white;
    background-color: var(--blue);
}