/*<!--top scroll search button-->*/
.bhbuy-btn{

width:80px;

height:40px;

border:none;

background:#fff;

font-weight:600;

border-right:1px solid #eee;

}

.bhcity-box{

padding:0 18px;

height:40px;

display:flex;

align-items:center;

border-right:1px solid #eee;

font-size:14px;

font-weight:600;

}

.bhcity-box i{

margin-left:8px;

font-size:12px;

}

.bhsearch-input{

flex:1;

border:none;

padding:0 15px;

outline:none;

font-size:14px;

}

.bhvoice{

width:45px;

display:flex;

justify-content:center;

align-items:center;

color:#85280C;

}

.bhsearch-icon{

width:50px;

display:flex;

justify-content:center;

align-items:center;

border-left:1px solid #eee;

font-size:18px;

cursor:pointer;

}





/*==============================
RESULT
==============================*/

.result-header{

margin-bottom:15px;

}

.result-header h2{

font-size:32px;

font-weight:700;

color:#211107;

}




/*==============================
QUICK FILTER
==============================*/

.bhquick-filter{

display:flex;

align-items:center;

gap:10px;

margin-bottom:10px;
margin-bottom:10px;

}

.bhquick-filter button{

height:38px;

padding:0 18px;

border-radius:25px;

border:1px solid #eee0d6;

background:transparent;

font-size:14px;

}

.bhquick-filter .active{

border:2px solid orange;

font-weight:600;

}

.sort-box{

margin-left:auto;

display:flex;

align-items:center;

gap:8px;

cursor:pointer;

font-weight:600;

}

/*==============================
LAYOUT
==============================*/

.main-layout{

display:flex;

gap:24px;

align-items:flex-start;

}





.chip{

    padding:8px 14px;

    border:1px solid #EEE0D6;

    border-radius:25px;

    font-size:13px;

    cursor:pointer;

    transition:.25s;

}

.chip:hover{

    border-color:#FDF5EE;

    color:#FDF5EE;

}

.more-link{

    display:inline-block;

    margin-top:14px;

    font-size:14px;

    color:#85280C;

    font-weight:600;

}

/*==========================
TOGGLE
==========================*/

.switch{

position:relative;

display:inline-block;

width:42px;

height:22px;

}

.switch input{

display:none;

}

.bhslider{

position:absolute;

cursor:pointer;

top:0;

left:0;

right:0;

bottom:0;

background:#ddd;

border-radius:30px;

transition:.3s;

}

.bhslider:before{

content:"";

position:absolute;

width:18px;

height:18px;

left:2px;

top:2px;

background:#fff;

border-radius:50%;

transition:.3s;

}

.switch input:checked + .bhslider{

background:#00b67a;

}

.switch input:checked + .bhslider:before{

transform:translateX(20px);

}









/* MOBILE FILTER */

.bhsticky-mobile-filter{
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    background:#85280C;
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:30px;
    z-index:9999;
    display:none;
}

.bhmobile-filter-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    display:none;
    z-index:9998;
}



.bhmobile-filter-drawer.show{
    left:0;
}




}



.bhmobile-filter-body{
    display:flex;
   height:calc(100vh - 125px);
overflow:hidden;
}

.bhmobile-filter-left{
    width:34%;
    background:#f7f7f7;
   /* overflow:auto;*/
   width:38%;

background:#f5f5f5;

overflow-y:auto;
}

.bhmobile-filter-right{
    width:66%;
   flex:1;

overflow-y:auto;

padding:16px;

background:#fff;
    padding:15px;
}

.bhmobile-tab{
    padding:18px 14px;
    border-bottom:1px solid #eee;
}

.bhmobile-tab.active{
    background:#fff;
    border-left:3px solid #85280C;
    color:#85280C;
    font-weight:600;
}

.bhmobile-content{
    display:none;
}

.bhmobile-content.active{
    display:block;
}


.bhfilter-check{
    display:block;
    margin-bottom:16px;
    font-size:14px;
    cursor:pointer;
}

.bhfilter-check input{
    margin-right:10px;
}

.bhmobile-content{
    display:none;
}

.bhmobile-content.active{
    display:block;
}

.chip{
    display:inline-block;
    padding:8px 14px;
    margin:6px;
    border:1px solid #EEE0D6;
    border-radius:25px;
    font-size:13px;
    cursor:pointer;
}

.chip:hover{
    border-color:#FDF5EE;
    color:#FDF5EE;
}


