body {
    background: #F8F8F8;
}

#product-listing h1 {
    font: var(--unnamed-font-style-normal) normal 600 1.4em Mont;
}

.breadcrumbs .item {
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    text-align: left;
    color: #646464;
}

.breadcrumbs a {
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    text-align: left;
    color: #646464;
}
.view-btn img {
    width: 44px !important;
    height: 29px !important;
}
.view-btn img.active {
    opacity: .2;
}
button.btn.dropdown-toggle.relevance {
    width: 220px;
    height: 45px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0) !important;
    border: 1px solid #000;
}
.products h2 {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    color: #1c1c1c;
}

.filter .accordion-button:not(.collapsed) {
    background: unset;
    border: unset;
    font: normal normal 600 16px "Inter", sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.filter  .accordion-body {
    background: url();
    opacity: 0.46;
    border: 0;
    padding: 17px 0;
}
.filter .accordion-button:not(.collapsed)::after {
    color: #474646;
    background-image: var(--bs-accordion-btn-icon) !important;
    width: 17px;
    filter: brightness(3) invert(3);
    fill: #BBBBBB;
    background-image: var(--bs-accordion-btn-icon);
    background-size: 17px;
}
.accordion-button.collapsed {
    background: rgb(255, 255, 255);
    font: normal normal 600 16px "Inter", sans-serif;
}

.accordion-button.collapsed::after {
    width: 17px;
    filter: brightness(2) invert(3);
    fill: #BBBBBB;
    background-image: var(--bs-accordion-btn-icon);
    background-size: 17px;
}
.accordion-body {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    opacity: 0.46;
}
.filter .accordion-body {
    opacity: 1;
    border: 0;
    padding: 17px 0;
    padding-bottom: 0;
}
.ma-filtr-itms  div#accordionExample {
    background-color: #fff;
    padding: 37px 34px;
    border-radius: 17px;
    background: #fff;
}

.ma-filtr-itms .category-name input[type=checkbox] {
    accent-color: #85704a;
    opacity: 1 !important;
}

.ma-filtr-itms .category-name input {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    opacity: .4;
}
.filter .accordion-item {
    border: 0px solid #DBDBDBE0;
    border-left: 0;
    border-right: 0;
}
.filter button.text-capitalize.accordion-button {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 29px;
    text-align: left;
    color: #85704a;
    text-transform: uppercase !important;
    padding: 8px 0px;
    box-shadow: unset;
    overflow-wrap: break-word;
    text-wrap: auto;
}
.pr-items {
    border: 0;
}

.pr-items .card-title {
    font: normal normal 600 16px/18px Inter;
    letter-spacing: 0px;
    color: #0D0D0D;
    opacity: 1;
}

.pr-items .card-text {
    font: var(--unnamed-font-style-normal) normal normal 20px/28px var(--unnamed-font-family-inter);

    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
    height: auto;
    margin-bottom: 0px;
}

.pr-items .card-text a {
    text-decoration: none !important;
    color: #555555;
    font-weight: 300;
    font-size: 14px;
    text-align: left;
    color: #111;
}

.pr-items .btn, .product-list .btn {
    background: var(--unnamed-color-022b54) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-707070);
    border-radius: 8px;
    opacity: 1;
    width: 100%;
    text-transform: none;
    font: var(--unnamed-font-style-normal) normal normal 20px/27px var(--unnamed-font-family-inter);
    height: 54px;
    padding: 0.50em 1.5em;
}

.relevance {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-inter);
}

.image-container {
    width: 359px; /* set the desired width */
    height: 289px; /* set the desired height */
    object-fit: contain; /* preserves aspect ratio and scales the image */
    max-width: 100%; /* ensures the image doesn't exceed the container width */
    max-height: 100%; /* ensures the image doesn't exceed the container height */
}
.image-container-list {
    display: block;
    height: auto;
    max-width: 100%;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 4px;
}
.product-list .card-title {
    font: var(--unnamed-font-style-normal) normal normal 25px/28px var(--unnamed-font-family-inter);
    font: normal normal normal 20px/28px Inter;
    letter-spacing: 0px;
    color: #555555;
}

.product-list .card-price {
    font: normal normal bold 28px/32px Inter;
    letter-spacing: 0px;
    color: #0D0D0D;
    opacity: 1;
}
.product-list .card-title a {
    text-decoration: none;
    color: inherit;
}
.cursor-pointer {
    cursor: pointer;
}
.active>.page-link, .page-link.active {
    background-color: #022B54 !important;
}
.active>.page-link {
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color)
}

.price-content {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin: 0 0px;
}



label {
    font-size: 14px;
    font-weight: 500;
}

p {
    font-size: 16px;
    font-weight: 600;
}

.range-slider {
    position: relative;
    margin: 15px 0 30px 0;
}

.range-fill {
    height: 6px;
    background-color: #36b37e;
    position: absolute;
    z-index: 1;
}

input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    position: absolute;
    left: 0;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #85704a;
    cursor: pointer;
    margin-top: -5px;
    position: relative;
    z-index: 1;
}

input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: #e8e8e8;
    border-radius: 3px;
    border: none;
}
.price-r-body button.btn.b-btn {
    width: 100%;
    height: 62px;
    border-radius: 31px;
    background: #85704a;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.25em;
    line-height: 23px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
}

.category-name {
    font: var(--unnamed-font-style-normal) normal normal 15px/16px var(--unnamed-font-family-inter);
    color: var(--unnamed-color-161616);
    letter-spacing: 1.82px;
    text-transform: uppercase;
    opacity: 1;
    line-height: 10px !important;
}

input[type=checkbox]{
    accent-color:  #C70039;
}

.filter-blk-hdng{
    margin-top: 40px;
    background: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 17px;
    padding-top: 10px;
}


@media only screen and (max-width: 768px) {
#product-listing h1 {
    font: var(--unnamed-font-style-normal) normal 600 1.3em Mont;
}
.breadcrumbs .item {
    font-size: 16px !important;
}
.breadcrumbs a {
    font-size: 16px !important;
}
.filter-blk-hdng{
    margin-top: 25px !important;
    font-size: 18px !important;
    padding-bottom: 5px !important;
}
.filter .accordion-button:not(.collapsed){
    font-weight: 600 !important;
            font-size: 17px;
        padding: 11px;
}
.category-name {
    font: var(--unnamed-font-style-normal) normal normal 15px / 62px var(--unnamed-font-family-inter);
}
.accordion-button.collapsed {
    font-size: 18px;
    font-weight: 600;
    padding: 11px;
}

.filter h2, .products h2 {
    font-size: 23px;
}
.products .grid-product,.products .list-product {
    display: none !important;
}
.image-container {
     width: 100%; 
     height: auto; 
}
.pr-items .card-title {
    opacity: 1;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #111;
}
.products .line-tr{
    font: normal normal 600 15px / 12px Inter !important;
}
.products .pr-items .card-text {
    margin-bottom: 15px;
}

.ma-filtr-itms{
    display: none;
}

.filter-tgl-btn{
    display: block !important;
}

}
.filter-tgl-btn{
    float: right;
    margin-right: 10px;
    cursor: pointer;
    display: none;
}