.category_holder {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
}

    .category_holder .next_page_holder {
        display: none;
    }

    .category_holder .products_count {
        display: inline-block;
    }

    .category_holder .description {
        margin-bottom: 20px;
    }

    .category_holder .navigation_holder {
        float: right;
    }

.rtl .category_holder .navigation_holder {
    float: unset;
}

.category_holder .grid_recently_watched,
.category_holder .grid_highlighted_in_category {
    margin-top: 100px;
}

@media (max-width: 800px) {
    .category_holder .navigation_holder {
        float: unset;
    }

    .category_holder {
        padding: 0px;
    }
}

/* ----------------------------------- category_filters.css ------------------------------------ */


.right_panel_filters .range_slider_holder {
    height: 90px;
}

    .right_panel_filters .range_slider_holder .range_slider {
        position: relative;
        width: 85%;
        text-align: center;
    }

        .right_panel_filters .range_slider_holder .range_slider input {
            pointer-events: none;
            position: absolute;
            overflow: hidden;
            left: 0;
            top: 15px;
            width: 100%;
            outline: none;
            height: 18px;
            margin: 0;
            padding: 0;
        }

            .right_panel_filters .range_slider_holder .range_slider input::-webkit-slider-thumb {
                pointer-events: all;
                position: relative;
                z-index: 1;
                outline: 0;
            }

            .right_panel_filters .range_slider_holder .range_slider input::-moz-range-thumb {
                pointer-events: all;
                position: relative;
                z-index: 10;
                -moz-appearance: none;
                width: 9px;
            }

            .right_panel_filters .range_slider_holder .range_slider input::-moz-range-track {
                position: relative;
                z-index: -1;
                background-color: rgba(0, 0, 0, 1);
                border: 0;
            }

            .right_panel_filters .range_slider_holder .range_slider input:last-of-type::-moz-range-track {
                -moz-appearance: none;
                background: none transparent;
                border: 0;
            }

            .right_panel_filters .range_slider_holder .range_slider input[type=range]::-moz-focus-outer {
                border: 0;
            }

    .right_panel_filters .range_slider_holder .rangeValue {
        width: 30px;
    }

    .right_panel_filters .range_slider_holder .output_max,
    .right_panel_filters .range_slider_holder .output_min {
        position: absolute;
        border: 1px solid #999;
        width: max-content;
        padding: 0 10px 0 10px;
        height: 30px;
        text-align: center;
        color: #999;
        border-radius: 4px;
        display: inline-block;
        font: bold 15px/30px Helvetica, Arial;
        bottom: 75%;
        left: 50%;
        transform: translate(-20%, 0);
    }

    .right_panel_filters .range_slider_holder .output_max {
        transform: translate(-65%, 0);
        left: 100%;
    }

    .right_panel_filters .range_slider_holder .container {
        position: absolute;
        left: 50%;
        bottom: 60px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .right_panel_filters .range_slider_holder input[type=range] {
        -webkit-appearance: none;
        background: none;
    }

        .right_panel_filters .range_slider_holder input[type=range]::-webkit-slider-runnable-track {
            height: 5px;
            border: none;
            border-radius: 3px;
            background: transparent;
        }

        .right_panel_filters .range_slider_holder input[type=range]::-ms-track {
            height: 5px;
            background: transparent;
            border: none;
            border-radius: 3px;
        }

        .right_panel_filters .range_slider_holder input[type=range]::-moz-range-track {
            height: 5px;
            background: transparent;
            border: none;
            border-radius: 3px;
        }

        .right_panel_filters .range_slider_holder input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: #555;
            margin-top: -5px;
            position: relative;
            z-index: 10000;
        }

        .right_panel_filters .range_slider_holder input[type=range]::-ms-thumb {
            -webkit-appearance: none;
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: #555;
            margin-top: -5px;
            position: relative;
            z-index: 10000;
        }

        .right_panel_filters .range_slider_holder input[type=range]::-moz-range-thumb {
            -webkit-appearance: none;
            border: none;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            background: #555;
            margin-top: -5px;
            position: relative;
            z-index: 10000;
        }

        .right_panel_filters .range_slider_holder input[type=range]:focus {
            outline: none;
        }

    .right_panel_filters .range_slider_holder .full_range,
    .right_panel_filters .range_slider_holder .internal_range {
        width: 100%;
        height: 5px;
        left: 0;
        top: 21px;
        position: absolute;
        background: #DDD;
    }

    .right_panel_filters .range_slider_holder .internal_range {
        background: #F3861A;
    }

