.mobile-filter{
    display: none !important;
}


/*all products*/

.sort-line{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 20px;
    padding: 14px 30px;
    background: var(--color-background);
    border-radius: 30px;
    box-shadow: -4px -5px 4px 0px var(--menu-back), 7px 10px 6px -9px var(--text-darkt);
    margin-bottom: 30px;
}
.add__to_cart__category{
    padding: 1px 10px;
    border-radius: 50%;
    background: #ffc56a;
}
.add__to_cart__category svg{
    color: white;
}
.sort-line span{
    font-size: 15px;
}

.each-sort-item{
    padding: 0 15px;
    cursor: pointer;
    color: var(--text-light);
}

.each-sort-item.active{
    color: var(--primary-light);
    position: relative;
}

.each-sort-item.active span{
    color: var(--primary-light);
    font-size: 17px;
    text-decoration:none;
    padding-bottom:7px;
    background-image:url('../images/see-line.svg');
    background-repeat: repeat-x;
    background-position: -200px 100%;
    background-size: 153px;
}

.each-sort-item.active:hover span{
    animation: slideleft 2s infinite linear;
}

.all-products-here{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 0px;
    justify-content: center;
    min-height: 611px;
}


.all-products-here .old-price span{
    font-size: 14px;
}
.all-products-here .exact-price span{
    font-size: 16px;
}

.all-products-here .detail-prices {
    gap: 0;
}



.all-products-here .pro-image {
    width: 100%;
    height: 191px;
    min-height: 191px;
}

.all-products-here .each-pardis-pro{
    margin-bottom: 30px;
    width: 100%;
}

.sort-title{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--text-light);
}

.empty-pro{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.cat-course-name{
    color: #454545;
}


.all-products{
    padding-bottom: 115px;
}

/*filter*/

.all-filter-part{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.selected-filters{
    display: flex;
    flex-direction: column;
    padding: 14px 32px;
    border-radius: 19px;
    background: var(--color-background);
    box-shadow: -4px -5px 4px 0px var(--menu-back), 7px 10px 6px -9px var(--text-darkt);
    gap: 14px;
    margin-bottom: 20px;
}

.my-selected{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.each-selected{
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6f4ff;
    border-radius: 21px;
    padding: 5px 19px;
    font-size: 15px;
    color: var(--primary-light);
    gap: 5px;

}

.remove-selected{
    transform: rotate(45deg);
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}

.selected-filter-title{
    font-size: 17px;
    color: var(--text-light);
}

.category-accordion-item {
    /*border-bottom: 1px solid #F2F2F2;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /* margin-top: 1px; */
    /* height: 37px; */
    margin-block: 0px;
    padding: 0.4rem;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-right: 34px;
    /* margin-block: 14px; */
    cursor: pointer;
    /* padding-block: 18px; */
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--text-light);
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    --border-default: #bbbbc1;
    --border-hover: #9898a3;
    --active: #FC0DA9;
    --active-tick: #fff;
    position: absolute;
    top: 5px;
    right: 0;
    height: 22px;
    width: 22px;
    /*background-color: #0dcaf0;*/
    border-radius: 4px;
    -webkit-tap-highlight-color: transparent;
    transition: all .5s;
    border: 1px solid #ACDCFF;
}
.checkmark svg:first-child {
    width: 23px;
    height: 19px;
    left: -2px;
    top: 0;
    color: #fff;
    display: none;
}
.checkmark svg {
    display: block;
    position: absolute;
}

.category-accordion-item .checkbox-container input:checked + .checkmark svg:first-child {
    --stroke-dashoffset: 0;
}

.category-accordion-item .checkbox-container input:checked + .checkmark svg:first-child {
    display: block;
}

.category-accordion-item .checkbox-container input:checked + .checkmark  {
    background-color: #ffc107;
}
.rang_show span{
    width: 48%;
    display: inline-block;
    border: 1px solid #c5c5c5;
    text-align: center;
    border-radius: 30px;
    color: var(--text-light);

}
.rang_show{
    width: 100%;
}
.number_farsi{
    font-family: Samim-FD;
}
.rang_show{
    width: 100%;
    margin-bottom: 1rem;
}
.filter_range{
    padding: 19px 28px;
    border-radius: 19px;
    background: var(--color-background);
    box-shadow: -4px -5px 4px 0px var(--menu-back), 7px 10px 6px -9px var(--text-darkt);
    margin-bottom: 1rem;
}

.sort-type{
    padding: 14px 32px;
    border-radius: 19px;
    background: #fbfbfb;
    box-shadow: -4px -5px 4px 0px rgba(255, 255, 255, 0.65), 10px 10px 5px -4px rgba(0, 0, 0, 0.07);
}

.sort-type-title{
    border-bottom: 2px solid #d0e0ff;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.category-text-box{
    border-top: 2px solid #d0e0ff;
    padding: 10px 0px;
}

.category-items-menu-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-light);

    display: none;
}

