body{
                touch-action: pan-y;
                }
            .product-index-listing {
                border-radius: 8px;
                width: 100%;
                height: 300px;
                position: relative;
                background: #000;
                overflow: hidden;
                box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.16), 0 4px 4px rgba(0,0,0,0.20), 0 8px 8px rgba(0,0,0,0.30);
                margin-bottom: 15px;
                margin-top: 15px;
            }

            .product-index-listing .poster:before {
                content: '';
                position: absolute;
                bottom: -200px;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(0deg, #000 55%, transparent);
                transition: 0.5s;
                z-index: 1;
            }
            .product-index-listing:hover .poster:before {
                bottom: 0;
            }
            .product-index-listing .poster img {
                width: 100%;
                height: 320px;
                transition: 0.5s;
                object-fit: cover;
            }
            .product-index-listing:hover .poster img {
                filter: blur(7px);
                transform: translateY(-50px);
            }
            .details {
              position: absolute;
              padding: 20px;
              width: 100%;
              height: 80%;
              bottom: -140px;
              left: 0;
              box-sizing: border-box;
              transition: 0.5s;
              z-index: 2;
            }
            .product-index-listing:hover .details {
                bottom: 45px;
            }
            .details h2 {
                color: #fff;
                margin: 0;
                padding: 0;
                font-size: 16px;
                font-weight: bold;
            }
            .details h2 span {
                font-size: 14px;
                color: orange;
            }
            .rating {
                position: relative;
                padding: 5px 0;
            }
            .rating .fas, .rating .far {
                color: gold;
                margin-right: 2px;
                font-size: 16px;
            }
            .rating span {
                color: #fff;
                padding: 0 5px;
            }
            .tags {
                position: relative;
                margin-top: 5px;
            }
            .tags span {
                margin-right: 2px;
                display: inline-block;
            }

            .info {
                color: #fff;
            }
            .info p {
                margin: 15px 0 10px;
            }


            .category-banner {
            position: absolute;
            right: var(--right, 10px);
            top: var(--top, -3px);
            filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
            box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.15), 0px 50px 100px -20px rgba(50, 50, 93, 0.35), 0px 30px 60px -30px rgba(0, 0, 0, 0.35);
            }

            .category-banner > .content {
            color: white;
            text-align: center;
            background: var(--color, #2ca7d8) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
            padding: 10px 2px 10px;
            width: var(--width, 32px);
            min-height: var(--height, 36px);
            transition: clip-path 1s, padding 1s, background 1s;
            }

            @media screen and (max-width: 576px) {
                .product-index-listing {
                    width: 95%;
                    max-width: 95%;
                    margin: 1em;
                    display: block;
                }
                .container {
                    padding: 0;
                    margin: 0;
                }
            }

            .propage-title {
              color: var(--default-color);
              background-color: var(--background-color);
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
              padding: 145px 0 60px 0;
              position: relative;
            }

            .propage-title:before {
              content: "";
              background-color: color-mix(in srgb, var(--background-color), transparent 40%);
              position: absolute;
              inset: 0;
            }

            .propage-title .container {
              position: relative;
            }

            .propage-title h1 {
              font-weight: 700;
            }

            .accordion-item .badge {
                font-size:1rem !important;
            }