.category_holder h1 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.category_holder .category_description.ellipsis {
    max-height: 200px;
    overflow: hidden;
}

    .category_holder .category_description.ellipsis .b_show_hidden_text {
        padding: 10px;
        border-radius: 50px;
        background-color: #fff;
        border-color: #000;
        display: block;
        margin: 10px auto;
        position: sticky;
        bottom: 0;
    }

.rtl .category_holder .category_description.ellipsis .b_show_hidden_text {
    direction: rtl;
}

    .rtl .category_holder .category_description.ellipsis .b_show_hidden_text i {
        margin-right: 10px;
    }

.category_holder .category_description.ellipsis .b_show_hidden_text:hover {
    background-color: #F3861A;
    color: #fff !important;
    border-color: #F3861A;
}

.category_holder h1 .manufacturer_logo {
    margin-bottom: 10px;
    display: block;
}

.category_holder h1 small {
    font-size: 20px;
}

.category_holder .tag_page .title {
    margin-top: 10px;
    padding: 5px 20px 5px 20px
}

    .category_holder .tag_page .title i {
    }

.category_holder .tag_page .content {
    display: none;
}

.category_holder .top_filters_products {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

    .category_holder .top_filters_products .dropdown > ul > li {
        direction:ltr;
    }

    .category_holder .top_filters_products .p_clear_favorites_list {
        margin-top: 10px;
    }

    .category_holder .top_filters_products .filter {
        float: left;
        margin-right: 10px;
    }

.rtl .category_holder .top_filters_products .filter {
    float: right;
    margin: 0 0 0 10px;
    padding-right: 15px;
}

.rtl .category_holder .top_filters_products .b_show_all_filters {
    margin-right: 10px;
}

    .rtl .category_holder .top_filters_products .b_show_all_filters i {
        float: left;
        margin: 5px 10px 0 0;
    }

.category_holder .top_filters_products .filter:last-child {
    margin-right: 0px;
}

.category_holder .selections_holder .filter_control,
.category_holder .top_filters_products .filter_control {
    border: solid 1px #ccc;
    border-radius: 25px;
    text-overflow: "";
    padding: 5px 10px 5px 10px;
    background-color: #fff;
    transition: 0.3s;
    width: fit-content;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
}

.right_panel_filters .filters_holder .filters .dropdown .range_slider_holder {
    display: none;
    transition: 0.3s;
    animation-duration: 0.2s;
    direction:ltr;
}

.right_panel_filters .filters_holder .filters .dropdown.selected .range_slider_holder {
    display: block;
    animation-name: dropdown_animate_fade_in;
}

.category_holder .top_filters_products .dropdown.selected > ul,
.right_panel_filters .filters_holder .filters .dropdown.selected > ul {
    display: block;
    animation-name: dropdown_animate_fade_in;
    max-height: 700px;
    overflow-y: auto;
}

.category_holder .top_filters_products .dropdown.selected.single_select > ul > li.selected {
    cursor: default !important;
}

.right_panel_filters .filters_holder .filters .filter > ul > li:hover:after,
.category_holder .top_filters_products .dropdown > ul > li:hover:after {
    background-color: #f3861a
}
.rtl .right_panel_filters .filters_holder .filters .filter > ul > li {
    text-align:right;
    direction:ltr;
}
.right_panel_filters .filters_holder .filters .filter > ul > li {
    overflow: hidden;
    /*max-width: 90%;*/
    width: 100%;
}

.rtl .right_panel_filters .filters_holder .filters .filter > ul > li:after,
.rtl .category_holder .top_filters_products .dropdown > ul > li:after {
    margin-left: 10px;
    margin-right: 0px;
}

.right_panel_filters .filters_holder .filters .filter > ul > li:after,
.category_holder .top_filters_products .dropdown > ul > li:after {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"> <path d="M 25 2 C 12.309288 2 2 12.309297 2 25 C 2 37.690703 12.309288 48 25 48 C 37.690712 48 48 37.690703 48 25 C 48 12.309297 37.690712 2 25 2 z M 25 4 C 36.609833 4 46 13.390175 46 25 C 46 36.609825 36.609833 46 25 46 C 13.390167 46 4 36.609825 4 25 C 4 13.390175 13.390167 4 25 4 z"></path> </svg>');
    content: "";
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    background-color: #ccc;
    display: inline-block;
    float: right;
    margin: 10px 0 0 20px;
}

.right_panel_filters .filters_holder .filters .filter > ul > li:after {
    /*        position: fixed;
        right: 42px;*/
}


.right_panel_filters .filters_holder .filters .filter > ul > li:hover:after,
.category_holder .top_filters_products .dropdown > ul > li:hover:after {
    content: "\f058";
    color: #ccc;
}

.right_panel_filters .filters_holder .filters .filter > ul > li.selected:after,
.category_holder .top_filters_products .dropdown > ul > li.selected:after {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z"/></svg>');
    background-color: #f3861a
}

.category_holder .selections_holder {
    margin: 10px 0 10px 0;
    height: 30px;
    overflow: hidden;
    width: 100%;
    display: inline-block;
}

    .category_holder .selections_holder.show {
        height: auto;
    }

    .category_holder .selections_holder .filter_control {
        padding: 0 10px 0 10px;
        margin: 0 5px 5px 0;
        text-transform: capitalize;
        display: inline-flex;
        align-items: center;
    }

.rtl .category_holder .selections_holder .filter_control {
    padding: 0 10px 3px 10px;
}

.category_holder .selections_holder .filter_control.selected {
    color: #fff !important;
    background-color: #F3861A;
    border: solid 1px #F3861A;
    cursor: default;
}

.category_holder .selections_holder .b_show_all_selections {
    float: right;
    border: solid 1px #000;
    background-color: #000;
    color: #fff;
}

.rtl .category_holder .selections_holder .b_show_all_selections {
    float: left;
}

.category_holder .selections_holder .b_show_all_selections:hover {
    background-color: #F3861A;
    border: solid 1px #F3861A;
    color: #fff;
}

.category_holder .selections_holder .b_show_all_selections::after {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f107";
    border: 0px;
    vertical-align: unset;
    margin-left: 10px;
    float: right;
}

.rtl .category_holder .selections_holder .b_show_all_selections::after {
    margin-left: 0px;
    margin-right: 10px;
}

.category_holder .selections_holder.show .b_show_all_selections::after {
    content: "\f106";
}

.category_holder .selected_filters_holder {
    display: none;
    transition: 0.3s;
    width: 100%;
    margin-top: 5px;
}

    .category_holder .selected_filters_holder.show {
        display: inherit;
    }

    .category_holder .selected_filters_holder .title {
        display: inline-block;
        margin-right: 5px;
    }

    .category_holder .selected_filters_holder .selected_filters {
        display: inline-flex;
    }

    .category_holder .selected_filters_holder .clear_filters {
        background-color: #000;
        color: #fff;
        border-radius: 25px !important;
        padding: 2px 10px 2px 10px !important;
    }

        .category_holder .selected_filters_holder .clear_filters:hover {
            background-color: #F3861A;
            color: #fff !important;
        }

    .category_holder .selected_filters_holder .clear_filters,
    .category_holder .selected_filters_holder .selected_filters .filter {
        display: inline-flex;
        justify-content: center;
        justify-items: center;
        border: solid 1px #ccc;
        border-radius: 10px;
        padding: 5px 15px 5px 15px;
        margin: 5px;
        cursor: pointer;
        font-size: 14px;
    }

    .category_holder .selected_filters_holder .selected_filters .filter {
        display: inline-block;
        font-weight: bold;
    }

        .category_holder .selected_filters_holder .selected_filters .filter > div {
            font-weight: normal;
            color: #ccc;
        }

.category_holder .selected_filters .filter {
    transition: 0.3s;
}

    .category_holder .selected_filters .filter i {
        line-height: 22px;
        float: right;
        margin: 5px 0 0 10px;
    }

.right_panel_filters {
    position: fixed;
    display: grid;
    grid-template-rows: auto 1fr auto;
    top: 0;
    right: -400px;
    width: 400px;
    background-color: #fff;
    z-index: 4;
    border-left: solid 1px #ccc;
    padding: 0px 20px 0px 20px;
    height: 100%;
    transition: 0.3s;
    overflow-x: hidden;
}

    .right_panel_filters.show {
        right: 0px !important;
    }

    .right_panel_filters .topic {
        border-bottom: solid 1px #ccc;
        line-height: 70px;
    }

        .right_panel_filters .topic .b_close_right_panel_filters {
            font-size: 25px;
            color: #ccc;
            vertical-align: middle;
        }

    .right_panel_filters .filters_holder {
        overflow-y: auto;
        padding-top: 40px;
    }

    .right_panel_filters .footer {
        padding: 20px;
        margin: auto auto;
    }

    .right_panel_filters .filters_holder .price_rage {
        width: 100%;
    }

    .right_panel_filters .filters_holder .filters .filter {
        width: 100%;
        line-height: 65px;
        position: relative !important;
        background-color: #fff;
        z-index: 0;
        transform: none !important;
        text-align: left;
        border: 0px;
        border-bottom: solid 1px #ccc;
        border-radius: 0px;
    }

        .right_panel_filters .filters_holder .filters .filter .title {
            font-weight: bold;
        }
        .right_panel_filters .filters_holder .filters .filter .title:after {
            margin-top:22px;
        }
.rtl .right_panel_filters .filters_holder .filters .filter .title {
    text-align: right;
}

.right_panel_filters .filters_holder .filters .dropdown.selected > ul {
    position: relative;
    border: 0px;
    width: 100%;
    margin-top: 0px;
    padding: 0 0 0 5px;
    animation-duration: 1s;
}

.category_top_tags_holder {
    max-height: 150px;
    overflow: auto hidden;
    margin-bottom: 20px;
    width: 100%;
}

    .category_top_tags_holder .tags {
        display: flex;
    }

        .category_top_tags_holder .tags > a {
            border-radius: 0px;
            border: 0px;
            background: #fff;
            width: 130px;
            height: 130px;
            padding: 10px;
            display: inline-grid;
            justify-items: center;
            align-items: center;
            margin-right: 20px;
            aspect-ratio: 1/1;
        }
.rtl .category_top_tags_holder .tags > a {
    margin-right: 0px;
    margin-left: 20px;
}

            .category_top_tags_holder .tags > a img {
                width: 100%;
                height: auto;
                max-width: 80px;
            }

        .category_top_tags_holder .tags a > div {
            max-width: 100%;
            overflow: hidden;
            font-size: .9rem;
            text-align:center;
        }

.category_holder .page_style_filters {
    float: right;
}

.rtl .category_holder .page_style_filters {
    float: left;
}

.category_holder .page_style_filters > .title {
    border: solid 1px #000;
    width: 50px;
    text-align: center;
    font-size: 21px;
    max-height: 30px;
    line-height: 30px;
    padding: 0px !important;
}

    .category_holder .page_style_filters > .title i {
        margin-top: -3px;
    }

.category_holder .page_style_filters > .content {
    right: 30px;
    list-style: none;
    display: none;
    padding: 20px;
    border: solid 1px #ccc;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    z-index: 2 !important;
    transition: 0.3s;
    animation-duration: 0.2s;
    width: max-content;
}

.rtl .category_holder .page_style_filters > .content {
    left: 30px;
    right: unset;
}

.category_holder .page_style_filters .ddl_sort_by ul {
    right: 0px;
}

@media (max-width: 1920px) {
    .category_top_tags_holder .tags > a {
        width: 110px;
        height: 110px;
    }

    .category_top_tags_holder {
        margin-bottom: 10px;
    }
}

@media (max-width: 810px) {
    .category_holder .selections_holder {
        max-height: 60px;
        height: 40px;
    }

    .category_holder .page_style_filters > .content {
        position: fixed;
    }

    .rtl .category_holder .page_style_filters > .content {
        right: 0;
    }

    .category_holder .selections_holder {
        overflow-x: auto;
    }

        .category_holder .selections_holder .selections {
            display: flex;
            max-height: 30px;
        }

        .category_holder .selections_holder .b_show_all_selections {
            display: none;
        }

    .category_holder .selected_filters_holder .selected_filters {
        display: inline-block;
    }

    .category_holder .top_filters_products .p_clear_favorites_list {
        float: right;
    }

    .category_holder .top_filters_products .dropdown {
        margin: 0 5px 10px 0 !important;
    }

    .category_holder .top_filters_products .filter_control {
        padding: 4px 5px 4px 5px !important;
    }

    .category_holder .selected_filters_holder.show {
        display: grid;
    }

    .category_holder .selections_holder .filter_control {
        height: 25px;
    }

    .category_holder h1 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .category_holder .navigation_holder {
        margin-top: 10px;
    }

    .category_holder .page_style_filters > .title {
        padding: 0px !important;
    }

    .category_holder .page_style_filters .dropdown {
        margin-bottom: 0px !important;
    }
}

.la-sliders-h {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 15 5 C 13.707031 5 12.605469 5.84375 12.1875 7 L 4 7 L 4 9 L 12.1875 9 C 12.605469 10.15625 13.707031 11 15 11 C 16.292969 11 17.394531 10.15625 17.8125 9 L 28 9 L 28 7 L 17.8125 7 C 17.394531 5.84375 16.292969 5 15 5 Z M 15 7 C 15.5625 7 16 7.4375 16 8 C 16 8.5625 15.5625 9 15 9 C 14.4375 9 14 8.5625 14 8 C 14 7.4375 14.4375 7 15 7 Z M 22 13 C 20.707031 13 19.605469 13.84375 19.1875 15 L 4 15 L 4 17 L 19.1875 17 C 19.605469 18.15625 20.707031 19 22 19 C 23.292969 19 24.394531 18.15625 24.8125 17 L 28 17 L 28 15 L 24.8125 15 C 24.394531 13.84375 23.292969 13 22 13 Z M 22 15 C 22.5625 15 23 15.4375 23 16 C 23 16.5625 22.5625 17 22 17 C 21.4375 17 21 16.5625 21 16 C 21 15.4375 21.4375 15 22 15 Z M 11 21 C 9.707031 21 8.605469 21.84375 8.1875 23 L 4 23 L 4 25 L 8.1875 25 C 8.605469 26.15625 9.707031 27 11 27 C 12.292969 27 13.394531 26.15625 13.8125 25 L 28 25 L 28 23 L 13.8125 23 C 13.394531 21.84375 12.292969 21 11 21 Z M 11 23 C 11.5625 23 12 23.4375 12 24 C 12 24.5625 11.5625 25 11 25 C 10.4375 25 10 24.5625 10 24 C 10 23.4375 10.4375 23 11 23 Z"/></svg>')
}

.la-sort-alpha-down {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 5 5 L 5 7 L 10.5625 7 L 5.28125 12.28125 L 5 12.59375 L 5 15 L 13 15 L 13 13 L 7.4375 13 L 12.71875 7.71875 L 13 7.40625 L 13 5 Z M 22 5 L 22 23.6875 L 19.40625 21.09375 L 18 22.5 L 22.28125 26.8125 L 23 27.5 L 23.71875 26.8125 L 28 22.5 L 26.59375 21.09375 L 24 23.6875 L 24 5 Z M 8.1875 17 L 7.96875 17.65625 L 6.03125 23 L 6 23 L 6 23.0625 L 5.0625 25.65625 L 5 25.8125 L 5 27 L 7 27 L 7 26.15625 L 7.40625 25 L 10.59375 25 L 11 26.15625 L 11 27 L 13 27 L 13 25.8125 L 12.9375 25.65625 L 12 23.0625 L 12 23 L 11.96875 23 L 10.03125 17.65625 L 9.8125 17 Z M 9 20.65625 L 9.84375 23 L 8.15625 23 Z"/></svg>')
}

.la-exclamation-circle {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 22.617188 28 28 22.617188 28 16 C 28 9.382813 22.617188 4 16 4 Z M 16 6 C 21.535156 6 26 10.464844 26 16 C 26 21.535156 21.535156 26 16 26 C 10.464844 26 6 21.535156 6 16 C 6 10.464844 10.464844 6 16 6 Z M 15 10 L 15 18 L 17 18 L 17 10 Z M 15 20 L 15 22 L 17 22 L 17 20 Z"/></svg>')
}

.la-circle {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 22.617188 28 28 22.617188 28 16 C 28 9.382813 22.617188 4 16 4 Z M 16 6 C 21.535156 6 26 10.464844 26 16 C 26 21.535156 21.535156 26 16 26 C 10.464844 26 6 21.535156 6 16 C 6 10.464844 10.464844 6 16 6 Z"/></svg>')
}

.la-border-all {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 5 5 L 5 27 L 27 27 L 27 5 L 5 5 z M 7 7 L 15 7 L 15 15 L 7 15 L 7 7 z M 17 7 L 25 7 L 25 15 L 17 15 L 17 7 z M 7 17 L 15 17 L 15 25 L 7 25 L 7 17 z M 17 17 L 25 17 L 25 25 L 17 25 L 17 17 z"/></svg>')
}

.la-th-list {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 4 6 L 4 26 L 28 26 L 28 6 Z M 6 8 L 11 8 L 11 12 L 6 12 Z M 13 8 L 26 8 L 26 12 L 13 12 Z M 6 14 L 11 14 L 11 18 L 6 18 Z M 13 14 L 26 14 L 26 18 L 13 18 Z M 6 20 L 11 20 L 11 24 L 6 24 Z M 13 20 L 26 20 L 26 24 L 13 24 Z"/></svg>')
}

.la-align-justify {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 3 7 L 3 9 L 29 9 L 29 7 Z M 3 11 L 3 13 L 29 13 L 29 11 Z M 3 15 L 3 17 L 29 17 L 29 15 Z M 3 19 L 3 21 L 29 21 L 29 19 Z M 3 23 L 3 25 L 29 25 L 29 23 Z"/></svg>')
}

/* ----------------------------------- pager.css ------------------------------------ */

.pager_holder {
    margin: 50px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .pager_holder .next_page,
    .pager_holder .previous_page {
        cursor: pointer;
    }

    .pager_holder .page-link {
        color: #F3861A;
        width: 50px;
        height: 50px;
        max-width: 50px !important;
        max-height: 50px !important;
        border-radius: 50px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 5px 0 5px;
        user-select: none;
    }

    .pager_holder .active .page-link {
        background-color: #F3861A;
        color: #fff;
        border: solid 1px #F3861A;
        z-index: 0;
        font-weight: bold;
    }

    .pager_holder .disabled .page-link {
        color: #ccc;
        cursor: default;
        pointer-events: all !important;
    }

    .pager_holder .dropdown.flexible {
        display: flex;
        cursor: default;
    }

        .pager_holder .dropdown.flexible > ul {
            z-index: 0 !important;
        }

            .pager_holder .dropdown.flexible > ul > li {
                float: left;
            }

        .pager_holder .dropdown.flexible.multirow {
            padding: 10px 20px 10px 20px;
            margin-bottom: 50px;
            display: block;
            cursor: pointer;
        }

    .pager_holder .dropdown.multirow .page-item:last-child,
    .pager_holder .dropdown.multirow .page-item:first-child {
        display: none;
    }

    .pager_holder .dropdown.flexible.multirow > ul {
        margin: 15px 0 0 -32px;
        max-height: unset;
        z-index: 3 !important;
    }

        .pager_holder .dropdown.flexible.multirow > ul > li .page-link {
            margin: 0 0 5px 0;
        }

        .pager_holder .dropdown.flexible.multirow > ul > li {
            float: unset;
        }

.dropdown.flexible.multirow .title {
    display: block;
}

.dropdown.flexible.multirow {
    border: solid 1px #ccc;
}

    .dropdown.flexible.multirow > ul {
        display: none;
        grid-template-columns: 20% 20% 20% 20% 20%;
        padding: 20px 30px 20px 40px;
        border: solid 1px #ccc;
        position: absolute;
        gap: 10px;
        overflow: hidden;
    }

.dropdown.selected.multirow > ul {
    display: grid !important;
}

.dropdown.flexible.multirow > ul li {
    line-height: 35px;
}


@media (max-width: 810px) {
    .pagination-lg {
        --bs-pagination-padding-x: 0.75rem;
        --bs-pagination-padding-y: 0.375rem;
        --bs-pagination-font-size: 1rem;
    }

    .pager_holder .dropdown.flexible {
        padding: 10px 20px 10px 20px;
        margin-bottom: 50px;
        display: block;
        cursor: pointer;
    }

    .pager_holder .dropdown .page-item:last-child,
    .pager_holder .dropdown .page-item:first-child {
        display: none;
    }

    .pager_holder .dropdown.flexible > ul {
        margin: 15px 0 0 -32px;
        max-height: unset;
        z-index: 3 !important;
    }

        .pager_holder .dropdown.flexible > ul > li .page-link {
            margin: 0 0 5px 0;
        }

        .pager_holder .dropdown.flexible > ul > li {
            float: unset;
        }
}