@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.woff') format('woff');
}

.range_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 35px auto;
}

.sliders_control {
    position: relative;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #C6C6C6;
    cursor: pointer;
}

input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #C6C6C6;
    pointer-events: none;
}

#fromSlider {
    height: 0;
    z-index: 1;
}

/*//filtering product*/


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit
    }
.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.collapse.in {
    display: block;
    visibility: visible;
}

.fa-angle-down:before {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
}

.anvbrnda {
    cursor: pointer;
    color: #053b59;
}
/*basket*/
.cartbtnbox {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-right: calc(var(--bs-border-width) * -1);
    width: 50px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    border: 0;
    background: #fff;
    box-shadow: var(--shadow-box);
    border-radius: 3px !important;
    border: 1px solid #eee;
}

.cartbtnspnrem {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: var(--color-site);
}

.cartbtnrem {
    cursor: pointer !important;
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    margin-left: 7px !important;
    height: 100%;
    width: 40px;
    border: 0;
    outline: none !important;
    font-weight: bold;
    background: var(--main-color-one);
    box-shadow: var(--shadow-box);
    color: #fff !important;
    position: relative;
    display: inline-block;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity,transform;
    transition: all .3s ease-out;
}

.cartbtnspnadd {
    margin-right: calc(var(--bs-border-width) * -1);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: var(--color-site);
}

.cartbtnadd {
    cursor: pointer !important;
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
    margin-right: 7px !important;
    height: 100%;
    width: 40px;
    border: 0;
    outline: none !important;
    font-weight: bold;
    background: var(--main-color-one);
    box-shadow: var(--shadow-box);
    color: #fff !important;
    position: relative;
    display: inline-block;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity,transform;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-appearance: button;
}

.bank [type=radio] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

    /* IMAGE STYLES */
    .bank [type=radio] + img {
        cursor: pointer !important;
    }

    /* CHECKED STYLES */
    .bank [type=radio]:checked + img {
        outline: 2px solid #4d4d4d !important;
    }

.getdate .gate1 {
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    font-family: var(--title-font);
    color: var(--color-site);
    line-height: 1.5;
    width: 100%;
    display: inline-block;
    text-align: center !important;
}

.getdate .gate2 {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
    width: 100%;
    display: inline-block;
    text-align: center !important;
}

.getdate [type=radio] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

    /* IMAGE STYLES */
    .getdate [type=radio] + span {
        cursor: pointer !important;
    }

    .getdate [type=radio]:checked > .gate2 {
        font-weight: bold !important;
    }






.radio_class {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 25%;
    position: relative;
    right: -25px;
    top: 0px;
}

.kamselectadd:hover input ~ .radio_class {
    background-color: #4863A0;
}

.kamselectadd input:checked ~ .radio_class {
    background-color: #728C00;
}

.kamselectadd .radio_class:after {
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 80%;
    background: white;
}

.paymethod .radio_class {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 25%;
    position: relative;
    right: -5px;
    top: 5px;
    cursor: pointer;
}

.paymethod:hover input ~ .radio_class {
    background-color: #4863A0;
}

.paymethod input:checked ~ .radio_class {
    background-color: #728C00;
}

.paymethod .radio_class:after {
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 80%;
    background: white;
}

.paymethod label {
    cursor: pointer;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    direction: rtl;
    font-size: 14px;
}

.timeofferclass {
    padding-right: 8px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #4d4d4d;
}

.timeofferclassinput {
    top: 7px !important;
    right: -10px !important;
}

.timeofferclassi {
    color: var(--main-color-one) !important;
}

@media only screen and (min-width:992px) {
    .desk-m-0 {
        margin: 0;
    }

    .desk-minh-9 {
        height: 90px;
        overflow: auto;
    }
}

