body{

background:#f8f9fa;

font-family:Arial,sans-serif;

}

.navbar{

box-shadow:0 2px 8px rgba(0,0,0,.2);

}

.btn-success{

padding:12px 35px;

font-size:18px;

}
.hero{

padding:90px 0;

background:#ffffff;

}

.hero h1{

font-size:52px;

font-weight:700;

}

.hero p{

font-size:20px;

margin:25px 0;

color:#555;

}

.btn{

border-radius:10px;

padding:14px 30px;

}
.hero{

padding:100px 0;

background:#ffffff;

}

.hero h1{

font-size:58px;

font-weight:700;

color:#1d3557;

}

.hero p{

font-size:20px;

margin:25px 0;

color:#555;

}

.badge{

font-size:16px;

padding:10px 15px;

}
.card{

border:none;

border-radius:15px;

transition:.3s;

}

.card:hover{

transform:translateY(-10px);

box-shadow:0 10px 30px rgba(0,0,0,.15);

}

section{

padding:80px 0;

}
.property-card{

border-radius:20px;

overflow:hidden;

transition:.4s;

}

.property-card:hover{

transform:translateY(-12px);

box-shadow:0 15px 40px rgba(0,0,0,.18);

}

.property-card img{

height:240px;

object-fit:cover;

}

.progress{

height:10px;

border-radius:20px;

}
.step-box{

padding:25px;

border-radius:15px;

background:#fff;

box-shadow:0 8px 20px rgba(0,0,0,.08);

height:100%;

transition:.3s;

}

.step-box:hover{

transform:translateY(-8px);

}