body {
    background: #F8F8F8;
}

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

.breadcrumbs .item {
    font-size: 16px;
    font-family: "Inter", sans-serif;
}

.breadcrumbs a {
    font-size: 16px;
    font-family: "Inter", sans-serif;
    color: var(--unnamed-color-001f3f);
    text-decoration: none;
}

.filter h2,
.products h2 {
    font-family: "Inter", sans-serif !important;
    font-size: 20px;
    letter-spacing: 0px;
    color: #363636;
    opacity: 1;
    margin: 0;
    padding-bottom: 10px;
}

.filter .accordion-button:not(.collapsed) {
    background: #022B54 0% 0% no-repeat padding-box !important;
    border: 1px solid #707070;
    font: normal normal 600 16px "Inter", sans-serif;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.filter .accordion-button:not(.collapsed)::after {
    color: #474646;
}

.accordion-button.collapsed {
    background: rgb(255, 255, 255);
    font: normal normal 600 16px "Inter", sans-serif;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    opacity: 0.46;
}

.filter .accordion-item {
    border: 1px solid #DBDBDBE0;
    border-left: 0;
    border-right: 0;
}

.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;
}

.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 10px;
}

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: #36b37e;
    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;
}

.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 {
    font: normal normal 600 17px / 15px Inter !important;
    line-height: 10px !important;
}
.products .line-tr{
    font: normal normal 600 15px / 12px Inter !important;
}
.products .pr-items .card-text {
    margin-bottom: 15px;
}
.products  .pr-items .btn {
        font-size: 15px !important;
        height: 44px;
    }
.ma-filtr-itms{
    display: none;
}

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









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