body{
margin:0;
font-family:Arial,sans-serif;
color:#222;
background:#fff;
}

.topbar{
background:linear-gradient(90deg,#000,#0a6b30,#000);
padding:8px;
display:flex;
justify-content:center;
align-items:center;
}

.logo{
width:95px;
height:95px;
object-fit:cover;
border-radius:50%;
padding:5px;
background:#fff;
border:3px solid #ffb300;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
display:block;
}

nav{
background:#ffffff;
margin:8px;
padding:10px 6px;
border-radius:12px;
display:flex;
justify-content:space-evenly;
align-items:center;
flex-wrap:nowrap;
overflow:hidden;
box-shadow:0 4px 12px rgba(0,0,0,0.12);
}

nav a{
flex:1;
text-align:center;
color:#0a6b30;
text-decoration:none;
font-weight:bold;
font-size:12px;
padding:0 4px;
border-right:1px solid #d9d9d9;
white-space:nowrap;
}

nav a:last-child{
border-right:none;
}

nav a:hover{
color:#ff9800;
}

.hero{
background:url("../images/hero.jpg") center/cover no-repeat;
height:430px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

.overlay{
background:rgba(0,0,0,0.45);
padding:25px;
width:100%;
color:white;
}

.overlay h1{
font-size:38px;
margin:0;
}

.overlay p{
font-size:18px;
margin:12px 0 20px;
}

.btn{
display:inline-block;
background:#ff9800;
color:white;
padding:12px 22px;
margin:5px;
text-decoration:none;
border-radius:6px;
font-weight:bold;
}

.second{
background:#2196f3;
}

.welcome{
padding:40px 20px;
text-align:center;
}

.features{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
padding:20px;
}

.card{
background:#f4f4f4;
padding:20px;
width:260px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.contactbox{
padding:40px 20px;
text-align:center;
background:#eef7ee;
}

.contactbox a{
color:#0a6b30;
text-decoration:none;
font-weight:bold;
}

footer{
background:#111;
color:white;
text-align:center;
padding:18px;
margin-top:20px;
}
.products-preview{
padding:40px 20px;
text-align:center;
background:#f7faf7;
}

.products-preview h2{
margin-bottom:10px;
font-size:30px;
color:#0a6b30;
}

.product-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:18px;
margin-top:25px;
}

.product-card{
background:#fff;
width:240px;
padding:20px;
border-radius:14px;
box-shadow:0 5px 14px rgba(0,0,0,0.08);
}

.product-card h3{
margin-top:0;
color:#0a6b30;
}

.product-card a{
display:inline-block;
margin-top:10px;
padding:10px 16px;
background:#ff9800;
color:#fff;
text-decoration:none;
border-radius:6px;
font-weight:bold;
}
.mandi-home{
text-align:center;
padding:40px 20px;
background:#fff8e1;
}

.mandi-home h2{
margin:0;
font-size:30px;
color:#0a6b30;
}

.mandi-home p{
margin:12px 0 20px;
font-size:18px;
color:#333;
}

.mandi-btn{
display:inline-block;
background:#ff9800;
color:white;
text-decoration:none;
padding:16px 32px;
font-size:20px;
font-weight:bold;
border-radius:10px;
box-shadow:0 6px 14px rgba(0,0,0,0.15);
}
.page-banner{
background:#0a6b30;
color:white;
text-align:center;
padding:35px 20px;
}

.update-strip{
background:#fff8e1;
text-align:center;
padding:12px;
font-weight:bold;
}

.mandi-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:18px;
padding:30px 15px;
background:#f6faf6;
}

.mandi-card{
background:white;
width:220px;
padding:20px;
border-radius:14px;
box-shadow:0 5px 12px rgba(0,0,0,0.08);
text-align:center;
}

.mandi-card h3{
margin-top:0;
color:#0a6b30;
}

.mandi-card p{
font-size:22px;
font-weight:bold;
color:#ff9800;
margin:10px 0;
}

.mandi-card span{
color:#666;
font-size:14px;
}

.source-box{
text-align:center;
padding:30px 20px;
}
.official-links{
display:flex;
flex-direction:column;
gap:12px;
align-items:center;
margin:18px 0;
}

.official-links a{
text-decoration:none;
background:#0a6b30;
color:white;
padding:12px 18px;
border-radius:8px;
font-weight:bold;
width:260px;
max-width:90%;
}
.about-section{
padding:40px 20px;
text-align:center;
max-width:900px;
margin:auto;
}

.about-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
padding:20px;
background:#f7faf7;
}

.about-card{
background:white;
width:260px;
padding:22px;
border-radius:14px;
box-shadow:0 5px 12px rgba(0,0,0,0.08);
}

.about-card h3{
margin-top:0;
color:#0a6b30;
}
.contact-page{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
padding:35px 20px;
background:#f7faf7;
}

.contact-card{
background:white;
width:260px;
padding:22px;
border-radius:14px;
box-shadow:0 5px 12px rgba(0,0,0,0.08);
text-align:center;
}

.contact-card h2{
margin-top:0;
color:#0a6b30;
font-size:24px;
}

.contact-card a{
color:#ff9800;
text-decoration:none;
font-weight:bold;
}




.marketplace-home{
background:linear-gradient(135deg,#fff8d6,#ffe082);
border:2px solid #ffb300;
border-radius:18px;
padding:28px 18px;
margin:20px;
text-align:center;
box-shadow:0 8px 18px rgba(0,0,0,0.12);
}

.marketplace-home h2{
font-size:28px;
margin:0 0 12px 0;
color:#0a6b30;
font-weight:700;
}

.marketplace-home p{
font-size:17px;
line-height:1.7;
margin:8px 0;
font-weight:700;
color:#222;
}

.marketplace-home b{
color:#0a6b30;
}

.marketplace-home .btn{
display:inline-block;
margin-top:16px;
padding:12px 24px;
background:#0a6b30;
color:#ffffff;
text-decoration:none;
border-radius:10px;
font-size:16px;
font-weight:700;
box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

.marketplace-home .btn:hover{
background:#085425;
}

@media(max-width:600px){

.marketplace-home{
margin:14px;
padding:22px 14px;
}

.marketplace-home h2{
font-size:22px;
}

.marketplace-home p{
font-size:15px;
}

.marketplace-home .btn{
font-size:14px;
padding:10px 18px;
}

}