/* ===== GLOBAL ===== */

body{
margin:0;
font-family:'Poppins',sans-serif;
color:#333;
}

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

/* ===== HEADER ===== */

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


/* Basic Navbar Styling */
nav{
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,0.1);
position:relative;
z-index:100;
}

.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
max-width:1200px;
margin:auto;
padding:10px 20px;
}

.logo{
font-size:24px;
font-weight:bold;
color:#ff7a00;
text-decoration:none;
}

/* Nav Menu */
.nav-menu{
display:flex;
list-style:none;
gap:20px;
}

.nav-menu li a{
text-decoration:none;
color:#333;
font-weight:500;
transition:0.3s;
}

.nav-menu li a:hover{
color:#ff7a00;
}

/* Hamburger Menu */
.menu-toggle{
display:none;
flex-direction:column;
cursor:pointer;
}

.menu-toggle .bar{
height:3px;
width:25px;
background:#ff7a00;
margin:4px 0;
border-radius:2px;
}

/* Responsive */
@media screen and (max-width:768px){
.nav-menu{
position:absolute;
top:60px;
left:-100%;
width:100%;
flex-direction:column;
background:#fff;
transition:0.3s;
padding:20px 0;
}

.nav-menu.active{
left:0;
}

.menu-toggle{
display:flex;
}
}
/* ===== HERO BANNER ===== */

.hero-banner{

background: linear-gradient(135deg, rgba(255,122,0,0.8), rgba(255,179,71,0.8)),
url("images/wheat.png");

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

padding:10px 0;
position:relative;
overflow:hidden;
color:white;



}

/* TEXT */

.hero-text h1{
font-size:48px;
font-weight:700;
}

.hero-text p{
font-size:18px;
margin-top:15px;
}

.hero-buttons{
margin-top:25px;

}

.btn{
padding:12px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
display:inline-block;
}


.btn-order1{
background-color: green;
color:yellow;
margin-right:10px;

}

.btn-distributor1{
	background-color: #961E06;
border:2px solid #961E06;
color:white;
}

.btn-order{
background:white;
color:#ff6a00;
margin-right:10px;
}

.btn-distributor{
border:2px solid white;
color:white;
}

.hero-image{
max-width:600px;
width:100%;
}
.section-title{
display:flex;
align-items:center;
text-align:center;
font-size:32px;
font-weight:700;
color:#ff6a00;
}

.section-title::before,
.section-title::after{
content:"";
flex:1;
border-bottom:2px solid #ff6a00;
margin:0 15px;
}
/* ===== ABOUT SECTION ===== */

.about{
    text-align:center;
    padding:80px 0;
    background:#fff8f2;
}

.about h2{
    color:#ff6a00;
    font-size:36px;
    font-weight:700;
}

.about h3{
    margin-top:10px;
    font-size:22px;
}

.about .desc{
    margin-top:15px;
    font-size:16px;
    color:#555;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
}


/* ===== PRODUCTS ===== */

.products{
    padding:80px 0;
    text-align:center;
    background:#fff;
}

.products h2{
    color:#ff6a00;
    font-size:34px;
}

.product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:30px;
    margin-top:40px;
}

.product-card{
    background:#fff;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
    overflow:hidden;
    transition:all 0.3s ease;
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

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

.product-info{
    padding:18px;
}

.product-info h4{
    margin:0;
    color:#ff6a00;
    font-size:20px;
}

.product-info p{
    font-size:14px;
    color:#666;
    margin-top:5px;
}


/* ===== DISTRIBUTOR ===== */

.distributor{
    background:linear-gradient(135deg,#961E06,#961E01);
    color:white;
    text-align:center;
    padding:80px 20px;
}

.distributor h2{
    font-size:32px;
}

.btn-orange{
    background:white;
    color:#ff6a00;
    padding:12px 30px;
    border-radius:30px;
    font-weight:600;
    border:none;
    margin-top:20px;
    transition:0.3s;
}

.btn-orange:hover{
    background:#ff6a00;
    color:white;
}

/* ===== FOOTER ===== */
.footer{

background: linear-gradient(rgba(255,106,0,0.9), rgba(255,140,0,0.9)),
url("images/wheat.png");

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

color:white;
padding:70px 0;
}

.footer h4{
margin-bottom:15px;
}

.footer ul{
list-style:none;
padding:0;
}

.footer ul li{
margin-bottom:8px;
}

.footer input,
.footer textarea{
border:none;
border-radius:5px;
}

.footer textarea{
height:80px;
}

/* Button */

.btn-orange{
background:white;
color:#ff6a00;
padding:10px;
border-radius:30px;
font-weight:600;
border:none;
}
.contact-call a{
text-decoration:none;
color:#ff7a00;
font-weight:600;
}

.contact-call i{
color:#28a745;
margin-right:6px;
}
}
}