.bhmobile-filter-footer{

position:absolute;

bottom:0;

left:0;

width:100%;

height:65px;

display:flex;

gap:10px;

padding:10px;

background:#fff;

border-top:1px solid #ddd;

}

.bhmobile-filter-footer button:first-child{

width:35%;

}

.bhmobile-filter-footer button:last-child{

flex:1;

background:linear-gradient(100deg,#721b0b 0%,#85280C 52%,#a43b18 100%);

color:#fff;

border:none;

border-radius:30px;

}


.mobile-header{

height:60px;

display:flex;

justify-content:space-between;

align-items:center;

padding:0 20px;

border-bottom:1px solid #eee;

font-weight:600;

}







/* ===========================
QUICK FILTER DESKTOP
=========================== */

.bhquick-filter .filter-chip{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    white-space:nowrap !important;
}

.bhquick-filter .filter-chip i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#85280C !important;
    font-size:10px !important;

    line-height:1 !important;
    flex:0 0 auto !important;
}

/* Active button */
.bhquick-filter .filter-chip.active i,
.bhquick-filter .filter-chip.selected i{
    color:#fff !important;
}

.bhquick-filter{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
}

.bhquick-filter button{
    height:36px;
    padding:0 16px;
    border:1px solid #eee0d6;
    background:transparent;
    border-radius:20px;
    font-size:13px;
    white-space:nowrap;
}

.bhquick-filter .active{
    border:2px solid #ff9900;
    color:#85280C;
    font-weight:600;
}

.sort-box{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}

/* ===========================
MOBILE
=========================== */

@media(max-width:991px){

.bhquick-filter{

    display:flex;

    overflow-x:auto;

    overflow-y:hidden;

    flex-wrap:nowrap;

    gap:8px;

    padding:0 10px 8px;

    margin:10px 0;

    -ms-overflow-style:none;

    scrollbar-width:none;

}

.bhquick-filter::-webkit-scrollbar{

    display:none;

}

.bhquick-filter button,

.sort-box{

    flex:0 0 auto;

}

.sort-box{

    margin-left:0;

    padding:0 14px;

    height:36px;

    border:1px solid #ddd;

    border-radius:20px;

    background:#fff;

    display:flex;

    align-items:center;

}

}




@media (max-width: 991px){

    .page-container{
        padding:10px;
    }

  

    .result-header{
        margin-bottom:10px;
    }

    .result-header h2{

        font-size:18px;
        line-height:24px;
        font-weight:700;
        margin:0;

    }

  

}




/*new css sidebar mobile*/
.bhmobile-filter-drawer{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:#fff;
    z-index:99999;

    display:flex;
    flex-direction:column;

    transform:translateX(-100%);
    transition:transform .35s ease;

    visibility:hidden;
}

.bhmobile-filter-drawer.show{
    transform:translateX(0);
    visibility:visible;
}

.bhmobile-filter-header{
    height:56px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 18px;
    border-bottom:1px solid #ececec;
    background:#fff;
}

.bhmobile-filter-header h5{
    margin:0;
    font-size:18px;
    font-weight:600;
}

.bhmobile-filter-header button{
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    background:#f5f5f5;
}

.bhmobile-filter-body{
    flex:1;
    display:flex;
    overflow:hidden;
}

.bhmobile-filter-left{
    width:36%;
    background:#f7f7f7;
    overflow-y:auto;
    border-right:1px solid #ececec;
}

.bhmobile-filter-right{
    flex:1;
    overflow-y:auto;
    padding:18px;
    background:#fff;
}

.bhmobile-tab{
    padding:18px 14px;
    font-size:13px;
    color:#666;
    border-bottom:1px solid #ececec;
    cursor:pointer;
}

.bhmobile-tab.active{
    background:#fff;
    color:#85280C;
    border-left:3px solid #85280C;
    font-weight:600;
}

.bhmobile-content{
    display:none;
}

.bhmobile-content.active{
    display:block;
}

.bhfilter-check{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
    font-size:14px;
}

.bhfilter-check input{
    width:18px;
    height:18px;
}

.bhmobile-filter-footer{
    height:68px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 16px;
    border-top:1px solid #ececec;
    background:#fff;
}

.bhmobile-filter-footer button:first-child{
    width:34%;
    border:1px solid #ddd;
    background:#fff;
    height:44px;
    border-radius:24px;
}

