/* Nipras About Group: all rules scoped to prevent changes to existing menu and pages. */
.ng-about { color: #203329; }
.ng-about .ng-about-kicker { display: inline-block; margin-bottom: 13px; font-weight: 800; font-size: .77rem; letter-spacing: .11em; text-transform: uppercase; color: #267a4d; }
.ng-about-hero { padding: clamp(75px, 8vw, 116px) 0; background: radial-gradient(circle at 85% 20%,rgba(153,201,135,.32),transparent 38%), linear-gradient(115deg,#f2faf2 0%,#f9f8f1 100%); }
.ng-about-hero h1 { max-width: 690px; font: 700 clamp(2.3rem,4.3vw,4.2rem)/1.12 Georgia,Cambria,"Times New Roman",serif; letter-spacing: -.03em; color: #16472d; margin-bottom: 21px; }
.ng-about-lead { max-width: 720px; font-size: clamp(1rem,1.6vw,1.14rem); line-height: 1.82; color: #46584c; }
.ng-about .btn-success { background: #167449; border-color: #167449; }
.ng-about .btn-outline-success { color: #176945; border-color: #176945; }
.ng-about .btn-outline-success:hover { color: #fff; background: #176945; }
.ng-about-hero-note { background: rgba(255,255,255,.88); border: 1px solid #d7e6d6; border-radius: 25px; padding: clamp(24px,4vw,36px); box-shadow: 0 25px 60px rgba(35,83,46,.09); }
.ng-about-note-header { display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #e6ede3; padding-bottom: 18px; margin-bottom: 18px; }
.ng-about-note-header img { width: 124px; max-height: 68px; object-fit: contain; }
.ng-about-note-header h2 { font-size: 1.3rem; color: #234b31; font-weight: 800; margin: 0; }
.ng-about-hero-note ul, .ng-about-checklist { list-style: none; padding: 0; margin: 0; }
.ng-about-hero-note li { padding: 12px 0 12px 28px; position: relative; border-bottom: 1px solid #edf1ea; line-height: 1.5; }
.ng-about-hero-note li:last-child { border-bottom: 0; }
.ng-about-hero-note li::before, .ng-about-checklist li::before { content: '✓'; position: absolute; left: 0; top: 12px; color: #23874c; font-weight: 900; }
.ng-about-section { padding: clamp(68px,8vw,98px) 0; }
.ng-about-soft { background: #f5f8f4; }
.ng-about-section-title { color: #173f29; font: 700 clamp(1.95rem,3vw,2.8rem)/1.17 Georgia,Cambria,"Times New Roman",serif; margin: 0 0 22px; }
.ng-about-story p { color: #4a5950; font-size: 1.06rem; line-height: 1.9; margin-bottom: 21px; }
.ng-about-heading { max-width: 780px; margin: 0 auto 38px; }
.ng-about-heading p { color: #5c6a61; line-height: 1.75; font-size: 1.03rem; }
.ng-about-direction-card { border: 1px solid #e0e9de; background: #fff; padding: clamp(26px,4vw,42px); border-radius: 24px; }
.ng-about-direction-card h2 { font: 700 1.8rem Georgia,Cambria,serif; color: #1b512e; margin-bottom: 19px; }
.ng-about-direction-card p { color: #4e6053; font-size: 1.05rem; line-height: 1.84; }
.ng-about-vision-card { background: #194d30; border-color: #194d30; }
.ng-about-vision-card h2 { color: #fff; }
.ng-about-vision-card p { color: #edf6eb; }
.ng-about-checklist li { position: relative; padding: 7px 0 7px 29px; line-height: 1.68; color: #485a4d; }
.ng-about-checklist li::before { top: 7px; }
.ng-about-value, .ng-about-unit, .ng-about-focus { background: #fff; border: 1px solid #e1e9e0; border-radius: 21px; padding: 26px; }
.ng-about-value-number { display: inline-grid; place-items: center; width: 40px; height: 40px; background: #e8f4e7; color: #176b43; font-weight: 800; border-radius: 12px; margin-bottom: 22px; }
.ng-about-value h3, .ng-about-focus h3 { font-size: 1.17rem; font-weight: 800; color: #204732; margin-bottom: 12px; }
.ng-about-value p, .ng-about-focus p { color: #58695e; line-height: 1.72; margin-bottom: 0; }
.ng-about-unit { display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; box-shadow: 0 14px 35px rgba(25,65,35,.035); }
.ng-about-unit:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(25,65,35,.08); }
.ng-about-unit-logo { width: 100%; height: 88px; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 18px; }
.ng-about-unit-logo img { max-width: 156px; max-height: 82px; object-fit: contain; }
.ng-about-unit-focus { color: #237b4d; font-size: .74rem; letter-spacing: .055em; font-weight: 800; text-transform: uppercase; margin-bottom: 8px; }
.ng-about-unit h3 { font-size: 1.27rem; font-weight: 800; color: #203b2a; line-height: 1.35; margin-bottom: 9px; }
.ng-about-unit-tagline { color: #2d6946; font-size: .94rem; line-height: 1.65; margin: 0 0 11px; font-weight: 650; }
.ng-about-unit-description { color: #5b695f; font-size: .95rem; line-height: 1.77; margin-bottom: 17px; }
.ng-about-unit-link { color: #196d43; font-weight: 800; text-decoration: none; margin-top: auto; }
.ng-about-unit-link:hover { color: #0c4a2c; text-decoration: underline; }
.ng-about-focus { padding: 30px; }
.ng-about-focus-accent { width: 45px; height: 5px; background: linear-gradient(90deg,#157847,#c9b46e); border-radius: 5px; margin-bottom: 25px; }
.ng-about-step { border: 1px solid #dce6dc; padding: 23px; border-radius: 19px; background: #fff; }
.ng-about-step span { display: block; font-weight: 850; font-size: 1.45rem; color: #8ba890; margin-bottom: 11px; }
.ng-about-step h3 { font-size: 1.07rem; color: #1f492e; line-height: 1.5; font-weight: 780; margin: 0; }
.ng-about-cta-section { padding: 65px 0 80px; }
.ng-about-cta { border-radius: 26px; background: linear-gradient(125deg,#174b2d,#26794c); color: #fff; padding: clamp(27px,5vw,52px); display: flex; justify-content: space-between; align-items: center; gap: 35px; }
.ng-about-cta h2 { font: 700 clamp(1.9rem,3vw,2.65rem)/1.18 Georgia,Cambria,serif; margin-bottom: 15px; }
.ng-about-cta p { color: #ecf4ea; max-width: 700px; line-height: 1.75; font-size: 1.03rem; }
.ng-about-cta-contact { display: flex; flex-wrap: wrap; gap: 9px 22px; }
.ng-about-cta-contact a { color: #f2fff1; text-decoration: none; font-weight: 750; overflow-wrap: anywhere; }
.ng-about-cta-contact a:hover { text-decoration: underline; }
.ng-about-cta-actions { display: flex; align-items: stretch; gap: 12px; flex-direction: column; flex-shrink: 0; min-width: 210px; }
.ng-about-cta-actions .btn { white-space: nowrap; }
@media (max-width: 991.98px) { .ng-about-cta { flex-direction: column; align-items: stretch; } .ng-about-cta-actions { flex-direction: row; flex-wrap: wrap; } }
@media (max-width: 575.98px) { .ng-about-hero { padding: 56px 0 72px; } .ng-about-section { padding: 58px 0; } .ng-about-note-header { flex-direction: column; align-items: flex-start; } .ng-about-cta-actions, .ng-about-cta-actions .btn { width: 100%; } .ng-about-unit { padding: 22px; } }


/* Nipras Agro-specific layout — one About page, English and Marathi via session. */
.ng-agro-about .ng-about-hero { background: radial-gradient(circle at 89% 7%, rgba(166,207,121,.30), transparent 38%), linear-gradient(120deg,#f3faf2 0%,#fffdf6 100%); }
.ng-agro-about .ng-about-hero-note { background: rgba(255,255,255,.91); }
.ng-agro-about .ng-about-note-header img { width: 110px; height: 88px; max-height: 88px; object-fit: contain; background: white; border-radius: 14px; padding: 6px; }
.ng-agro-about .ng-about-note-header h2 { margin: 0; font-size: 1.18rem; }
.ng-agro-about .ng-about-note-header .ng-about-kicker { margin-bottom: 5px; font-size: .68rem; }
.ng-agro-about .ng-about-focus-list { columns: 1; }
.ng-agro-about .ng-about-prose-wide { max-width: 930px; margin: 0 auto; }
.ng-agro-about .ng-about-prose-wide p, .ng-agro-about .ng-agro-story-card p, .ng-agro-about .ng-agro-future p { color: #4d5c51; line-height: 1.88; font-size: 1.045rem; margin-bottom: 1rem; }
.ng-agro-about .ng-about-vision-card .ng-about-kicker, .ng-agro-about .ng-light-kicker { color: #deefd9; }
.ng-agro-about .ng-about-vision-card p { color: #edf6eb; }
.ng-agro-about .ng-about-direction-card { box-shadow: 0 12px 35px rgba(32,85,45,.04); }
.ng-agro-about .ng-about-direction-card h2 { margin-bottom: 14px; }
.ng-agro-about .ng-about-direction-card .ng-about-checklist li { border-bottom: 1px solid #eff3ed; }
.ng-agro-about .ng-agro-solution { display: flex; align-items: flex-start; gap: 15px; padding: 26px 22px; border-radius: 19px; border: 1px solid #e3ebe2; background: white; box-shadow: 0 10px 27px rgba(23,73,38,.045); transition: transform .2s ease, box-shadow .2s ease; }
.ng-agro-about .ng-agro-solution:hover { transform: translateY(-3px); box-shadow: 0 17px 34px rgba(23,73,38,.1); }
.ng-agro-about .ng-agro-solution-number { flex: 0 0 auto; display: grid; place-items: center; width: 43px; height: 43px; color: #1f764c; background: #edf7ec; font: 800 1rem/1 system-ui,sans-serif; border-radius: 13px; }
.ng-agro-about .ng-agro-solution h3 { margin: 7px 0 0; font-size: 1.045rem; line-height: 1.45; font-weight: 750; color: #204731; overflow-wrap: anywhere; }
.ng-agro-about .ng-agro-approach { max-width: 1030px; margin: 0 auto; text-align: center; }
.ng-agro-about .ng-agro-approach p { color: #506254; line-height: 1.82; max-width: 780px; margin: 22px auto 0; font-size: 1.065rem; }
.ng-agro-about .ng-agro-formula { background: #1d5335; color: #fff; padding: clamp(24px,4vw,38px); border-radius: 23px; font: 700 clamp(1.2rem,2.4vw,2rem)/1.55 Georgia,Cambria,serif; box-shadow: 0 15px 35px rgba(24,79,43,.15); overflow-wrap: anywhere; }
.ng-agro-about .ng-agro-story-card { padding: clamp(27px,3.5vw,39px); border: 1px solid #e1eae0; border-radius: 24px; background: #fff; box-shadow: 0 13px 34px rgba(22,58,31,.04); }
.ng-agro-about .ng-agro-story-card .ng-about-section-title { font-size: clamp(1.65rem,2.4vw,2.15rem); }
.ng-agro-about .ng-agro-detail-line { display: block; width: 58px; height: 5px; margin-bottom: 21px; border-radius: 3px; background: #328c56; }
.ng-agro-about .ng-agro-detail-line-gold { background: #cda54a; }
.ng-agro-about .ng-agro-sustain-item { display: flex; gap: 15px; align-items: center; border-radius: 17px; border: 1px solid #e1eae1; background: #fff; padding: 22px 21px; font-size: 1.02rem; color: #324b39; font-weight: 650; line-height: 1.5; }
.ng-agro-about .ng-agro-sustain-mark { display: grid; place-items: center; flex: 0 0 auto; width: 37px; height: 37px; border-radius: 50%; background: #e4f4e3; color: #1b7c45; font-size: 1.15rem; font-weight: 900; }
.ng-agro-about .ng-agro-values { max-width: 990px; margin: auto; }
.ng-agro-about .ng-agro-values p { max-width: 800px; margin: 0 auto 27px; color: #526354; line-height: 1.8; font-size: 1.065rem; }
.ng-agro-about .ng-agro-value-tags { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.ng-agro-about .ng-agro-value-tags span { border: 1px solid #cde2ce; background: #f0f9ed; padding: 11px 19px; font-weight: 750; color: #1d7045; border-radius: 99px; }
.ng-agro-about .ng-agro-future { max-width: 950px; margin: 0 auto; }
.ng-agro-about .ng-agro-signoff { font-weight: 700; font-size: 1.02rem; margin-top: 19px; color: #f5f9ec; }
@media (max-width: 575.98px) {
    .ng-agro-about .ng-agro-solution { padding: 19px; }
    .ng-agro-about .ng-agro-story-card { padding: 25px; }
    .ng-agro-about .ng-about-hero-note { padding: 22px; }
    .ng-agro-about .ng-agro-value-tags { justify-content: flex-start; }
    .ng-agro-about .ng-agro-values { text-align: left !important; }
}
@media (prefers-reduced-motion: reduce) {
    .ng-agro-about .ng-agro-solution { transition: none; }
    .ng-agro-about .ng-agro-solution:hover { transform: none; }
}