.pagination-bar .pagination .page-item.active .page-link {
        background-color: red;
        border-color: red;
        color: white;
    }

/************* Listing details  *******************/
  .item-slider{
        width:100%;
        height:500px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding:10px
            }
        #large-image{
        max-width: 100%;
         max-height: 490px;
        object-fit: contain;
        }

        /* Adjustments for smaller screens */
 @media screen and (max-width: 768px) {
     .item-slider {
         height: auto; /* Adjust height automatically */
         flex-direction: column; /* Stack elements vertically */
     }

     .bxslider {
         margin-top: 10px; /* Add some space between buttons and slider */
     }

     /* Adjust positions of previous and next buttons */
     #prev-btn,
     #next-btn {
         position: static; /* Reset position */
         margin-top: 10px; /* Add margin to separate from slider */
         transform: none; /* Reset transform */
         font-size: 20px; /* Adjust font size */
     }
 }
 /*************  End Listing details  *******************/

 /*************  Sold out Listing   *******************/
    /* Styles for the faded image and overlay */
.sold-out-overlay {
    position: relative;
    display: inline-block;
}

.sold-out-overlay .thumbnail {
    opacity: 0.2; /* Adjust opacity for the faded effect */
}

.sold-out-overlay .sold-out-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8); /* Adjust background color and opacity for the overlay */
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    color: red; /* Adjust text color */
    z-index: 1;
}
************/ End sold out Listing   *******************/