.bhmobile-filter-footer button:last-child{
    flex:1;
    background: linear-gradient(100deg,#721b0b 0%,#85280C 52%,#a43b18 100%);
    color:#fff;
    border:none;
    height:44px;
    border-radius:24px;
    font-weight:600;
}

.chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    margin:6px;
    border:1px solid #EEE0D6;
    border-radius:20px;
    font-size:13px;
}


@media (max-width:991px){

    .bhquick-filter{

        position:sticky;
        top:56px;               /* Mobile header ki height */
        z-index:999;

     

        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;

        padding:6px;
        margin:0;

       /* border-bottom:1px solid #ececec;*/

        scrollbar-width:none;
        -ms-overflow-style:none;

    }

    .bhquick-filter::-webkit-scrollbar{

        display:none;

    }

    .bhquick-filter button,
    .sort-box{

        flex:0 0 auto;

    }

}

    /*==================================================
 MOBILE FILTER UI
==================================================*/

.bhmobile-filter-drawer{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100vh;

    background:#fff;

    z-index:99999;

    display:flex;

    flex-direction:column;

    transform:translateX(100%);

    transition:.30s ease;

}

.bhmobile-filter-drawer.show{

    transform:translateX(0);

}






/* HEADER */

.bhmobile-filter-header{

    height:58px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 18px;

    border-bottom:1px solid #ececec;

    background:#fff;

    flex-shrink:0;

}

.bhmobile-filter-header h5{

    margin:0;

    font-size:18px;

    font-weight:700;

}

.bhmobile-filter-header button{

    width:36px;

    height:36px;

    border:none;

    background:#f5f5f5;

    border-radius:50%;

}






/* BODY */

.bhmobile-filter-body{

    flex:1;

    display:flex;

    overflow:hidden;

}






/* LEFT MENU */

.bhmobile-filter-left{

    width:34%;

    background:#f6f7fb;

    overflow-y:auto;

    border-right:1px solid #ececec;

}

.bhmobile-filter-left::-webkit-scrollbar{

    width:0;

}

.bhmobile-tab{

    padding:16px 14px;

    font-size:13px;

    color:#555;

    cursor:pointer;

    border-bottom:1px solid #ececec;

    transition:.25s;

    line-height:18px;

}

.bhmobile-tab:hover{

    background:#efefef;

}

.bhmobile-tab.active{

    background:#FDF9F5;

    color:#85280C;

    font-weight:600;

    border-left:4px solid #85280C;

}






/* RIGHT PANEL */

.bhmobile-filter-right{

    flex:1;

    overflow-y:auto;

    padding:18px;

    background:#FDF9F5;

}

.bhmobile-filter-right::-webkit-scrollbar{

    width:4px;

}

.bhmobile-filter-right::-webkit-scrollbar-thumb{

    background:#ddd;

}






.bhfilter-title{

    font-size:15px;

    font-weight:700;

    margin-bottom:14px;

}






/* SEARCH */

.bhfilter-search{

    margin-bottom:18px;

}

.bhfilter-search input{

    width:100%;

    height:42px;

    border:1px solid #ddd;

    border-radius:8px;

    padding:0 12px;

}






/* CHECKBOX */

.check-item,

.radio-item{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    font-size:14px;

    cursor:pointer;

}

.check-item input,

.radio-item input{

    width:18px;

    height:18px;

}






/* CHIP */

.chip{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin:6px;

    padding:10px 18px;

    border:1px solid #eee0d6;

    border-radius:24px;

    font-size:13px;

    background:transparent;

    cursor:pointer;

    transition:.25s;

}

.chip:hover{

    border-color:#FDF5EE;

    color:#FDF5EE;

}

.chip.active{

    background:#FBEDE0;

    border-color:#85280C;

    color:#85280C;

}






/* APPLIED FILTER */

.selected-filters{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:20px;

}

.selected-chip{

    background:#FBEDE0;

    color:#85280C;

    padding:7px 12px;

    border-radius:18px;

    font-size:12px;

}

.clear-filter{

    color:#85280C;

    font-size:13px;

    text-decoration:none;

}






/* FOOTER */

.bhmobile-filter-footer{

    height:68px;

    display:flex;

    gap:12px;

    padding:12px;

    border-top:1px solid #ececec;

    background:#fff;

    flex-shrink:0;

}

.bhmobile-filter-footer button:first-child{

    width:34%;

    background:#fff;

    border:1px solid #ddd;

    border-radius:25px;

}