@media only screen and (max-width:480px) {
    .compinfo .col-3 {
        width: 100%;
    }

    .compinfo .col-6 {
        width: 100%;
    }
}
/*///icons*/
@font-face {
    font-display: block;
    font-family: "bootstrap-icons";
    src: url("../../../../fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2"), url("../../../fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bi-bar-chart::before {
    content: "\f17e";
}

.bi-basket::before {
    content: "\f180";
}

.bi-heart-fill::before {
    content: "\f415";
}

.bi-heart-half::before {
    content: "\f416";
}

.bi-heart::before {
    content: "\f417";
}

.bi-heart-fill::before {
    content: "\f415";
}

.bi-share::before {
    content: "\f52e";
}

.bi-shield-fill-check::before {
    content: "\f531";
}

.bi-star-fill::before {
    content: "\f586";
}

.bi-star::before {
    content: "\f588";
}

.bi-arrow-left-right::before {
    content: "\f12b";
}

.bi-paint-bucket::before {
    content: "\f4af";
}

.bi-trash-fill::before {
    content: "\f5dd";
}

.bi-watch::before {
    content: "\f616";
}

.bi-calendar2-check-fill::before {
    content: "\f1f7";
}

.bi-person-badge::before {
    content: "\f4d3";
}

.bi-geo-alt::before {
    content: "\f3e8";
}

.bi-shop::before {
    content: "\f543";
}

.bi-person-add::before {
    content: "\f89a";
}

.bi-key::before {
    content: "\f44f";
}

.bi-person-add::before {
    content: "\f89a";
}
.bi-clock-history::before {
    content: "\f292";
}
.bi-truck-flatbed::before {
    content: "\f5e9";
}

.bi-truck::before {
    content: "\f5ea";
}
.bi-check-circle-fill::before {
    content: "\f26a";
}

.bi-check-circle::before {
    content: "\f26b";
}
.bi-x-circle-fill::before {
    content: "\f622";
}

.bi-x-circle::before {
    content: "\f623";
}


.filter-items {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
}

.morekambtn {
    border-radius: 10%;
    width: auto;
    height: auto;
    padding: 1px 12px;
    position: relative;
    top: 0;
    left: 0;
    color: var(--theme-deafult);
    color: var(--theme-deafult);
    border: unset;
    font-weight: bold;
    font-size: 21px;
    float: left;
}

.kambrand {
    height: 120px;
    overflow: hidden;
    transition: 200ms;
}

.filter-item .expanded {
    height: auto !important;
    -webkit-transition: 0.5s ease-out;
    transition: 200ms;
}

.bi-x-circle-fill::before {
    content: "\f622";
}

.comp101 {
    text-align: center;
    background-color: #f4f5f9;
    color: #4d4d4d;
    margin-bottom: 7px;
    overflow: hidden;
    height: 250px;
    padding-top: 10px;
    padding-right: 10px;
}

.comp102 {
    box-shadow: 0px 0px 17px #00000029;
    background-color: #fff;
    color: #333;
    padding: 4px;
    margin-bottom: 7px;
    border: 1px solid #fff;
    height: 37px;
    overflow: hidden;
    text-align: right;
    direction: rtl;
    font-size: 13px;
}

.comp103 {
    float: right;
    padding-right: 3px;
    padding-left: 3px;
}

.comp104 {
    text-align: left;
    height: 30px;
    position: relative;
    left: 20px;
    top: 40px;
}

.comp105 {
    font-size: 20px;
}


.comp106 {
    box-shadow: 0px 0px 17px #00000029;
    box-shadow: 0px 0px 17px #00000029;
    text-align: center;
    background-color: #fff;
    color: #4d4d4d;
    margin-bottom: 7px;
    overflow: hidden;
    height: 250px;
    padding-top: 10px;
    padding-right: 10px;
}
.comp107 {
    margin-bottom: 25px;
    height: 140px;
}

.comp108 {
    text-align: center;
    height: 50px;
    overflow: hidden;
    font-size: 14px;
}
.comp109 {
    color: #4d4d4d;
    font-size: 12px !important;
}
.comp110 {
    text-align: center;
    padding-left: 7px;
    padding-bottom: 7px;
    color: #4caf50;
    height: 45px;
    overflow: hidden;
    color: var(--main-color-one) !important;
    font-weight: bold;
    font-size: 14px;
}
.comp111 {
    font-size: 14px;
}

.comp112 {
    text-align: center;
    padding-left: 7px;
    padding-bottom: 7px;
    color: #4caf50;
    height: 45px;
    overflow: hidden;
    color: var(--main-color-one) !important;
    font-weight: bold;
    font-size: 14px;
}
.comp113 {
    box-shadow: 0px 0px 17px #00000029;
    background-color: #f7f8fa;
    box-shadow: 0px 0px 17px #00000029;
    color: #4d4d4d;
    padding: 9px;
    margin-bottom: 7px;
    border: 1px solid #fff;
    font-size: 14px;
    height: 37px;
    overflow: hidden;
    text-align: right;
    direction: rtl;
}
.comp114 {
    height: 20px;
}

.comp115 {
    float: right;
    padding-right: 3px;
    padding-left: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comp116 {
    box-shadow: 0px 0px 17px #00000029;
    padding: 7px 10px;
    border-radius: 7px;
    cursor: pointer;
    background-color: #fff;
    color: #4d4d4d;
    font-weight: bold;
}
.font-14
{
    font-size:14px;
}
.comp117 {
    left: 8px;
    display: revert;
    position: absolute;
}
#MyFilte7755 {
    padding: 7px;
    box-shadow: 0px 0px 17px #00000029;
    border: 1px solid #dddddd;
}
.kamtot {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
}
@media only screen and (max-width:480px) {
    .comp101 {
        height: 105px;
    }

    .comp102 {
        font-size: 10px;
    }

    .comp106 {
        height: 105px;
    }
    .comp107 {
        max-height: 90px;
    }
    .comp108 {
        font-size: 10px;
    }
    .comp110 {
        font-size: 10px;
        margin-top: 10px;
    }
    .comp111 {
        font-size: 10px;
    }
    .comp112 {
        font-size: 10px;
        margin-top: 10px;
    }
    .comp113 {
        background-color: #fff;
        font-size: 10px;
    }
}