@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@400;600&display=swap');
.property-hero {
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.6)),
url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c') center/cover;
padding: 100px;
color: #fff;
}
.container {
width: 90%;
max-width: 1200px;
margin: auto;
}
.property-hero h1 {
font-family: 'Playfair Display', serif;
font-size: 42px;
color: #fff;
}
.property-hero p {
color: #ddd;
}
@media(max-width:768px){
.property-hero h1{
font-size:30px;
}
}
Explore Properties
Find the best villas, apartments & commercial spaces in top locations
.featured-prop {
display: flex;
flex-wrap: wrap;
margin: 80px auto;
background: #111;
color: #fff;
}
.featured-prop img {
width: 50%;
object-fit: cover;
}
.featured-content {
width: 50%;
padding: 40px;
color: #fff;
}
.featured-content h2 {
font-size: 36px;
margin-bottom: 10px;
}
.featured-content p {
color: #ccc;
margin-bottom: 20px;
}
.featured-content a {
background: #caa45f;
padding: 12px 25px;
color: #000;
text-decoration: none;
font-weight: 600;
}
.heading {
color: white;
}
@media (max-width: 768px) {
.featured-prop {
flex-direction: column;
}
.featured-prop img,
.featured-content {
width: 100%;
}
}
.cta {
background: #0b0b0b;
color: #fff;
text-align: center;
padding: 70px 20px;
}
.cta h2 {
font-size: 36px;
margin-bottom: 15px;
color: #fff;
padding-bottom: 25px;
}
.cta a {
background: #caa45f;
padding: 12px 30px;
color: #000;
text-decoration: none;
font-weight: 600;
display: inline-block;
border-radius: 6px;
}