.category-tabs-filters{
    padding: 14px 32px;
    border-radius: 19px;
    background: var(--color-background);
    box-shadow: -4px -5px 4px 0px var(--menu-back), 7px 10px 6px -9px var(--text-darkt);
    margin-bottom: 20px;
}

.search-input{
    position: relative;
    display: none;
}

.search-input input{
    border: unset;
    border-radius: 19px;
    padding: 3px 11px;
    width: 100%;
}

.search-input svg{
    position: absolute;
    left: 16px;
    top: 11px;
}

.category-filters-close svg {
    display: none;
}
.category-filters-applied {
    display: none;
}

.backward-arrow svg{
    display: none;
}

.category-filters-title{
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.category-filters-title svg circle{
    fill: var(--text-light);
}

.category-filters-title span{
    color: var(--text-color-new);
}

.category-accordion-item:last-child{
    border-bottom: unset;
}

.category-text-box.active .category-accordion-box {
    height: 100%;
}

.category-accordion-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    --primary: #275efe;
    --headline: #3f4656;
    --text: #99a3ba;
    cursor: pointer;
    overflow-x: hidden;
}


/*filter*/


/*all products*/



/*day night*/


.sort-line.dark__mode{
    background-color: #1B223B;
    box-shadow: -4px -5px 4px 0px #1c1840, 10px 10px 5px -4px rgb(255 255 255 / 7%);
}

.selected-filters.dark__mode{
    background-color: #1B223B;
    box-shadow: -4px -5px 4px 0px #1c1840, 10px 10px 5px -4px rgb(255 255 255 / 7%);
}

.sort-type.dark__mode{
    background-color: #1B223B;
    box-shadow: -4px -5px 4px 0px #1c1840, 10px 10px 5px -4px rgb(255 255 255 / 7%);
}

.category-accordion-item.dark__mode span{
    color: #ffff;
}

.sort-type-title.dark__mode span{
    color: #ffff;
}

.selected-filter-title.dark__mode span{
    color: #ffff;
}

.sort-type-title.dark__mode svg circle {
    fill: #ffffff;
}

.sort-title.dark__mode{
    color: #ffff;
}

.each-sort-item.dark__mode{
    color: #d5d5d5;
}

.each-sort-item.dark__mode.active{
    color: var(--primary-dark);
}

.category-tabs-filters.dark__mode{
    background-color: #1b223b;
}

.category-filters-title.dark__mode svg circle{
    fill: #ffff;
}

.category-filters-title.dark__mode {
    color: #ffff;
}

.category-text-box.dark__mode span{
    color: #ffff;
}


/*day night*/




.pagination{
    padding: 0;
    justify-content: center;
    gap: 8px;
}

.page-item:first-child .page-link{
    content: url(../images/category/pag-back.svg);
    position: relative;
    width: 24px;
    height: 18px;
    top: 32%;
    right: 0px;
    padding: 0;
    border: 0;
    filter: var(--page-filter);
}

.page-item:last-child .page-link{
    content: url(../images/category/pag-next.svg);
    position: relative;
    width: 24px;
    height: 18px;
    top: 32%;
    left: 0px;
    padding: 0;
    border: 0;
    filter: var(--page-filter);
}

.page-item:last-child.disabled .page-link, .page-item:first-child.disabled .page-link{
    filter: var(--page-filter) opacity(0.5);
    background: transparent;
}
.page-item.disabled .page-link {
    border-color: transparent !important;
}

