.hero-section{

background-image:url('../images/hero-house.jpg');

background-size:cover;
background-position:center;

padding:120px 0;

position:relative;

}

.hero-section::before{

content:'';
position:absolute;

top:0;
left:0;
right:0;
bottom:0;

background:rgba(0,0,0,0.5);

}

.hero-section .container{
position:relative;
z-index:2;
}

.search-box{

background:white;

padding:20px;

border-radius:10px;

box-shadow:0 5px 20px rgba(0,0,0,0.2);

}
.hero{

background:#f8f9fa;

padding:80px 0;

text-align:center;

}

.hero h1{

font-size:42px;

font-weight:bold;

}

.property-card img{

height:200px;

object-fit:cover;

}


.hero-section{

background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c");

background-size:cover;
background-position:center;

padding:140px 0;

position:relative;

color:white;

}

.hero-section::before{

content:"";

position:absolute;

top:0;
left:0;
right:0;
bottom:0;

background:rgba(0,0,0,0.55);

}

.hero-section .container{

position:relative;

z-index:2;

}
.hero-title{

font-size:52px;

font-weight:700;

margin-bottom:10px;

}

.hero-subtitle{

color:#ddd;

margin-bottom:35px;

font-size:18px;

}




.search-box{
background:white;
padding:25px;
border-radius:10px;
max-width:900px;
margin:auto;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.search-box{

background:white;

padding:25px;

border-radius:10px;

max-width:900px;

margin:auto;

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

}

.search-box input,
.search-box select{

height:50px;

border-radius:6px;

}

.search-box button{

height:50px;

font-weight:600;

}

.card{
border:none;
border-radius:12px;
overflow:hidden;
height:100%;
}

.card-img-top{
width:100%;
height:230px;
object-fit:cover;
}

.card-body{
text-align:left;
}


.why-section{

background:#f8f9fa;

}

.why-section .card{

border:none;

border-radius:12px;

transition:0.3s;

}

.why-section .card:hover{

transform:translateY(-6px);

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

}

.cta-section{

background:linear-gradient(135deg,#0b3c7d,#0d6efd);

color:white;

padding:90px 0;

text-align:center;

margin-top:60px;

}

.cta-section{

background:#f5f6f8;

padding:70px 0;

text-align:center;

margin-top:60px;

color:#333;

}
.cta-section h2{

font-weight:700;

color:#222;

margin-bottom:12px;

}

.cta-section p{

color:#666;

font-size:17px;

margin-bottom:25px;

}
.cta-section .btn{

padding:10px 26px;

font-weight:600;

border-radius:6px;

}

form label{

font-weight:600;

}

form .form-control{

border-radius:8px;

padding:10px;

}

.card{

border-radius:12px;

}

button{

font-weight:600;

}
footer a{

text-decoration:none;

}

footer a:hover{

text-decoration:underline;

}
.about-hero{

background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c");

background-size:cover;
background-position:center;

padding:120px 0;

position:relative;

}

.about-hero::before{

content:"";

position:absolute;

top:0;
left:0;
right:0;
bottom:0;

background:rgba(0,0,0,0.55);

}

.about-hero .container{

position:relative;

z-index:2;

}

.about-hero h1{

font-weight:700;

}
.about-hero,
.contact-hero{

background-size:cover;
background-position:center;

padding:160px 0 120px;

position:relative;

color:#ffffff;

text-align:center;

}

.about-hero{

background-image:url("https://images.unsplash.com/photo-1560518883-ce09059eeffa");

}

.contact-hero{

background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c");

}

.about-hero::before,
.contact-hero::before{

content:"";

position:absolute;

top:0;
left:0;
right:0;
bottom:0;

background:rgba(0,0,0,0.55);

}

.about-hero .container,
.contact-hero .container{

position:relative;

z-index:2;

}

.about-hero h1,
.contact-hero h1{

color:white;
font-weight:700;

}

.about-hero p,
.contact-hero p{

color:#f1f1f1;

font-size:18px;

}

.page-hero{

background:#f5f6f8;

padding:80px 0;

text-align:center;

border-bottom:1px solid #e5e5e5;

}

.card-img-top{

height:220px;

object-fit:cover;

}

.page-hero h1{

font-weight:700;

}
.page-hero{

background:#f5f6f8;

padding:70px 0;

border-bottom:1px solid #e5e5e5;

}

.card img{

height:420px;

object-fit:cover;

}
.register-section{

background:#f5f6f8;

min-height:70vh;

}

.register-section .card{

border-radius:12px;

border:none;

}

.register-section label{

font-weight:600;

margin-bottom:4px;

}

.register-section .form-control{

border-radius:6px;

padding:10px;

}

.register-section button{

padding:12px;

font-weight:600;

border-radius:6px;


}
.register-section input[type="file"]{

padding:8px;

background:#fff;

}