/*your custom css goes here*/ 

@media (max-width: 575px) {
    

    .aiz-card-box .disc-amount {
        margin-right: 0% !important;
        opacity: 1 !important;
    }
}
.aiz-card-box .disc-amount {
        margin-right: 0% !important;
        opacity: 1 !important;
    }
    
    
    
/* Mobile Category Dropdown */
.categories-dropdown {
    position: relative;
}

.categories-dropdown-heading {
    position: relative;
    z-index: 3;
    border-radius: 10px;
    cursor: pointer;
}

.categories-dropdown-heading::after {
    content: "";
    height: 10px;
    width: 10px;
    background-image: url(https://i.postimg.cc/7h2gRvBy/plus.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 70%;
    transform: translateY(-50%);
}

.categories-dropdown-heading.active::after {
    background-image: url(https://i.postimg.cc/zBMCpDFj/minus.png);
}

.categories-dropdown-list {
    padding: 0 20px;
    width: 100%;
    border-radius: 10px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.categories-dropdown-list.active {
    padding: 10px 20px;
    opacity: 1;
    height: auto;
    overflow: visible;
    pointer-events: all;
}

.categories-dropdown-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cate-sub-drop ul {
    display: none;
    padding-left: 20px;
}

.toggle-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    background-image: url(https://i.postimg.cc/7h2gRvBy/plus.png);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.toggle-icon.active {
    width: 20px;
    height: 20px;
    margin-left: 20px;
    background-image: url(https://i.postimg.cc/zBMCpDFj/minus.png);
    background-size: 50% 15%;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Compare List Custom Styling Start */
svg.svgOfSingleCompareCardItem {
  position: absolute;
  top: 25px;
  right: 25px;
}

svg.svgOfSingleCompareCardItem:hover path {
  fill: #f48120 !important;
}