.page-link:hover {
    background-color: transparent;
    border: 0;
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
    border-radius: 40%;
    border: 1px solid var(--pagination);
    background: transparent;
}

.page-item:last-child .page-link{
    border-radius: unset;
    border: 0;
}

.page-link {
    padding: 0.075rem 1.15rem;
    color: var(--pagination);
    background-color: transparent;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--pagination);
    border-color: var(--pagination);
}



.empty-image {
    width: 96px;
    height: 96px;
}


.empty-image *{
    width: 100%;
    height: 100%;
}

.empty-pro span{
    color: var(--text-light);
}




@media screen and (min-width: 768px){

    .category-text-box:hover .category-items-menu-box span{
        /*background-color: var(--lightr-color);*/
        color: var(--primary-light);
    }
    .category-text-box:hover .category-items-menu-box svg path{
        fill: var(--primary-light);
    }


}

.filter-mobile-text{
    display: none;
}



/*responsive*/

@media screen and (max-width: 1399px){

    .pro-text {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .teacher-name {
        font-size: 12px;
    }

    .hours {
        font-size: 12px;
    }
    .product-price {
        font-size: 18px;
    }


}

@media screen and (max-width: 1199px){


    .category-tabs-title {
        display: none;
        padding-top: 15px;
        align-items: flex-start;
        padding-inline: 50px;
        flex-direction: column;
        background-color: var(--back-sec);
        bottom: 0;
        right: 0;
        margin: auto;
        border-radius: 15px;
        height: max-content;
        width: 100%;
        position: fixed;
        z-index: 1110000;
        padding-bottom: 20px;
    }

    .category-tabs-title.show {
        display: flex;
    }

    .category-tabs-title.show .category-tabs-close svg {
        display: inline;
        margin-bottom: 10px;
    }

    .category-sort-mobile-title {
        color: var(--text-light) !important;
        font-size: 1rem !important;
        width: 100%;
        text-align: right;
        border-bottom: 1px solid #c7c7c7;
        padding-bottom: 10px;
    }

    .category-tabs-title.show .category-tabs-box {
        margin-top: 15px;
        width: 100%;
        border-left: 0;
        position: relative;
        color: var(--text-light) !important;
    }

    .category-tabs-box span.active {
        font-weight: 600;
        color: var(--primary-light) !important;
    }

    .category-tabs-close path{
        fill: var(--text-light);
    }
    .category-tabs-box > span.active::before, .category-tabs-box > a.active::before {
        content: url(../images/category/Vector9.svg);
        position: absolute;
        left: 0;
        filter: var(--filter-image);
    }

    .category-tabs-close {
        position: absolute;
        right: 17px;
        top: 17px;
    }

    .filter-mobile-text{
        color: var(--text-light);
        font-weight: 600;
        font-size: 19px;
        padding-block: 20px 10px;
        display: flex;
        justify-content: space-between;
    }

    .filter_range {
         background: unset;
         box-shadow: unset;
    }

    .category-filters-title {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }


    .category-text-box {
        display: none;
    }
    .category-text-box {
        border-top: unset;
        padding: 10px 0px;
    }

    .category-text-box.show {
        display: flex;
    }

    .category-tabs-filters{
        padding: unset;
        border-radius: unset;
        background: unset;
        box-shadow: unset;
        margin-bottom: unset;
    }

    .category-tabs-filters.show {
        transform: translateX(0);
    }

    /*.category-tabs-filters {*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    !* right: -50%; *!*/
    /*    right: 0;*/
    /*    height: 100%;*/
    /*    max-height: max-content;*/
    /*    width: 50%;*/
    /*    border-radius: 0;*/
    /*    padding-inline: 15px;*/
    /*    background-color: var(--color-background);*/
    /*    z-index: 1000;*/
    /*    display: flex;*/
    /*    justify-content: flex-start;*/
    /*    padding-block: 20px 100px;*/
    /*    overflow: hidden auto;*/
    /*    transform: translateX(100%);*/
    /*    -webkit-transition: transform .5s ease-in-out;*/
    /*    transition: transform .5s ease-in-out;*/
    /*    flex-direction: column;*/
    /*}*/

    .filter-side{
            position: fixed;
            top: 0;
            /* right: -50%; */
            right: 0;
            height: 100%;
            max-height: max-content;
            width: 50%;
            border-radius: 0;
            padding-inline: 15px;
            background-color: var(--color-background);
            z-index: 1000;
            display: flex;
            justify-content: flex-start;
            padding-block: 20px 100px;
            overflow: hidden auto;
            transform: translateX(100%);
            -webkit-transition: transform .5s ease-in-out;
            transition: transform .5s ease-in-out;
            flex-direction: column;
    }

    .filter-side.show {
        transform: translateX(0);
    }

    .category-tabs-filters.show .category-filters-close svg {
        display: inline;
    }

    .category-tabs-filters.show .category-filters-close svg path {
        fill: var(--primary-light);
    }

    .category-filters-title {
        padding-block: 7px 10px;
        margin-top: 0;
    }
    .category-filters-applied {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 50px;
        box-shadow: 0px 0px 7px var(--primary-light);
        border-radius: 31px 31px 15px 15px;
        background-color: var(--color-background);
        position: fixed;
        color: var(--text-light);
    }

    .selected-filters{
        display: none;
    }

    /*.col-sort{*/
    /*    display: none;*/
    /*}*/

    .each-sort-item{
        display: none;
    }

    .whole-cat-courses {
        flex-wrap: nowrap;
        overflow: auto;
    }
    .cat-see-more {
        display: none;
    }

    .cat-courses {
        padding-block: 40px 75px;
    }

    .whole-cat-courses::-webkit-scrollbar{
        display: none;
    }

    .mobile-filter{
        display: flex !important;
    }
    .sort-line {
        justify-content: space-around;
        gap: 20px;
        background: unset;
        box-shadow: unset;
    }

    .sort-title{
        padding: 14px 30px;
        background: var(--back-color3);
        border-radius: 14px;
        box-shadow: -4px -5px 4px 0px rgba(255, 255, 255, 0.65), 10px 10px 5px -4px rgba(0, 0, 0, 0.07);
    }

    .sort-title.dark__mode{
        background: #1e2746;
        box-shadow: -4px -5px 4px 0px rgb(27, 23, 63), 3px 4px 5px -4px rgb(172, 175, 184);
    }

}

@media screen and (max-width: 991px){

    .cat-course-name {
        font-size: 15px;

    }

    .cat-course-icon {
        width: 77px;
        height: 77px;
    }


}

@media screen and (max-width: 767px){

    .all-products-here .pro-image {
        width: 100%;
        height: 162px;
        min-height: 162px;
    }

    .product-detail {
        flex-direction: column;
        align-items: flex-start;
    }
    .cat-course-name {
        font-size: 14px;
    }

    .cat-course-icon {
        width: 68px;
        height: 68px;
    }

    .each-cat-course {
        min-width: 284px;
        max-width: 284px;
        padding: 12px 47px;
    }
    .each-address-link {
        font-size: 14px;
    }

    .whole-addressbar svg{
        width: 15px;
        height: 15px;
    }


}

@media screen and (max-width: 575px){

    .filter-side {
        width: 100%;
    }


    .cat-courses {
        padding-block: 40px 34px;
    }

    .category-tabs-filters {
        width: 100%;
    }

    .cat-course-half {
        width: 1.7rem;
        height: 3.5rem;
    }

    .sort-line {
        gap: 25px;
        background: unset;
        box-shadow: unset;
        justify-content: center;
        padding-inline: unset;
    }

    .sort-title {
        padding: 9px 19px;
    }


}

@media screen and (max-width: 425px){

    .cat-course-name {
        font-size: 13px;
    }

    .sort-line span {
        font-size: 13px;
    }

}
@media screen and (max-width: 320px){
    .each-cat-course {
        min-width: 265px;
        max-width: 265px;
        padding: 12px 34px;
    }

    .sort-title {
        padding: 10px 21px;
    }

    .sort-line {
        gap: 15px;
        background: unset;
        box-shadow: unset;
        justify-content: center;
        padding-inline: unset;
    }
}


/*responsive*/