*{margin:0;padding:0;box-sizing:border-box;}

body{font-family:Arial, sans-serif;line-height:1.6;color:#333;}

.container{width:90%;max-width:1200px;margin:auto;}

.top-bar{
background:#ffffff;
padding:15px 0;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo img{
height:60px; /* Logo Size: 180x60 recommended */
}

.btn-primary{
background:#ff6600;
color:#fff;
padding:10px 18px;
text-decoration:none;
border-radius:5px;
font-weight:bold;
transition:0.3s;
}

.btn-primary:hover{background:#e65c00;}

.hero{
background:url('images/header.jpg') no-repeat center center/cover;
height:800px; /* Header Image: 1920x800 recommended */
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
position:relative;
}

.hero::after{
content:"";
position:absolute;
top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,0.55);
}

.hero-content{
position:relative;
z-index:2;
max-width:800px;
}

.hero h1{font-size:42px;margin-bottom:20px;}

.section{padding:70px 0;}

.section h2{text-align:center;margin-bottom:40px;font-size:30px;}

.light-bg{background:#f5f5f5;}

.grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.card{
background:#fff;
padding:15px;
border-radius:8px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
text-align:center;
}

.card img{
width:100%;
height:250px; /* Listing Image 600x400 */
object-fit:cover;
border-radius:6px;
}

.card h3{margin:15px 0 5px;}
.card span{color:#777;font-size:14px;}

.social-icons{text-align:center;}
.social-icons a{
margin:0 12px;
font-size:24px;
color:#333;
}

footer{
background:#222;
color:#fff;
text-align:center;
padding:20px 0;
}

footer a{color:#ff6600;text-decoration:none;}

@media(max-width:992px){
.grid-3{grid-template-columns:repeat(2,1fr);}
.hero{height:600px;}
}

@media(max-width:600px){
.grid-3{grid-template-columns:1fr;}
.nav{flex-direction:column;gap:15px;}
.hero{height:500px;}
.hero h1{font-size:28px;}
}