.bhmobile-filter-footer button:last-child{

    flex:1;

    background:linear-gradient(100deg,#721b0b 0%,#85280C 52%,#a43b18 100%);

    color:#fff;

    border:none;

    border-radius:25px;

    font-weight:600;

}






/* INPUT */

.form-control,

.form-select{

    height:44px;

    border-radius:8px;

    margin-bottom:14px;

}






/* MOBILE */

@media(max-width:991px){

.bhmobile-filter-drawer{

    width:100%;

}

}









.bhbuy-dropdown{
    position:relative;
}

.bhbuy-dropdown-menu{

    position:absolute;

    top:44px;

    left:0;

    width:190px;

    background:#fff;

    border:1px solid #ddd;

    border-radius:8px;

    box-shadow:0 8px 20px rgba(0,0,0,.12);

    display:none;

    z-index:99999;

    overflow:hidden;

}

.bhbuy-dropdown-menu.show{

    display:block;

}

.dropdown-title{

    padding:10px 15px;

    font-size:12px;

    color:#8b8b8b;

    font-weight:600;

    background:#fafafa;

}

.bhbuy-dropdown-menu a{

    display:block;

    padding:10px 15px;

    text-decoration:none;

    color:#333;

    font-size:14px;

}

.bhbuy-dropdown-menu a:hover{

    background:#f5f5f5;

}


@media (max-width:991px){

    .top-header,
    .breadcrumb-bar{
        display:none;
    }

    .bhmobile-top-header{
        display:flex;
    }

}

.bhmobile-top-header{
    display:flex !important;
    height:56px;
    background:#FDF5EE;
    align-items:center;
    padding:10px;
    gap:10px;
    top: 0 !important;
}

.bhmobile-back,
.bhmobile-fav{

    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    background:#fff;
    border:1px solid #e5e5e5;

}

.bhmobile-search{

    flex:1;
    display:flex;
    align-items:center;
    background:#eee0d6;
    border:1px solid #ddd;
    border-radius:20px;
    padding:0 12px;
    height:36px;

}

.bhmobile-search input{

    flex:1;
    border:none;
    outline:none;
    font-size:12px;
    margin-left:8px;
}





@media (max-width:991px){

    .quick-filter{

        position:sticky;
        top:56px;               /* Mobile header ki height */
        z-index:999;

        background:#fff;

        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;

        padding:10px;
        margin:0;

        border-bottom:1px solid #ececec;

        scrollbar-width:none;
        -ms-overflow-style:none;

    }

    .quick-filter::-webkit-scrollbar{

        display:none;

    }

    .quick-filter button,
    .sort-box{

        flex:0 0 auto;

    }

}

    /*=========================================================
bharat propertys MEGA SEARCH POPUP 
=========================================================*/

.bhmega-search-overlay{

    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(2px);

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:99990;

}

.bhmega-search-overlay.show{

    opacity:1;
    visibility:visible;

}

.bhmega-search-popup{

    position:fixed;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%) scale(.95);

    width:760px;
    max-width:95vw;

    height:560px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 30px 70px rgba(0,0,0,.18);

    opacity:0;
    visibility:hidden;

    transition:.30s;

    z-index:99991;

    display:flex;
    flex-direction:column;

}

.bhmega-search-popup.show{

    opacity:1;
    visibility:visible;

    transform:translate(-50%,-50%) scale(1);

}

/* HEADER */

.bhmega-header{

    height:70px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 25px;

    border-bottom:1px solid #ececec;

}

.bhmega-title h5{

    margin:0;

    font-size:22px;

    font-weight:700;

}

.bhmega-title span{

    color:#777;

    font-size:13px;

}

.bhmega-close{

    width:38px;
    height:38px;

    border:none;

    background:#f5f5f5;

    border-radius:50%;

    cursor:pointer;

}

/* SEARCH */

.bhmega-search-box{

    margin:20px;

    height:50px;

    border:1px solid #ddd;

    border-radius:30px;

    display:flex;

    align-items:center;

    padding:0 18px;

}

.bhmega-search-box i{

    color:#999;

}

.bhmega-search-box input{

    flex:1;

    border:none;

    outline:none;

    margin-left:12px;

    font-size:14px;

}

/* TABS */

.bhmega-search-box{

    display:flex;

    gap:10px;

    padding:0 20px 18px;

    border-bottom:1px solid #ececec;

}

.bhmega-tab{

    padding:10px 18px;

    border:1px solid #ddd;

    background:#fff;

    border-radius:24px;

    cursor:pointer;

    font-size:13px;

}

.bhmega-tab.active{

    background:#FBEDE0;

    color:#85280C;

    border-color:#85280C;

}

