.rent-banner{
position:relative;
padding:140px 0;
background:#0F3D5E;
color:#fff;
overflow:hidden;
}

.rent-banner .overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.35);
}

.rent-banner .container{
position:relative;
z-index:2;
}

.rent-banner h1{
font-size:55px;
font-weight:800;
}

.filters-section{
padding:50px 0;
background:#fff;
box-shadow:0 5px 25px rgba(0,0,0,.05);
}

.btn-filter{
width:100%;
height:58px;
background:#0F3D5E;
color:#fff;
border:none;
}

.catalog-section{
padding:80px 0;
background:#f7f9fb;
}

.rent-card{
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.06);
transition:.4s;
height:100%;
}

.rent-card:hover{
transform:translateY(-10px);
}

.rent-image{
height:260px;
position:relative;
overflow:hidden;
}

.rent-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}

.rent-card:hover img{
transform:scale(1.08);
}

.placeholder-image{
height:100%;
display:flex;
justify-content:center;
align-items:center;
background:#ddd;
}

.status-badge{
position:absolute;
top:15px;
right:15px;
background:#D4B15A;
color:#fff;
padding:8px 15px;
border-radius:50px;
font-size:12px;
}

.rent-content{
padding:25px;
}

.rent-content h5{
font-weight:700;
min-height:55px;
}

.property-city{
margin:10px 0;
color:#666;
}

.property-features{
display:flex;
justify-content:space-between;
margin:20px 0;
font-size:14px;
}

.property-price{
font-size:28px;
font-weight:800;
color:#0F3D5E;
margin-bottom:20px;
}

.btn-view{
width:100%;
background:#0F3D5E;
color:#fff;
padding:12px;
border-radius:10px;
}

.pagination .page-link{
color:#0F3D5E;
}

.pagination .active .page-link{
background:#0F3D5E;
border-color:#0F3D5E;
}

@media(max-width:768px){

.rent-banner h1{
font-size:34px;
}

}