/*
Author Name: Pixinal Studio
Author Email: info@pixinal.com
Author URL: https://www.Pixinal.com
Script Version: v1.5.2
NB: If changes don't apply, try adding "!important" For example:
.btn {
    color: blue !important;
}

*/

/********** Start Writing Your Own Custom CSS Code Here ***********/
/* .fixed {
    position: sticky;
    top:0; left:0;transition: all 3s linear;
    width: 100%;
    z-index: 100;
} */

/* Accordion Category Styles */
.accordion-item {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 10px;
    background: #fff;
}
.accordion-header {
    background-color: #f2f2f2;
    padding: 12px;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.accordion-body {
    display: none;
    margin-top: 10px;
    padding: 10px 5px;
    max-height: 300px;
    overflow-y: auto;
}
.subcategory-box {
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 8px;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s;
}
.subcategory-box:hover {
    background-color: #e0e0e0;
}
.accordion-arrow {
    display: flex;
    align-items: center;
    transition: transform 0.3s;
}
.accordion-item.open .accordion-arrow {
    transform: rotate(180deg);
}