
/* category left side fix */
.cateCtBlk {
    display: none;
    padding-left: 15px; /* optional indent for nested levels */
}

.cateCtBlk.is-open {
    display: block;
}

.parCate .cate-name {
    position: relative;
}

.parCate .cate-name {
    display: inline;
    font-size: 1.6rem;
    font-weight: 500;
    color: #000;
    text-align: left;
    text-decoration: none;
    background-image: linear-gradient(to right,var(--blue40),var(--blue40));
    background-size: 0% 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease, color 0.3s ease;
}

.parCate .cate-name:hover {
    color: var(--blue40);
    background-size: 100% 1px;
}

.parCate {
    position: relative;
    display: flex;
    margin-top: 15px;
    width: fit-content;
    gap: 4px;
    font-weight: 500;
}

.parCateBtn {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/assets/img/download/ic_add_circle.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.8rem;
    flex-shrink: 0;
    text-indent: -999999999px;
    color: transparent;
    cursor: pointer;
}

.parCate.is-open .parCateBtn {
    background-image: url(/assets/img/download/ic_close_circle.png);
}

.parCate.cateCtBlkTwoLevel.hide {
   display: none;
}

.parCate.cateCtBlkThreeLevel.hide {
   display: none;
}

.parCate.deepCate .cate-name {
    font-size: 1.4rem;
}

.parCate.deepCate .cate-name:hover {
    color: #000000;
}


.parCate.deepCate::before {
    content: '';
    position: absolute;
    left: -18px;
    top: 3px;
    width: 8px;
    height: 14px;
    background-image: url(/assets/img/download/arrow_forward.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cateCtBlk.deepblk {
    padding-left: 40px;
}


.parCate.deepCate.hide  {
    display: none;
}

.cateDBtn {
    display: none;
    padding: 13px 0 13px 0;
    font-size: 1.6rem;
    color: var(--blue40);
    text-decoration: none;
    position: static;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--blue40);
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3);
}

.cateDBtn.show {
    display: block;
}

.cateSidebarBtns {
    display: none;
    margin-top: 3.5rem;
}

.cateSidebarBtns.show {
    display: block;
}

.cateSidebarBtns #clearSelection {
    display: none;
}


.cateDBtn::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/assets/img/download/filter_alt_off.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 0.5rem;
    margin-bottom: 0.3rem;
}

.categoryFilterTitle {
    font-size: 2rem;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.categoryFilterContainer {
    padding: 20px 0;
}

.twoColumnPageSide.download {
    padding: 20px 24px 20px;
    max-width: 305px;
    min-width: 240px;
    flex: 0 1 28.6%;
}


