body{background:#f4f6f9;}
.dashboard-card{border:none; border-radius:12px; transition:0.3s;}
.dashboard-card:hover{transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,0.08);}
h2{color: black;}

.sidebar {position: fixed; top: 0; right: -250px;   /* hidden by default */ width: 250px; height: 100%; transition: 0.4s; z-index: 10000;}
.sidebar.active {right: 0; /* slide in */}
.fltr-top{ margin-top:20px}
.ss{ top:19px; text-align: right; right: 0px !important; position: fixed; margin-right: 10px;}
.bb{position: absolute; top: 0px; right:0;}
.area{color:black!important}
.table{ margin-bottom:0px !important;}


.flrmy{margin-top:10px}
.property-card{
    border-radius:15px;
}
.gallery-img{
    height:200px;
    object-fit:cover;
    border-radius:10px;
    transition:0.3s;
}
.gallery-img:hover{
    transform:scale(1.05);
}



/* index */
.property-card {
    border-radius: 12px;
    transition: 0.3s ease;
}

.property-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.property-img {
    transition: 0.4s ease;
}

.property-card:hover .property-img {
    transform: scale(1.05);
}
/* index */


/* Sidebar */
.sidebar {
    position: fixed;
    top: 0;
    right: -260px;
    width: 250px;
    height: 100%;
    z-index: 999;
    transition: 0.3s;
}

.sidebar.active {
    right: 0;
}

/* Overlay effect optional */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.4);
    display:none;
    z-index:998;
}

.sidebar-overlay.active {
    display:block;
}

.sidebar {
    r: -260px;
}

.property-card {
    border-radius: 15px;
    transition: 0.3s ease;
}

.property-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.bg-white {z-index:999;}
.broker-heading {color:black; font-weight: 100; }

@media (max-width: 768px) {
    .broker-heading {
        margin-top: 50px;
    }
}


.card {
    border-radius: 15px;
}

.table thead th {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.table tbody tr {
    transition: 0.2s ease;
}

.table tbody tr:hover {
    background: #f8f9fa;
    transform: scale(1.01);
}

.badge {
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 20px;
}

.broker-heading {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.btn {
    font-weight: 500;
}



.table-scroll {
    overflow-x: auto;
}

@media (max-width: 768px) {
    .table-scroll table {
        min-width: 700px;
    }
}

@media (max-width: 768px) {

    .table-scroll table td:nth-child(2), 
    .table-scroll table th:nth-child(2) {
        white-space: nowrap;
    }
	.table-scroll table td:nth-child(3), 
    .table-scroll table th:nth-child(3) {
        white-space: nowrap;
    }
	
	.table-scroll table td:nth-child(7), 
    .table-scroll table th:nth-child(7) {
        white-space: nowrap;
    }
	
	.table-scroll table td:nth-child(9), 
    .table-scroll table th:nth-child(9) {
        white-space: nowrap;
    }
	.table-scroll table td:nth-child(11), 
    .table-scroll table th:nth-child(11) {
        white-space: nowrap;
    }

}