/* BODY */

.bhmega-tab{

    flex:1;

    overflow:auto;

    padding:25px;

}

.bhmega-content{

    display:none;

}

.bhmega-content.active{

    display:block;

}

/* CHECKBOX */

.bhmega-content label{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    font-size:14px;

    cursor:pointer;

}

.bhmega-content input{

    width:18px;

    height:18px;

}

/* CHIP */

.bhmega-content .chip{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin:6px;

    padding:10px 18px;

    border:1px solid #EEE0D6;

    border-radius:24px;

    cursor:pointer;

    font-size:13px;

    transition:.25s;

}

.bhmega-content .chip:hover{

    border-color:#85280C;

    color:#85280C;

}

/* FOOTER */

.mega-footer{

    height:72px;

    border-top:1px solid #ececec;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:15px;

    padding:0 20px;

}

.clear-btn{

    background:#fff;

    border:1px solid #ddd;

    border-radius:30px;

    padding:10px 22px;

}

.bhapply-btn{

    background:#85280C;

    color:#fff;

    border:none;

    border-radius:30px;

    padding:10px 24px;

}

/* MOBILE */

@media(max-width:991px){

.bhmega-search-popup{

    width:100%;
    height:100%;
    max-width:100%;
    border-radius:0;

}

.bhmega-search-box{

    overflow-x:auto;

    flex-wrap:nowrap;

}

.bhmega-search-box::-webkit-scrollbar{

    display:none;

}

.bhmega-tab{

    flex:0 0 auto;

}

}

    /* =====================================================
   MOBILE ONLY (0 - 991px) <!--fixed searchbar css-->
===================================================== */

@media (max-width:991px){

:root{
}

/* Reset */

html,
body{
    margin:0;
    padding:0;
    overflow-x:hidden;
}

/* Search Header */

.bhmobile-top-header{
    position:fixed;
    top:0;
    left:0;
    right:0;

    height:50px;

    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 12px;

    background:#FDF5EE;

    border-bottom:1px solid #ececec;
    box-shadow:0 2px 10px rgba(0,0,0,.08);

    z-index:300;
}

.bhmobile-back,
.bhmobile-fav{
    width:40px;
    height:40px;
    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:50%;
    background:#eee0d6;
}

.bhmobile-search{

    flex:1;

    display:flex;
    align-items:center;

    height:42px;

    padding:0 15px;

    border-radius:30px;

    background:#eee0d6;

    border:1px solid #ececec;
}

.bhmobile-search input{

    width:100%;

    border:none;
    outline:none;
    background:transparent;
}

/* Filter */

.mobile-quick-filters{

    position:fixed;

    top:64px;

    left:0;
    right:0;

    background:#FDF5EE;

    padding:0px 10px;

    border-bottom:1px solid #ececec;

    box-shadow:0 2px 8px rgba(0,0,0,.05);

    z-index:250;
}

/* Horizontal Scroll */

.mobile-quick-filters-scroll,
.mobile-bhquick-filters-scroll{

    overflow-x:auto;
    overflow-y:hidden;

    white-space:nowrap;

    scrollbar-width:none;
}

.mobile-quick-filters-scroll::-webkit-scrollbar,
.mobile-bhquick-filters-scroll::-webkit-scrollbar{
    display:none;
}

.mobile-quick-filters-inner,
.bhquick-filter{

    display:flex;
    gap:10px;
    align-items:center;

    width:max-content;
}

/* Chips */

.mobile-chip-btn,
.filter-chip,
.sort-box{

    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;

    height:38px;

    padding:0 16px;

    border-radius:25px;

    border:1px solid #ddd;

    background:#fff;

    white-space:nowrap;
}

.filter-chip.active{

    background:#85280C;
    color:#fff;
    border-color:#85280C;
}

/* Content */

.mobile-results-row{

    margin-top:130px;
    padding:10px 0;
}

.top-bar-wrap,
.results-summary{

    display:none !important;
}

/* Remove unwanted spacing */

.page,
.main-content,
.layout,
.property-listing,
.property-container{

    margin:0 !important;
    padding:0 !important;
}

/* Property Container */

#propertyContainer{

    margin-top:10px !important;
}

/* Bottom Nav */

.mobile-bottom-nav{

    display:block;
}

}


/* =====================================================
   DESKTOP
===================================================== */

@media (min-width:992px){

.bhmobile-top-header,

.mobile-results-row,
.mobile-bottom-nav{

  display:none !important;
}

}
