OM Agro Flours – Shuddha Atta, Praakritik Poshan

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

:root {
–green-dark: #1a3a1a;
–green-mid: #2d5a2d;
–green-light: #e8f0e8;
–gold: #e8a020;
–gold-light: #fef3e2;
–cream: #f8f4ee;
–text: #1a2a1a;
–text-muted: #5a7a5a;
–white: #ffffff;
–radius: 12px;
}

body {
font-family: ‘Noto Sans’, sans-serif;
color: var(–text);
background: var(–white);
overflow-x: hidden;
}

/* ── TOPBAR ── */
.topbar {
background: var(–green-dark);
color: rgba(255,255,255,0.75);
padding: 8px 40px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
flex-wrap: wrap;
gap: 6px;
}
.topbar a { color: var(–gold); text-decoration: none; }

/* ── NAVBAR ── */
.navbar {
background: var(–white);
border-bottom: 1px solid #e8ede8;
padding: 0 40px;
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 12px rgba(26,58,26,0.07);
}
.logo-area { display: flex; align-items: center; gap: 14px; }
.logo-circle {
width: 48px; height: 48px;
border-radius: 50%;
background: var(–gold);
display: flex; align-items: center; justify-content: center;
font-family: ‘Playfair Display’, serif;
font-size: 11px; font-weight: 700;
color: var(–white);
text-align: center; line-height: 1.2;
}
.logo-name { font-family: ‘Playfair Display’, serif; font-size: 20px; font-weight: 700; color: var(–green-dark); }
.logo-tagline { font-size: 11px; color: var(–text-muted); margin-top: 1px; }
.nav-links { display: flex; gap: 28px; }
.nav-links a { font-size: 14px; color: var(–green-dark); text-decoration: none; font-weight: 500; transition: color 0.2s; }
.nav-links a:hover { color: var(–gold); }
.nav-cta {
background: var(–gold);
color: var(–white);
border: none;
padding: 10px 22px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
font-family: ‘Noto Sans’, sans-serif;
transition: background 0.2s;
}
.nav-cta:hover { background: #d4920e; }

/* ── HERO ── */
.hero {
background: var(–green-dark);
background-image: radial-gradient(ellipse at 70% 50%, #2d5a2d 0%, #1a3a1a 70%);
padding: 72px 40px;
display: flex;
align-items: center;
gap: 48px;
min-height: 420px;
}
.hero-text { flex: 1; color: var(–white); }
.hero-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(232,160,32,0.18);
border: 1px solid rgba(232,160,32,0.5);
color: var(–gold);
font-size: 12px;
padding: 5px 14px;
border-radius: 20px;
margin-bottom: 20px;
}
.hero-title {
font-family: ‘Playfair Display’, serif;
font-size: 38px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 16px;
}
.hero-title span { color: var(–gold); }
.hero-desc { font-size: 15px; line-height: 1.8; opacity: 0.85; margin-bottom: 28px; max-width: 520px; }
.hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-gold {
background: var(–gold);
color: var(–white);
padding: 12px 26px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
border: none;
cursor: pointer;
font-family: ‘Noto Sans’, sans-serif;
transition: background 0.2s;
}
.btn-gold:hover { background: #d4920e; }
.btn-outline-white {
background: transparent;
color: var(–white);
border: 1px solid rgba(255,255,255,0.45);
padding: 12px 26px;
border-radius: 8px;
font-size: 14px;
cursor: pointer;
font-family: ‘Noto Sans’, sans-serif;
transition: border-color 0.2s;
}
.btn-outline-white:hover { border-color: rgba(255,255,255,0.8); }
.hero-image-box {
width: 280px;
min-width: 280px;
height: 200px;
border-radius: var(–radius);
background: var(–green-mid);
border: 2px solid rgba(232,160,32,0.35);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.hero-image-box img { width: 100%; height: 100%; object-fit: cover; border-radius: var(–radius); }
.hero-image-placeholder { text-align: center; color: rgba(255,255,255,0.35); font-size: 13px; padding: 20px; }

/* ── STATS BAR ── */
.stats-bar {
background: var(–cream);
padding: 24px 40px;
display: flex;
justify-content: space-around;
border-bottom: 1px solid #e0dbd2;
flex-wrap: wrap;
gap: 16px;
}
.stat { text-align: center; }
.stat-num { font-family: ‘Playfair Display’, serif; font-size: 26px; font-weight: 700; color: var(–green-dark); }
.stat-label { font-size: 12px; color: var(–text-muted); margin-top: 3px; }

/* ── FEATURES SECTION ── */
.section { padding: 56px 40px; }
.section-label { font-size: 11px; font-weight: 500; color: var(–gold); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; }
.section-title { font-family: ‘Playfair Display’, serif; font-size: 28px; font-weight: 700; color: var(–green-dark); margin-bottom: 6px; }
.gold-line { width: 48px; height: 3px; background: var(–gold); border-radius: 2px; margin: 10px 0 32px; }
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.feat-card {
background: var(–white);
border: 1px solid #e8ede8;
border-radius: var(–radius);
padding: 24px;
transition: box-shadow 0.2s, transform 0.2s;
}
.feat-card:hover { box-shadow: 0 6px 24px rgba(26,58,26,0.1); transform: translateY(-2px); }
.feat-icon-wrap {
width: 46px; height: 46px;
border-radius: 10px;
background: var(–gold-light);
display: flex; align-items: center; justify-content: center;
margin-bottom: 14px;
font-size: 22px;
}
.feat-title { font-size: 15px; font-weight: 500; color: var(–green-dark); margin-bottom: 8px; }
.feat-desc { font-size: 13px; color: var(–text-muted); line-height: 1.7; }

/* ── ABOUT SECTION ── */
.about-section {
background: var(–cream);
padding: 56px 40px;
display: flex;
gap: 40px;
align-items: flex-start;
flex-wrap: wrap;
}
.about-img-box {
width: 240px;
min-width: 240px;
height: 240px;
border-radius: var(–radius);
background: var(–green-mid);
border: 3px solid var(–gold);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.about-img-box img { width: 100%; height: 100%; object-fit: cover; }
.about-placeholder { text-align: center; color: rgba(255,255,255,0.35); font-size: 13px; padding: 20px; }
.about-content { flex: 1; min-width: 260px; }
.about-body { font-size: 14px; color: var(–text-muted); line-height: 1.9; margin-bottom: 20px; }
.about-points { display: flex; flex-direction: column; gap: 10px; }
.point { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(–text-muted); }
.point-dot { width: 8px; height: 8px; border-radius: 50%; background: var(–gold); margin-top: 6px; min-width: 8px; }

/* ── COMING SOON ── */
.coming-section {
background: var(–green-dark);
background-image: radial-gradient(ellipse at 30% 50%, #2d5a2d, #1a3a1a);
padding: 56px 40px;
text-align: center;
color: var(–white);
}
.coming-badge {
display: inline-block;
background: rgba(232,160,32,0.15);
border: 1px solid rgba(232,160,32,0.5);
color: var(–gold);
font-size: 12px;
padding: 6px 20px;
border-radius: 20px;
letter-spacing: 0.08em;
margin-bottom: 18px;
}
.coming-title { font-family: ‘Playfair Display’, serif; font-size: 32px; font-weight: 700; margin-bottom: 12px; }
.coming-desc { font-size: 15px; opacity: 0.75; max-width: 440px; margin: 0 auto 28px; line-height: 1.8; }
.notify-row { display: flex; gap: 12px; justify-content: center; max-width: 420px; margin: 0 auto; flex-wrap: wrap; }
.notify-input {
flex: 1;
min-width: 200px;
padding: 12px 16px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.2);
background: rgba(255,255,255,0.1);
color: var(–white);
font-size: 14px;
font-family: ‘Noto Sans’, sans-serif;
}
.notify-input::placeholder { color: rgba(255,255,255,0.4); }
.notify-btn {
background: var(–gold);
color: var(–white);
border: none;
padding: 12px 24px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
font-family: ‘Noto Sans’, sans-serif;
}

/* ── FOOTER INFO ── */
.footer-info { background: var(–cream); padding: 56px 40px 40px; }
.fi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 32px; }
.fi-card {
background: var(–white);
border: 1px solid #e8ede8;
border-radius: var(–radius);
padding: 24px;
}
.fi-icon-wrap {
width: 44px; height: 44px;
border-radius: 10px;
background: var(–gold-light);
display: flex; align-items: center; justify-content: center;
margin-bottom: 14px;
font-size: 22px;
}
.fi-card-title { font-size: 15px; font-weight: 500; color: var(–green-dark); margin-bottom: 12px; }
.fi-line { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(–text-muted); line-height: 1.6; margin-bottom: 7px; }
.fi-badge {
display: inline-block;
background: #eaf3de;
color: #3B6D11;
font-size: 12px;
padding: 3px 10px;
border-radius: 20px;
margin-top: 8px;
}
.fi-badge-gold { background: var(–gold-light); color: var(–gold); }
.map-strip {
background: var(–green-light);
border: 1px solid #c8d8c8;
border-radius: var(–radius);
padding: 20px 24px;
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.map-icon {
width: 44px; height: 44px;
background: var(–green-dark);
border-radius: 8px;
display: flex; align-items: center; justify-content: center;
min-width: 44px;
font-size: 22px;
}
.map-text { flex: 1; font-size: 13px; color: #2d5a2d; min-width: 200px; }
.map-text strong { font-weight: 500; font-size: 14px; display: block; margin-bottom: 3px; color: var(–green-dark); }
.map-btn {
background: var(–green-dark);
color: var(–white);
font-size: 13px;
padding: 10px 18px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
font-family: ‘Noto Sans’, sans-serif;
white-space: nowrap;
transition: background 0.2s;
}
.map-btn:hover { background: #0f2a0f; }

/* ── FOOTER BOTTOM ── */
.footer-bottom {
background: #0f2a0f;
padding: 22px 40px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.fb-left { font-size: 12px; color: rgba(255,255,255,0.4); }
.fb-right { font-size: 12px; color: var(–gold); }

/* ── RESPONSIVE ── */
@media (max-width: 700px) {
.topbar, .navbar, .hero, .section, .about-section, .coming-section, .footer-info, .footer-bottom, .stats-bar { padding-left: 20px; padding-right: 20px; }
.hero { flex-direction: column; }
.hero-image-box { width: 100%; min-width: unset; }
.hero-title { font-size: 28px; }
.nav-links { display: none; }
.about-img-box { width: 100%; min-width: unset; }
}

Order Karein

🌿 100% Praakritik

Shuddhata aur Swasthya ka
Atoot Vishwas

Haryana ki mitti se jude, hum har ghar tak khet ki taazgi aur poorn shuddhhata pahunchaate hain. Bina kisi milavat ya bahari rangon ke — sirf asli, saaf anaaj.

Products Dekhein
Hamare Baare Mein

<!– –>

Yahan apni
dukan ki photo
lagayein

<!– –>

Apni mill ya
shop ki photo
yahan lagayein

Hamare Baare Mein

Hamara Sankalp

OM Agro Flours mein hamara uddeshya kewal utpaad bechna nahin, balki har ghar tak khet ki taazgi aur poorn shuddhhata pahunchaana hai. Hum maante hain ki ek khushhal aur swasth jeevan ki shuruaat shuddh aur paushtik aahar se hoti hai.

Hum kisanon ki mehnat ka samman karte hain

Aadhunik maankon ke saath taiyaar har packet

Sirf wahi jo hum apne parivar ke liye chunte hain

Har rasoi ka bharosemand saathi — OM AGRO FLOURS