.hidden {
    display: none !important;
}

a {
    text-decoration: none;
}


.fs-7 {
  font-size: 10px;
}


/* Cursor Pointer */
.cursor-pointer {
  cursor: pointer;
}

/* Hide dropdown arrow in all bs5 dropdowns */
.dropdown-toggle::after {
  display: none;
}

/* bs5 dropdown size */
.dropdown-menu {
  max-height: 400px; /* Adjust this value according to your design needs */
  min-width: 250px; /* Adjust this value according to your design needs */
  overflow-y: auto; /* Enables vertical scrolling when content exceeds max-height */
}
      

/* CSS for Stripe Search Results Carousel */
.listing-carousel {
    height: 14rem; /* Default height for desktop */
    max-width: 100%;
}

@media (max-width: 1024px) {
    .carousel-item {
        max-height: 100%; /* Height for mobile */
        max-width: 100%;
    }
}


/* CSS for Price range */
.multi-range {
    position: relative;
    width: 100%;
    min-height: 40px;
}

input[type=range] {
    box-sizing: border-box;
    appearance: none;
    margin: 0;
    padding: 0 2px;
    overflow: hidden;
    border: 0;
    border-radius: 1px;
    outline: none;
    background: linear-gradient(grey, grey) no-repeat center;
    background-size: 100% 2px;
    width: 100%;
    
    /* Adjustments for disabled state */
    &:disabled {
        cursor: not-allowed;
    }

    &::-webkit-slider-thumb {
        height: 28px;
        width: 28px;
        border-radius: 28px;
        background-color: #fff;
        position: relative;
        margin: 5px 0;
        cursor: pointer;
        appearance: none;
        pointer-events: all;
        box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
        z-index: 100;

    }
    
    &:active,
    &:focus {
        outline: none;
    }
}

.multi-range input[type=range] {
    position: absolute;
    width: 100%;
}

/* Additional styles when the range input is disabled */
input[type=range]:disabled::-webkit-slider-thumb {
    background-color: #ccc; /* Gray color for disabled thumb */
    cursor: not-allowed;
    box-shadow: none; /* Optionally remove shadow for a disabled appearance */
}


/* Stripe Button */

.btn-stripe {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #635BFF;
  --bs-btn-border-color: #635BFF;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #524cdb;
  --bs-btn-hover-border-color: #524cdb;
  --bs-btn-focus-shadow-rgb: 99, 91, 255;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: #4740b3;
  --bs-btn-active-border-color: #4740b3;
}

/* hover class */

.hover-dark {
    transition: filter 0.1s ease-in-out;
}

.hover-dark:hover {
    filter: brightness(70%);
    cursor: pointer; /* Add pointer cursor on hover */
}