.main-panel-top {
    position: relative;
    z-index: 11;
}

.page-header .header-contact i {
    font-family: "Font Awesome 6 Brands";
    vertical-align: middle;
    font-style: normal;
}

.page-header .header-main {
    position: relative;
    z-index: 11;
    background: #0188cc;
}

.main-categories {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.categories-wrapper {
    display: inline-block;
    width: 100%;
}

.categories-wrapper .cat-row {
    width: 18.5%;
    float: left;
    margin-right: 1.5%;
    position: relative;
    background: none;
    border: 0 none;
    border-radius: 0 0 6px 6px;
    height: 40px;
}

.categories-wrapper .cat-row > ul {
    background-color: #878b98;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius:0 0 6px 6px;
}

.categories-wrapper .cat-row ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.categories-wrapper .cat-row a {
    text-decoration: none;
    width: 100%;
    border-radius: 0;
    color: #ffffff;
    display: block;
    font-weight: 300;
    line-height: 1.5;
    padding: 5px 10px;
    text-align: left;
    float: none;
}

.categories-wrapper .cat-row ul .level-0 {
    position: relative;
}

.categories-wrapper .cat-row .category-image a {
    padding: 0;
}


.categories-wrapper .cat-row li.level-0 > a {
    text-align: center;
    display: block;
    padding: 9px 0;
    font-weight: 500;
    text-transform: capitalize;
}

.categories-wrapper .category-image,
.categories-wrapper .category-image img {
    border-radius: 6px 6px 0 0;
    margin-bottom: 0;
}


.categories-wrapper .cat-row.bathrooms-product > ul {
    background-color: #92b06a;
}

.categories-wrapper .cat-row.bathrooms-product .sub-cat li {
    border-bottom: 1px solid #a6be85;
}

.categories-wrapper .cat-row.bathrooms-product .sub-cat li a:hover {
    background: #b4d18d;
}


.categories-wrapper .cat-row.appliances-product > ul {
    background-color: #9e76af;
}

.categories-wrapper .cat-row.appliances-product .sub-cat li {
    border-bottom: 1px solid #ad84bf;
}

.categories-wrapper .cat-row.appliances-product .sub-cat li a:hover {
    background: #b993ca;
}

.categories-wrapper .cat-row.accessories-product > ul {
    background-color: #e19d29;
}

.categories-wrapper .cat-row.accessories-product .sub-cat li {
    border-bottom: 1px solid #e0af5c;
}

.categories-wrapper .cat-row.accessories-product .sub-cat li a:hover {
    background: #e8bb6e;
}

.categories-wrapper .cat-row.offers-product > ul {
    background-color: #b6393d;
}

.categories-wrapper .cat-row.offers-product .sub-cat li {
    border-bottom: 1px solid #c2444d;
}

.categories-wrapper .cat-row.offers-product .sub-cat li a:hover {
    background: #ea5964;
}

.categories-wrapper .cat-row .sub-cat li a.selected {
    background-color: #b6393d;
}

.categories-wrapper .cat-row .sub-cat li a.selected:hover {
    background-color: #ea5964;
}


/* Phase 2 */

.main-categories.phase-2 .productRangeMenuHolder {
    width: 100%;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
}

.main-categories.phase-2 .productRangeMenu {
    width: 100%;
    border-radius: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.main-categories.phase-2 .categories-wrapper .cat-row,
.main-categories.phase-2 .categories-wrapper .cat-row .productRangeMenuHolder {
    height: auto;    
    border-radius: 6px;
}

.main-categories.phase-2 .categories-wrapper .cat-row .productRangeMenuHeader a {
    padding: 0;
}

.main-categories.phase-2 .categories-wrapper .cat-row.bathrooms-product .sub-cat li {
    display: inline-block;
    width: 100%;
}

.main-categories.phase-2 .categories-wrapper .cat-row.spare-parts-product {
    background: #878b98;
}

.main-categories.phase-2 .categories-wrapper .cat-row.bathrooms-product,
.main-categories.phase-2 .categories-wrapper .cat-row.bathrooms-product .productRangeMenuHolder .productRangeMenu {
    background-color: #92b06a;
}

.main-categories.phase-2 .categories-wrapper .cat-row.appliances-product,
.main-categories.phase-2 .categories-wrapper .cat-row.appliances-product .productRangeMenuHolder .productRangeMenu {
    background-color: #9e76af;   
}

.main-categories.phase-2 .categories-wrapper .cat-row.accessories-product,
.main-categories.phase-2 .categories-wrapper .cat-row.accessories-product .productRangeMenuHolder .productRangeMenu {
    background-color: #e19d29;   
}

.main-categories.phase-2 .categories-wrapper .cat-row.offers-product,
.main-categories.phase-2 .categories-wrapper .cat-row.offers-product .productRangeMenuHolder .productRangeMenu {
    background-color: #b6393d;   
}
.categories-wrapper .cat-row .productRangeMenuFooter a,
.categories-wrapper .cat-row .category-image.panelHeader + a {
    text-align: center;
    display: block;
    padding: 8px 0;
    font-weight: 500;
    text-transform: capitalize;
}
.categories-wrapper .cat-row .panelHeader,
.categories-wrapper .cat-row .panelHeader img,
.categories-wrapper .cat-row .productRangeMenuHeader,
.categories-wrapper .cat-row .productRangeMenuHeader img {
    border-radius: 6px 6px 0 0;
}

.main-categories.phase-2.phase-3 .categories-wrapper .cat-row {
    border-radius: 6px 6px 0 0;
}

.main-categories.phase-2.phase-3 .categories-wrapper .cat-row .productRangeMenuHolder {
    border-radius: 0 0 6px 6px;
}

