{"id":304,"date":"2026-04-19T20:01:27","date_gmt":"2026-04-19T20:01:27","guid":{"rendered":"https:\/\/agribium.com\/?page_id=304"},"modified":"2026-05-13T20:11:24","modified_gmt":"2026-05-13T20:11:24","slug":"home-1","status":"publish","type":"page","link":"https:\/\/agribium.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"304\" class=\"elementor elementor-304\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20dc0ec e-con-full e-flex e-con e-parent\" data-id=\"20dc0ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68f1a1a elementor-widget elementor-widget-html\" data-id=\"68f1a1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM \u2014 HOME HERO SECTION \u2014 Elementor HTML Block -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .ag2 * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n\r\n  \/* \u2550\u2550 SECTION \u2550\u2550 *\/\r\n  .ag2 {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    background: #f7f5ef;\r\n    overflow: hidden;\r\n    font-family: 'DM Sans', sans-serif!important;\r\n  }\r\n\r\n  \/* Background image \u2013 top portion only *\/\r\n  .ag2-bg {\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 68%;\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef?w=1800&q=80');\r\n    background-size: cover;\r\n    background-position: center 40%;\r\n    z-index: 0;\r\n    transform: scale(1.05);\r\n    animation: ag2Zoom 14s ease-out forwards;\r\n  }\r\n  @keyframes ag2Zoom { to { transform: scale(1); } }\r\n\r\n  \/* Dark gradient overlay on image *\/\r\n  .ag2-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 68%;\r\n    background: linear-gradient(\r\n      155deg,\r\n      rgba(10,40,20,0.90) 0%,\r\n      rgba(21,94,52,0.75) 45%,\r\n      rgba(10,40,20,0.82) 100%\r\n    );\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Smooth fade from image into cream page background *\/\r\n  .ag2-fade {\r\n    position: absolute;\r\n    top: calc(68% - 160px);\r\n    left: 0; right: 0;\r\n    height: 200px;\r\n    background: linear-gradient(to bottom, transparent, #f7f5ef);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Grain *\/\r\n  .ag2-grain {\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 68%;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 160px;\r\n    opacity: 0.04;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Glow orbs *\/\r\n  .ag2-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    pointer-events: none;\r\n    z-index: 2;\r\n  }\r\n  .ag2-orb-1 {\r\n    width: 480px; height: 480px;\r\n    background: radial-gradient(circle, rgba(249,187,48,0.18), transparent 70%);\r\n    top: -110px; right: -80px;\r\n  }\r\n  .ag2-orb-2 {\r\n    width: 320px; height: 320px;\r\n    background: radial-gradient(circle, rgba(168,213,186,0.15), transparent 70%);\r\n    top: 80px; left: -60px;\r\n  }\r\n\r\n  \/* Decorative leaf SVGs *\/\r\n  .ag2-leaf {\r\n    position: absolute;\r\n    z-index: 3;\r\n    opacity: 0.13;\r\n    pointer-events: none;\r\n  }\r\n  .ag2-leaf-tr { top: 22px; right: 38px; width: 78px; }\r\n  .ag2-leaf-bl { top: calc(68% - 60px); left: 34px; width: 60px; transform: rotate(200deg); }\r\n\r\n  \/* \u2550\u2550 INNER CONTAINER \u2550\u2550 *\/\r\n  .ag2-wrap {\r\n    position: relative;\r\n    z-index: 10;\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n    padding: 0 40px;\r\n  }\r\n\r\n  \/* \u2550\u2550 HERO TEXT BLOCK \u2550\u2550 *\/\r\n  .ag2-hero {\r\n    padding-top: 180px;\r\n    padding-bottom: 72px;\r\n    max-width: 880px;\r\n  }\r\n\r\n  \/* Eyebrow *\/\r\n  .ag2-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: #f9bb30;\r\n    margin-bottom: 22px;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    animation: ag2Up 0.9s cubic-bezier(.22,1,.36,1) 0.2s forwards;\r\n  }\r\n  .ag2-eyebrow b { display: block; width: 26px; height: 1px; background: #f9bb30; font-weight: normal; }\r\n\r\n  \/* Headline *\/\r\n  .ag2-h1 {\r\n    font-family: 'Playfair Display', serif !important;\r\n    font-size: clamp(36px, 5.5vw, 70px)!important;\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    color: #fff;\r\n    margin-bottom: 26px;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    animation: ag2Up 1s cubic-bezier(.22,1,.36,1) 0.36s forwards;\r\n  }\r\n  .ag2-h1 em { font-style: italic; color: #a8d5ba; }\r\n\r\n  \/* Accent bar *\/\r\n  .ag2-hbar {\r\n    height: 3px; width: 0;\r\n    background: linear-gradient(90deg, #f9bb30, rgba(249,187,48,0.15));\r\n    border-radius: 2px;\r\n    margin-bottom: 26px;\r\n    animation: ag2Bar 1s cubic-bezier(.22,1,.36,1) 0.65s forwards;\r\n  }\r\n  @keyframes ag2Bar { to { width: 70px; } }\r\n\r\n  \/* Description *\/\r\n  .ag2-p {\r\n    font-size: clamp(15px, 1.7vw, 18px);\r\n    font-weight: 300;\r\n    line-height: 1.78;\r\n    color: rgba(255,255,255,0.70);\r\n    max-width: 720px;\r\n    margin-bottom: 44px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: ag2Up 1s cubic-bezier(.22,1,.36,1) 0.52s forwards;\r\n  }\r\n\r\n  \/* CTA buttons *\/\r\n  .ag2-btns {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    animation: ag2Up 1s cubic-bezier(.22,1,.36,1) 0.70s forwards;\r\n  }\r\n\r\n  .ag2-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 15px 34px;\r\n    border-radius: 4px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    border: none;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .ag2-btn::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: rgba(255,255,255,0.10);\r\n    opacity: 0; transition: opacity 0.2s;\r\n  }\r\n  .ag2-btn:hover::after { opacity: 1; }\r\n  .ag2-btn:hover { transform: translateY(-2px); }\r\n  .ag2-btn svg {\r\n    width: 15px; height: 15px;\r\n    stroke: currentColor; stroke-width: 2.2;\r\n    fill: none; stroke-linecap: round; stroke-linejoin: round;\r\n    transition: transform 0.25s ease;\r\n  }\r\n  .ag2-btn:hover svg { transform: translateX(3px); }\r\n  .ag2-btn-primary { background: #f9bb30; color: #0d2818; box-shadow: 0 4px 28px rgba(249,187,48,0.38); }\r\n  .ag2-btn-primary:hover { box-shadow: 0 8px 38px rgba(249,187,48,0.55); }\r\n  .ag2-btn-ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,0.38); }\r\n  .ag2-btn-ghost:hover { border-color: rgba(255,255,255,0.75); }\r\n\r\n  \/* \u2550\u2550 CARDS GRID \u2550\u2550 *\/\r\n  .ag2-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 22px;\r\n    padding-bottom: 100px;\r\n  }\r\n\r\n  \/* Card *\/\r\n  .ag2-card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 28px rgba(13,40,24,0.09);\r\n    display: flex;\r\n    flex-direction: column;\r\n    opacity: 0;\r\n    transform: translateY(44px);\r\n    transition:\r\n      opacity 0.85s cubic-bezier(.22,1,.36,1),\r\n      transform 0.85s cubic-bezier(.22,1,.36,1),\r\n      box-shadow 0.3s ease;\r\n  }\r\n  .ag2-card.show { opacity: 1; transform: translateY(0); }\r\n  .ag2-card:hover { box-shadow: 0 18px 52px rgba(13,40,24,0.14); transform: translateY(-6px); }\r\n\r\n  \/* Card image *\/\r\n  .ag2-card-img {\r\n    position: relative;\r\n    height: 176px;\r\n    overflow: hidden;\r\n  }\r\n  .ag2-card-img img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover; display: block;\r\n    transition: transform 0.7s cubic-bezier(.22,1,.36,1);\r\n  }\r\n  .ag2-card:hover .ag2-card-img img { transform: scale(1.07); }\r\n  .ag2-card-img::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to bottom, rgba(21,94,52,0.15) 0%, rgba(13,40,24,0.55) 100%);\r\n  }\r\n\r\n  \/* Floating icon badge *\/\r\n  .ag2-card-icon {\r\n    position: absolute;\r\n    bottom: -20px; left: 20px;\r\n    z-index: 2;\r\n    width: 44px; height: 44px;\r\n    background: #f9bb30;\r\n    border-radius: 12px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    box-shadow: 0 4px 16px rgba(249,187,48,0.44);\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .ag2-card:hover .ag2-card-icon { transform: rotate(8deg) scale(1.08); }\r\n  .ag2-card-icon svg {\r\n    width: 19px; height: 19px;\r\n    stroke: #0d2818; stroke-width: 2;\r\n    fill: none; stroke-linecap: round; stroke-linejoin: round;\r\n  }\r\n\r\n  \/* Card body *\/\r\n  .ag2-card-body { padding: 34px 24px 26px; flex: 1; display: flex; flex-direction: column; }\r\n\r\n  .ag2-card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 20px; font-weight: 700;\r\n    color: #155e34; margin-bottom: 10px;\r\n  }\r\n\r\n  .ag2-card-line {\r\n    height: 2px; width: 28px;\r\n    background: #f9bb30; border-radius: 2px;\r\n    margin-bottom: 13px;\r\n    transition: width 0.35s ease;\r\n  }\r\n  .ag2-card:hover .ag2-card-line { width: 48px; }\r\n\r\n  .ag2-card-text {\r\n    font-size: 13.5px; font-weight: 300;\r\n    line-height: 1.68; color: rgba(13,40,24,0.58);\r\n    margin-bottom: 20px; flex: 1;\r\n  }\r\n\r\n  .ag2-card-cta {\r\n    display: inline-flex;\r\n    align-items: center; gap: 7px;\r\n    font-size: 11.5px; font-weight: 500;\r\n    letter-spacing: 0.07em; text-transform: uppercase;\r\n    color: #155e34; text-decoration: none;\r\n    transition: gap 0.25s ease;\r\n  }\r\n  .ag2-card-cta:hover { gap: 11px; }\r\n  .ag2-card-cta svg {\r\n    width: 13px; height: 13px;\r\n    stroke: currentColor; stroke-width: 2.2;\r\n    fill: none; stroke-linecap: round; stroke-linejoin: round;\r\n  }\r\n\r\n  \/* \u2550\u2550 KEYFRAMES \u2550\u2550 *\/\r\n  @keyframes ag2Up { to { opacity: 1; transform: translateY(0); } }\r\n\r\n  \/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n  @media (max-width: 1024px) {\r\n    .ag2-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n  @media (max-width: 768px) {\r\n    .ag2-wrap { padding: 0 22px; }\r\n    .ag2-hero { padding-top: 135px!important; padding-bottom: 52px; }\r\n    .ag2-bg, .ag2-overlay, .ag2-grain { height: 62%; }\r\n    .ag2-fade { top: calc(62% - 160px); }\r\n    .ag2-leaf-bl { top: calc(62% - 55px); }\r\n    .agri-scope .agri-headline {\r\n  font-size: 12px !important;\r\n  line-height: 1.15 !important;\r\n}\r\n  }\r\n  @media (max-width: 560px) {\r\n    .ag2-grid { grid-template-columns: 1fr; gap: 16px; }\r\n    .ag2-btns { flex-direction: column; }\r\n    .ag2-btn { justify-content: center; }\r\n    .ag2-hero { padding-top: 70px; }\r\n    .ag2-leaf-tr, .ag2-leaf-bl { display: none; }\r\n    .ag2-bg, .ag2-overlay, .ag2-grain { height: 55%; }\r\n    .ag2-fade { top: calc(55% - 160px); }\r\n  }\r\n  \/* Center Align Content *\/\r\n\r\n.ag2-hero{\r\ndisplay:flex;\r\nflex-direction:column;\r\nalign-items:center;\r\ntext-align:center;\r\nmax-width:1000px;\r\nmargin:0 auto;\r\n}\r\n\r\n.ag2-eyebrow{\r\njustify-content:center;\r\n}\r\n\r\n.ag2-p{\r\nmargin-left:auto;\r\nmargin-right:auto;\r\n}\r\n\r\n.ag2-btns{\r\njustify-content:center;\r\n}\r\n<\/style>\r\n\r\n<section class=\"ag2\">\r\n\r\n  <!-- Visual layers -->\r\n  <div class=\"ag2-bg\"><\/div>\r\n  <div class=\"ag2-overlay\"><\/div>\r\n  <div class=\"ag2-grain\"><\/div>\r\n  <div class=\"ag2-fade\"><\/div>\r\n  <div class=\"ag2-orb ag2-orb-1\"><\/div>\r\n  <div class=\"ag2-orb ag2-orb-2\"><\/div>\r\n\r\n  <svg class=\"ag2-leaf ag2-leaf-tr\" viewBox=\"0 0 80 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M10 90C10 90 5 40 40 10C70 -10 75 30 60 55C45 80 10 90 10 90Z\" fill=\"#a8d5ba\"\/>\r\n    <path d=\"M10 90L45 38\" stroke=\"#155e34\" stroke-width=\"1.5\"\/>\r\n  <\/svg>\r\n  <svg class=\"ag2-leaf ag2-leaf-bl\" viewBox=\"0 0 80 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M10 90C10 90 5 40 40 10C70 -10 75 30 60 55C45 80 10 90 10 90Z\" fill=\"#a8d5ba\"\/>\r\n    <path d=\"M10 90L45 38\" stroke=\"#155e34\" stroke-width=\"1.5\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"ag2-wrap\">\r\n\r\n    <!-- Hero text -->\r\n    <div class=\"ag2-hero\">\r\n      <div class=\"ag2-eyebrow\"><b><\/b>Connect \u00b7 Partner \u00b7 Grow \u00b7 Sustain<b><\/b><\/div>\r\n      <h1 class=\"ag2-h1\">Building Stronger<br><em>Rural Ecosystems<\/em><br>Through Collective Growth<\/h1>\r\n      <div class=\"ag2-hbar\"><\/div>\r\n      <p class=\"ag2-p\">Agribium is a support system for grassroots organisations working across agriculture ecosystems, value addition, and rural livelihoods \u2014 helping communities become market-ready through sustainable growth support.<\/p>\r\n      <div class=\"ag2-btns\">\r\n        <a href=\"https:\/\/agribium.com\/?page_id=430\" class=\"ag2-btn ag2-btn-primary\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          Explore Our Work\r\n        <\/a>\r\n        <a href=\"https:\/\/agribium.com\/?page_id=499\" class=\"ag2-btn ag2-btn-ghost\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n          Request a Proposal\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Cards -->\r\n    <div class=\"ag2-grid\">\r\n\r\n      <div class=\"ag2-card\" data-delay=\"0\">\r\n        <div class=\"ag2-card-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559526324-593bc073d938?w=700&q=80\" alt=\"Connect\" loading=\"lazy\">\r\n          <div class=\"ag2-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ag2-card-body\">\r\n          <div class=\"ag2-card-title\">Connect<\/div>\r\n          <div class=\"ag2-card-line\"><\/div>\r\n          <p class=\"ag2-card-text\">Agribium connects communities, institutions, and markets that often remain disconnected \u2014 building bridges that create real opportunity.<\/p>\r\n          <a href=\"#\" class=\"ag2-card-cta\">Learn more <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ag2-card\" data-delay=\"120\">\r\n        <div class=\"ag2-card-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542601906990-b4d3fb778b09?w=700&q=80\" alt=\"Partner\" loading=\"lazy\">\r\n          <div class=\"ag2-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ag2-card-body\">\r\n          <div class=\"ag2-card-title\">Partner<\/div>\r\n          <div class=\"ag2-card-line\"><\/div>\r\n          <p class=\"ag2-card-text\">Agribium works alongside organisations and collectives as a long-term, trusted partner \u2014 co-creating solutions from within communities.<\/p>\r\n          <a href=\"#\" class=\"ag2-card-cta\">Learn more <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ag2-card\" data-delay=\"240\">\r\n        <div class=\"ag2-card-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574943320219-553eb213f72d?w=700&q=80\" alt=\"Grow\" loading=\"lazy\">\r\n          <div class=\"ag2-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ag2-card-body\">\r\n          <div class=\"ag2-card-title\">Grow<\/div>\r\n          <div class=\"ag2-card-line\"><\/div>\r\n          <p class=\"ag2-card-text\">Agribium supports building enterprises and systems that create real income and opportunity \u2014 turning agricultural potential into livelihoods.<\/p>\r\n          <a href=\"#\" class=\"ag2-card-cta\">Learn more <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ag2-card\" data-delay=\"360\">\r\n        <div class=\"ag2-card-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1416879595882-3373a0480b5b?w=700&q=80\" alt=\"Sustain\" loading=\"lazy\">\r\n          <div class=\"ag2-card-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ag2-card-body\">\r\n          <div class=\"ag2-card-title\">Sustain<\/div>\r\n          <div class=\"ag2-card-line\"><\/div>\r\n          <p class=\"ag2-card-text\">Agribium ensures systems continue to work long after engagement ends \u2014 delivering lasting impact, dignity, and resilience to rural communities.<\/p>\r\n          <a href=\"#\" class=\"ag2-card-cta\">Learn more <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  document.querySelectorAll('.ag2-card').forEach(function(c){\r\n    var d = parseInt(c.getAttribute('data-delay'))||0;\r\n    new IntersectionObserver(function(e){\r\n      if(e[0].isIntersecting) setTimeout(function(){ c.classList.add('show'); }, d);\r\n    },{threshold:0.12}).observe(c);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f32fe7 e-con-full e-flex e-con e-parent\" data-id=\"7f32fe7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96a492f elementor-widget elementor-widget-html\" data-id=\"96a492f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM \u2014 WHY WE EXIST SECTION v2 | Centered Layout | Elementor HTML Block -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .agb2-why {\r\n    padding: 120px 48px;\r\n    background: #f8df9a;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Outfit', sans-serif;\r\n  }\r\n\r\n  .agb2-why::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: repeating-linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      transparent 79px,\r\n      rgba(47, 92, 59, 0.05) 79px,\r\n      rgba(47, 92, 59, 0.05) 80px\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .agb2-why::after {\r\n    content: 'A';\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 700px;\r\n    line-height: 1;\r\n    color: rgba(47, 92, 59, 0.035);\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  .agb2-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* \u2500\u2500 HEADER BLOCK \u2500\u2500 *\/\r\n  .agb2-header {\r\n    text-align: center;\r\n    max-width: 760px;\r\n    margin: 0 auto 80px;\r\n  }\r\n\r\n\/* \u2500\u2500 PREMIUM TAGLINE \u2500\u2500 *\/\r\n\r\n.agb2-tagline{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:18px;\r\n  margin-bottom:32px;\r\n}\r\n\r\n.agb2-tag-line{\r\n  width:70px;\r\n  height:1.5px;\r\n  background:#2f5c3b;\r\n  opacity:0.8;\r\n}\r\n\r\n.agb2-tag-text{\r\n  font-size:14px;\r\n  font-weight:500;\r\n  letter-spacing:5px;\r\n  text-transform:uppercase;\r\n  color:#2f5c3b;\r\n  line-height:1;\r\n}\r\n\r\n\/* mobile *\/\r\n\r\n@media (max-width:620px){\r\n\r\n  .agb2-tagline{\r\n    gap:12px;\r\n    margin-bottom:24px;\r\n  }\r\n\r\n  .agb2-tag-line{\r\n    width:42px;\r\n  }\r\n\r\n  .agb2-tag-text{\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n  }\r\n\r\n}\r\n\r\n  .agb2-headline {\r\n    font-family: 'DM Serif Display', serif!important;\r\n    font-size: 50px!important;\r\n    line-height: 1.06;\r\n    color: #ffffff!important;\r\n    margin: 0 0 28px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .agb2-headline em {\r\n    font-style: italic;\r\n    color: #2f5c3b;\r\n  }\r\n\r\n  .agb2-intro {\r\n    font-size: 18px;\r\n    line-height: 1.85;\r\n    color: #666;\r\n    font-weight: 300;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n  .agb2-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin: 0 auto 64px;\r\n    max-width: 480px;\r\n  }\r\n\r\n  .agb2-divider-line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: rgba(47, 92, 59, 0.2);\r\n  }\r\n\r\n  .agb2-divider-leaf {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .agb2-divider-leaf svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: #2f5c3b;\r\n  }\r\n\r\n  \/* \u2500\u2500 CARDS GRID \u2500\u2500 *\/\r\n  .agb2-cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  .agb2-card {\r\n    border-radius: 22px;\r\n    padding: 44px 38px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .agb2-card:hover {\r\n    transform: translateY(-6px);\r\n  }\r\n\r\n  \/* Card variants *\/\r\n  .agb2-card-1 { background: #1c3a24; }\r\n  .agb2-card-2 { background: #fff; border: 1px solid rgba(47,92,59,0.14); }\r\n  .agb2-card-3 { background: #eef5ee; }\r\n\r\n  \/* Decorative circle bg *\/\r\n  .agb2-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    right: -40px;\r\n    bottom: -40px;\r\n    width: 140px;\r\n    height: 140px;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .agb2-card-1::before { background: rgba(255,255,255,0.04); }\r\n  .agb2-card-2::before { background: rgba(47,92,59,0.05); }\r\n  .agb2-card-3::before { background: rgba(47,92,59,0.08); }\r\n\r\n  .agb2-card-num {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 12px;\r\n    letter-spacing: 2.5px;\r\n    display: block;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .agb2-card-1 .agb2-card-num { color: rgba(255,255,255,0.3); }\r\n  .agb2-card-2 .agb2-card-num { color: rgba(47,92,59,0.4); }\r\n  .agb2-card-3 .agb2-card-num { color: rgba(47,92,59,0.4); }\r\n\r\n  .agb2-card-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .agb2-card-1 .agb2-card-icon { background: rgba(255,255,255,0.1); }\r\n  .agb2-card-2 .agb2-card-icon,\r\n  .agb2-card-3 .agb2-card-icon { background: rgba(47,92,59,0.1); }\r\n\r\n  .agb2-card-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: none;\r\n    stroke-width: 1.6;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .agb2-card-1 .agb2-card-icon svg { stroke: rgba(255,255,255,0.85); }\r\n  .agb2-card-2 .agb2-card-icon svg,\r\n  .agb2-card-3 .agb2-card-icon svg { stroke: #2f5c3b; }\r\n\r\n  .agb2-card h3 {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 22px;\r\n    line-height: 1.2;\r\n    margin: 0 0 14px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .agb2-card-1 h3 { color: #fff; }\r\n  .agb2-card-2 h3,\r\n  .agb2-card-3 h3 { color: #1a2e1e; }\r\n\r\n  .agb2-card p {\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n    margin: 0;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .agb2-card-1 p { color: rgba(255,255,255,0.72); }\r\n  .agb2-card-2 p,\r\n  .agb2-card-3 p { color: #666; }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 960px) {\r\n    .agb2-why { padding: 80px 28px; }\r\n    .agb2-why::after { font-size: 400px; }\r\n    .agb2-headline { font-size: 42px; }\r\n    .agb2-intro { font-size: 17px; }\r\n    .agb2-cards { grid-template-columns: 1fr 1fr; }\r\n    .agb2-card:nth-child(3) { grid-column: 1 \/ -1; }\r\n    .agb2-header { margin-bottom: 60px; }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .agb2-why { padding: 64px 18px; }\r\n    .agb2-why::after { font-size: 220px; }\r\n    .agb2-headline { font-size: 32px!important; }\r\n    .agb2-intro { font-size: 16px; }\r\n    .agb2-header { margin-bottom: 48px; }\r\n    .agb2-cards { grid-template-columns: 1fr; gap: 14px; }\r\n    .agb2-card:nth-child(3) { grid-column: auto; }\r\n    .agb2-card { padding: 34px 28px; border-radius: 18px; }\r\n    .agb2-divider { margin-bottom: 48px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"agb2-why\">\r\n  <div class=\"agb2-inner\">\r\n\r\n    <!-- Centred header -->\r\n   <div class=\"agb2-header\">\r\n\r\n  <div class=\"agb2-tagline\">\r\n    <span class=\"agb2-tag-line\"><\/span>\r\n    <span class=\"agb2-tag-text\">WHY WE EXIST<\/span>\r\n    <span class=\"agb2-tag-line\"><\/span>\r\n  <\/div>\r\n      <h2 class=\"agb2-headline\">\r\n        Supporting Producers<br>\r\n        <em>Beyond the Value Chain<\/em>\r\n      <\/h2>\r\n      <p class=\"agb2-intro\">\r\n        India is an agriculture-dependent country, where millions of livelihoods are linked directly or indirectly to farming, weaving, craftsmanship, and small-scale production. Yet the real value created by producers rarely reaches them.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Ornamental divider -->\r\n    <div class=\"agb2-divider\">\r\n      <div class=\"agb2-divider-line\"><\/div>\r\n      <div class=\"agb2-divider-leaf\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 22c0 0-8-4.5-8-11a8 8 0 0 1 16 0c0 6.5-8 11-8 11z\"\/>\r\n          <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"11\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"agb2-divider-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Three cards -->\r\n    <div class=\"agb2-cards\">\r\n\r\n      <div class=\"agb2-card agb2-card-1\">\r\n        <span class=\"agb2-card-num\">01<\/span>\r\n        <div class=\"agb2-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n        <\/div>\r\n        <h3>The Gap in Value<\/h3>\r\n        <p>Producers create immense value through farming, weaving, and craftsmanship \u2014 yet the returns rarely flow back to those who generate it most.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agb2-card agb2-card-2\">\r\n        <span class=\"agb2-card-num\">02<\/span>\r\n        <div class=\"agb2-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><\/svg>\r\n        <\/div>\r\n        <h3>What We Do<\/h3>\r\n        <p>Agribium acts as a catalytic support system that strengthens pricing power, market access, institutional capacity, and long-term sustainability for producers and collectives.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agb2-card agb2-card-3\">\r\n        <span class=\"agb2-card-num\">03<\/span>\r\n        <div class=\"agb2-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Our Philosophy<\/h3>\r\n        <p>Like rhizobium enriches soil ecosystems, Agribium nurtures interconnected systems where producers grow with dignity, resilience, and long-term stability.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b8080e e-con-full e-flex e-con e-parent\" data-id=\"3b8080e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64a433a elementor-widget elementor-widget-html\" data-id=\"64a433a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM \u2014 CORE DIFFERENTIATORS | Elementor HTML Block -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .agd-section {\r\n    padding: 130px 48px;\r\n    background: #0f2217;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Outfit', sans-serif;\r\n  }\r\n\r\n  \/* Radial glow top-center *\/\r\n  .agd-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -120px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 700px;\r\n    height: 500px;\r\n    background: radial-gradient(ellipse, rgba(47,92,59,0.38) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Grid texture *\/\r\n  .agd-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .agd-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n  .agd-header {\r\n    text-align: center;\r\n    max-width: 680px;\r\n    margin: 0 auto 80px;\r\n  }\r\n\r\n \/* \u2500\u2500 PREMIUM TAGLINE \u2500\u2500 *\/\r\n\r\n.agb2-tagline{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:18px;\r\n  margin-bottom:32px;\r\n}\r\n\r\n.agb2-tag-line{\r\n  width:70px;\r\n  height:1.5px;\r\n  background:#2f5c3b;\r\n  opacity:0.8;\r\n}\r\n\r\n.agb2-tag-text{\r\n  font-size:14px;\r\n  font-weight:500;\r\n  letter-spacing:5px;\r\n  text-transform:uppercase;\r\n  color:#2f5c3b;\r\n  line-height:1;\r\n}\r\n\r\n\/* mobile *\/\r\n\r\n@media (max-width:620px){\r\n\r\n  .agb2-tagline{\r\n    gap:12px;\r\n    margin-bottom:24px;\r\n  }\r\n\r\n  .agb2-tag-line{\r\n    width:42px;\r\n  }\r\n\r\n  .agb2-tag-text{\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n  }\r\n\r\n}\r\n\r\n  .agd-headline {\r\n    font-family: 'DM Serif Display', serif!important;\r\n    font-size: 58px!important;\r\n    line-height: 1.06;\r\n    color: #ffffff!important;\r\n    margin: 0 0 20px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .agd-headline em {\r\n    font-style: italic;\r\n    color: #7ec99a;\r\n  }\r\n\r\n  .agd-subtext {\r\n    font-size: 17px;\r\n    color:#ffffff !important;\r\n    font-weight: 300;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n  .agd-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2px;\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n  .agd-card {\r\n    padding: 48px 42px;\r\n    background: rgba(255,255,255,0.03);\r\n    border-right: 1px solid rgba(255,255,255,0.07);\r\n    border-bottom: 1px solid rgba(255,255,255,0.07);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: background 0.35s ease;\r\n    cursor: default;\r\n  }\r\n\r\n  .agd-card:nth-child(3),\r\n  .agd-card:nth-child(6) { border-right: none; }\r\n\r\n  .agd-card:nth-child(4),\r\n  .agd-card:nth-child(5),\r\n  .agd-card:nth-child(6) { border-bottom: none; }\r\n\r\n  .agd-card:hover {\r\n    background: rgba(47,92,59,0.22);\r\n  }\r\n\r\n  \/* Hover corner accent *\/\r\n  .agd-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #7ec99a, transparent);\r\n    transition: width 0.4s cubic-bezier(0.22,1,0.36,1);\r\n    border-radius: 0 2px 2px 0;\r\n  }\r\n\r\n  .agd-card:hover::after {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Number *\/\r\n  .agd-num {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 11px;\r\n    letter-spacing: 3px;\r\n    color: rgba(126,201,154,0.45);\r\n    display: block;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  \/* Icon circle *\/\r\n  .agd-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(126,201,154,0.2);\r\n    background: rgba(126,201,154,0.08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 28px;\r\n    transition: background 0.35s ease, border-color 0.35s ease;\r\n  }\r\n\r\n  .agd-card:hover .agd-icon {\r\n    background: rgba(126,201,154,0.16);\r\n    border-color: rgba(126,201,154,0.4);\r\n  }\r\n\r\n  .agd-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: #7ec99a;\r\n    fill: none;\r\n    stroke-width: 1.6;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* Title *\/\r\n  .agd-card h3 {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 23px;\r\n    font-weight: 400;\r\n    color: #fff;\r\n    line-height: 1.2;\r\n    margin: 0 0 14px;\r\n  }\r\n\r\n  \/* Body *\/\r\n  .agd-card p {\r\n    font-size: 15.5px;\r\n    line-height: 1.85;\r\n    color: rgba(255,255,255,0.48);\r\n    font-weight: 300;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 BOTTOM ROW \u2500\u2500 *\/\r\n  .agd-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 32px;\r\n    margin-top: 56px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .agd-bottom-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 13px;\r\n    color: rgba(255,255,255,0.35);\r\n    font-weight: 400;\r\n  }\r\n\r\n  .agd-bottom-item::before {\r\n    content: '';\r\n    width: 4px;\r\n    height: 4px;\r\n    border-radius: 50%;\r\n    background: #7ec99a;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .agd-bottom-sep {\r\n    width: 1px;\r\n    height: 14px;\r\n    background: rgba(255,255,255,0.1);\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 980px) {\r\n    .agd-section { padding: 90px 28px; }\r\n    .agd-headline { font-size: 42px; }\r\n    .agd-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      border-radius: 22px;\r\n    }\r\n    .agd-card:nth-child(3) { border-right: 1px solid rgba(255,255,255,0.07); }\r\n    .agd-card:nth-child(2),\r\n    .agd-card:nth-child(4) { border-right: none; }\r\n    .agd-card:nth-child(4),\r\n    .agd-card:nth-child(5) { border-bottom: 1px solid rgba(255,255,255,0.07); }\r\n    .agd-card:nth-child(5),\r\n    .agd-card:nth-child(6) { border-bottom: none; }\r\n    .agd-card:nth-child(6) { border-right: none; }\r\n    .agd-header { margin-bottom: 56px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .agd-section { padding: 70px 18px; }\r\n    .agd-headline { font-size: 32px!important; }\r\n    .agd-subtext { font-size: 15px; }\r\n    .agd-grid {\r\n      grid-template-columns: 1fr;\r\n      border-radius: 18px;\r\n    }\r\n    .agd-card {\r\n      padding: 36px 30px;\r\n      border-right: none !important;\r\n    }\r\n    .agd-card:nth-child(n) { border-right: none; }\r\n    .agd-card:nth-child(4),\r\n    .agd-card:nth-child(5) { border-bottom: 1px solid rgba(255,255,255,0.07) !important; }\r\n    .agd-card:nth-child(6) { border-bottom: none !important; }\r\n    .agd-header { margin-bottom: 44px; }\r\n    .agd-bottom { gap: 16px; }\r\n    .agd-bottom-sep { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"agd-section\">\r\n  <div class=\"agd-inner\">\r\n\r\n    <!-- Header -->\r\n    <!-- Centred header -->\r\n<!-- Header -->\r\n<div class=\"agd-header\">\r\n\r\n  <div class=\"agb2-tagline\">\r\n    <span class=\"agb2-tag-line\"><\/span>\r\n    <span class=\"agb2-tag-text\">WHAT WE OFFER<\/span>\r\n    <span class=\"agb2-tag-line\"><\/span>\r\n  <\/div>\r\n\r\n  <h2 class=\"agd-headline\">\r\n    What Makes<br><em>Agribium<\/em> Different\r\n  <\/h2>\r\n\r\n  <p class=\"agd-subtext\">\r\n    Six principles that set us apart from conventional development models and consulting firms.\r\n  <\/p>\r\n\r\n<\/div>\r\n    <!-- 3\u00d72 Card Grid -->\r\n    <div class=\"agd-grid\">\r\n\r\n      <div class=\"agd-card\">\r\n        <span class=\"agd-num\">01<\/span>\r\n        <div class=\"agd-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Independent & Unbiased<\/h3>\r\n        <p>Decisions are made in the producer's best interest \u2014 not driven by donor agendas or short-term profit motives.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agd-card\">\r\n        <span class=\"agd-num\">02<\/span>\r\n        <div class=\"agd-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Implementation Focused<\/h3>\r\n        <p>Agribium works hands-on with communities instead of operating as a report-only consultancy.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agd-card\">\r\n        <span class=\"agd-num\">03<\/span>\r\n        <div class=\"agd-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Ecosystem Builder<\/h3>\r\n        <p>Strengthening producers, institutions, markets, and value addition as one connected system.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agd-card\">\r\n        <span class=\"agd-num\">04<\/span>\r\n        <div class=\"agd-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Dignity-Led Approach<\/h3>\r\n        <p>Producers are treated as partners and value creators \u2014 not beneficiaries.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agd-card\">\r\n        <span class=\"agd-num\">05<\/span>\r\n        <div class=\"agd-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Collective Power Focus<\/h3>\r\n        <p>Supporting collectives that improve resilience, pricing power, and long-term sustainability.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agd-card\">\r\n        <span class=\"agd-num\">06<\/span>\r\n        <div class=\"agd-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Surplus Reinvestment<\/h3>\r\n        <p>Value created flows back into education, health, environment, and community wellbeing.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n   <!-- <!-- Bottom meta row \r\n    <div class=\"agd-bottom\">\r\n      <span class=\"agd-bottom-item\">Producer-first always<\/span>\r\n      <div class=\"agd-bottom-sep\"><\/div>\r\n      <span class=\"agd-bottom-item\">No donor agenda<\/span>\r\n      <div class=\"agd-bottom-sep\"><\/div>\r\n      <span class=\"agd-bottom-item\">On-ground implementation<\/span>\r\n      <div class=\"agd-bottom-sep\"><\/div>\r\n      <span class=\"agd-bottom-item\">Dignity at the core<\/span>\r\n    <\/div> -->\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5be1fbe e-con-full e-flex e-con e-parent\" data-id=\"5be1fbe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ebcdb1 elementor-widget elementor-widget-html\" data-id=\"5ebcdb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM SERVICES SECTION \u2014 Elementor HTML Block -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .agri-svc * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  \/* \u2500\u2500\u2500 Section wrapper \u2500\u2500\u2500 *\/\r\n  .agri-svc {\r\n    padding: 110px 40px 120px;\r\n    background: #f8df9a;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  \/* subtle grain over yellow bg *\/\r\n  .agri-svc::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 160px;\r\n    opacity: 0.045;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* large decorative circle *\/\r\n  .agri-svc-circle {\r\n    position: absolute;\r\n    width: 560px; height: 560px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(21,94,52,0.08), transparent 70%);\r\n    top: -160px; right: -140px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n  .agri-svc-circle2 {\r\n    position: absolute;\r\n    width: 380px; height: 380px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(249,187,48,0.18), transparent 70%);\r\n    bottom: -100px; left: -80px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Section header \u2500\u2500\u2500 *\/\r\n  .agri-svc-header {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    max-width: 640px;\r\n    margin: 0 auto 64px;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n  .agri-svc-header.show {\r\n    opacity: 1; transform: translateY(0);\r\n  }\r\n  .agri-svc-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: #155e34;\r\n    margin-bottom: 16px;\r\n  }\r\n  .agri-svc-eyebrow span {\r\n    display: block;\r\n    width: 26px; height: 1px;\r\n    background: #155e34;\r\n  \r\n  }\r\n  .agri-svc-title {\r\n    font-family: 'Playfair Display', serif;\r\n   font-size: clamp(36px, 5vw, 34px)!important;\r\n    font-weight: 800;\r\n    \r\n     color: #ffffff !important;\r\n    line-height: 1.1;\r\n    margin-bottom: 18px;\r\n  }\r\n  .agri-svc-title em {\r\n    font-style: italic;\r\n    color: #ffffff !important;\r\n    font-size:30px;\r\n  }\r\n  .agri-svc-sub {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    color:  #ffffff !important;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Grid \u2500\u2500\u2500 *\/\r\n  .agri-svc-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Card \u2500\u2500\u2500 *\/\r\n  .agri-card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 2px 16px rgba(13,40,24,0.07);\r\n    opacity: 0;\r\n    transform: translateY(44px);\r\n    transition: opacity 0.8s cubic-bezier(.22,1,.36,1),\r\n                transform 0.8s cubic-bezier(.22,1,.36,1),\r\n                box-shadow 0.35s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .agri-card.show {\r\n    opacity: 1; transform: translateY(0);\r\n  }\r\n  .agri-card:hover {\r\n    box-shadow: 0 16px 48px rgba(13,40,24,0.14);\r\n    transform: translateY(-6px);\r\n  }\r\n\r\n  \/* Card image *\/\r\n  .agri-card-img {\r\n    position: relative;\r\n    height: 210px;\r\n    overflow: hidden;\r\n  }\r\n  .agri-card-img img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.7s cubic-bezier(.22,1,.36,1);\r\n    display: block;\r\n  }\r\n  .agri-card:hover .agri-card-img img {\r\n    transform: scale(1.07);\r\n  }\r\n  \/* image tint *\/\r\n  .agri-card-img::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to bottom, rgba(21,94,52,0.18) 0%, rgba(13,40,24,0.55) 100%);\r\n  }\r\n\r\n  \/* number badge *\/\r\n  .agri-card-num {\r\n    position: absolute;\r\n    top: 16px; left: 18px;\r\n    z-index: 2;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #f9bb30;\r\n    letter-spacing: 0.1em;\r\n    background: rgba(13,40,24,0.55);\r\n    backdrop-filter: blur(6px);\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* icon pill on image *\/\r\n  .agri-card-icon {\r\n    position: absolute;\r\n    bottom: -22px; right: 24px;\r\n    z-index: 3;\r\n    width: 48px; height: 48px;\r\n    background: #f9bb30;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 16px rgba(249,187,48,0.45);\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .agri-card:hover .agri-card-icon {\r\n    transform: rotate(8deg) scale(1.1);\r\n  }\r\n  .agri-card-icon svg {\r\n    width: 22px; height: 22px;\r\n    stroke: #0d2818;\r\n    stroke-width: 2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* Card body *\/\r\n  .agri-card-body {\r\n    padding: 36px 28px 30px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .agri-card-title {\r\n    font-family: 'Playfair Display', serif!important;\r\n    font-size: 36px!important;\r\n    font-weight: 700;\r\n    color: #155e34;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .agri-card-desc {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    color: rgba(13,40,24,0.6);\r\n    line-height: 1.65;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  \/* divider *\/\r\n  .agri-card-divider {\r\n    width: 36px; height: 2px;\r\n    background: #f9bb30;\r\n    border-radius: 2px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* tag pills *\/\r\n  .agri-card-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: auto;\r\n  }\r\n  .agri-tag {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.03em;\r\n    color: #155e34;\r\n    background: rgba(21,94,52,0.08);\r\n    border: 1px solid rgba(21,94,52,0.15);\r\n    padding: 5px 13px;\r\n    border-radius: 20px;\r\n    transition: background 0.2s, color 0.2s;\r\n  }\r\n  .agri-card:hover .agri-tag {\r\n    background: rgba(21,94,52,0.14);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Bottom CTA strip \u2500\u2500\u2500 *\/\r\n  .agri-svc-cta {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    margin-top: 60px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.9s ease 0.4s, transform 0.9s ease 0.4s;\r\n  }\r\n  .agri-svc-cta.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-svc-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 15px 36px;\r\n    background: #155e34;\r\n    color: #f8df9a;\r\n    border-radius: 4px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none;\r\n    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\r\n    box-shadow: 0 4px 20px rgba(21,94,52,0.25);\r\n  }\r\n  .agri-svc-btn:hover {\r\n    background: #0d2818;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 28px rgba(21,94,52,0.35);\r\n  }\r\n  .agri-svc-btn svg {\r\n    width: 16px; height: 16px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n  @media (max-width: 960px) {\r\n    .agri-svc-grid { grid-template-columns: 1fr 1fr; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .agri-svc { padding: 80px 20px 90px; }\r\n    .agri-svc-grid { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"agri-svc\">\r\n  <div class=\"agri-svc-circle\"><\/div>\r\n  <div class=\"agri-svc-circle2\"><\/div>\r\n\r\n  <!-- Header -->\r\n  <div class=\"agri-svc-header\" id=\"agriSvcHeader\">\r\n    <div class=\"agri-svc-eyebrow\">\r\n      <span><\/span> What We Offer <span><\/span>\r\n    <\/div>\r\n    <h2 class=\"agri-svc-title\">Our <em>Core Services<\/em><\/h2>\r\n    <p class=\"agri-svc-sub\">From the drawing board to the marketplace \u2014 we walk with communities at every stage of building a resilient livelihood.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Cards -->\r\n  <div class=\"agri-svc-grid\">\r\n\r\n    <!-- Card 1: Planning & Design -->\r\n    <div class=\"agri-card\" data-delay=\"0\">\r\n      <div class=\"agri-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574943320219-553eb213f72d?w=800&q=80\" alt=\"Planning and Design\" loading=\"lazy\">\r\n        <div class=\"agri-card-num\">01<\/div>\r\n        <div class=\"agri-card-icon\">\r\n          <!-- pencil-ruler icon -->\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"agri-card-body\">\r\n        <h3 class=\"agri-card-title\">Planning & Design<\/h3>\r\n        <p class=\"agri-card-desc\">Agribium designs practical, evidence-based interventions that translate vision into actionable roadmaps for sustainable growth.<\/p>\r\n        <div class=\"agri-card-divider\"><\/div>\r\n        <div class=\"agri-card-tags\">\r\n          <span class=\"agri-tag\">Business Plans<\/span>\r\n          <span class=\"agri-tag\">DPRs<\/span>\r\n          <span class=\"agri-tag\">Program Design<\/span>\r\n          <span class=\"agri-tag\">Value Chains<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Implementation -->\r\n    <div class=\"agri-card\" data-delay=\"150\">\r\n      <div class=\"agri-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464226184884-fa280b87c399?w=800&q=80\" alt=\"Implementation\" loading=\"lazy\">\r\n        <div class=\"agri-card-num\">02<\/div>\r\n        <div class=\"agri-card-icon\">\r\n          <!-- settings \/ gear icon -->\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"agri-card-body\">\r\n        <h3 class=\"agri-card-title\">Implementation<\/h3>\r\n        <p class=\"agri-card-desc\">We build systems that work on the ground \u2014 strengthening institutions, developing enterprises, and embedding lasting governance structures.<\/p>\r\n        <div class=\"agri-card-divider\"><\/div>\r\n        <div class=\"agri-card-tags\">\r\n          <span class=\"agri-tag\">FPO Strengthening<\/span>\r\n          <span class=\"agri-tag\">Enterprise Setup<\/span>\r\n          <span class=\"agri-tag\">Capacity Building<\/span>\r\n          <span class=\"agri-tag\">Governance<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Market Linkages -->\r\n    <div class=\"agri-card\" data-delay=\"300\">\r\n      <div class=\"agri-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488459716781-31db52582fe9?w=800&q=80\" alt=\"Market Linkages\" loading=\"lazy\">\r\n        <div class=\"agri-card-num\">03<\/div>\r\n        <div class=\"agri-card-icon\">\r\n          <!-- link \/ chain icon -->\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"agri-card-body\">\r\n        <h3 class=\"agri-card-title\">Market Linkages<\/h3>\r\n        <p class=\"agri-card-desc\">Connecting farmers and enterprises to real markets through smart buyer linkages, strategic pricing, and brand development.<\/p>\r\n        <div class=\"agri-card-divider\"><\/div>\r\n        <div class=\"agri-card-tags\">\r\n          <span class=\"agri-tag\">Buyer Linkages<\/span>\r\n          <span class=\"agri-tag\">Pricing Strategy<\/span>\r\n          <span class=\"agri-tag\">Branding<\/span>\r\n          <span class=\"agri-tag\">Partnerships<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- CTA -->\r\n  <div class=\"agri-svc-cta\" id=\"agriSvcCta\">\r\n    <a href=\"#\" class=\"agri-svc-btn\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      View All Services\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \/\/ Header\r\n  var header = document.getElementById('agriSvcHeader');\r\n  new IntersectionObserver(function(entries) {\r\n    if (entries[0].isIntersecting) header.classList.add('show');\r\n  }, { threshold: 0.2 }).observe(header);\r\n\r\n  \/\/ Cards with staggered delay\r\n  document.querySelectorAll('.agri-card').forEach(function(card) {\r\n    var delay = parseInt(card.getAttribute('data-delay')) || 0;\r\n    new IntersectionObserver(function(entries) {\r\n      if (entries[0].isIntersecting) {\r\n        setTimeout(function() { card.classList.add('show'); }, delay);\r\n      }\r\n    }, { threshold: 0.15 }).observe(card);\r\n  });\r\n\r\n  \/\/ CTA\r\n  var cta = document.getElementById('agriSvcCta');\r\n  new IntersectionObserver(function(entries) {\r\n    if (entries[0].isIntersecting) cta.classList.add('show');\r\n  }, { threshold: 0.3 }).observe(cta);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-880c911 e-con-full e-flex e-con e-parent\" data-id=\"880c911\" data-element_type=\"container\" data-e-type=\"container\" id=\"1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01c6498 elementor-widget elementor-widget-html\" data-id=\"01c6498\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM OUTCOMES SECTION \u2014 Elementor HTML Block -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .agri-out * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  \/* \u2500\u2500\u2500 Section \u2500\u2500\u2500 *\/\r\n  .agri-out {\r\n    position: relative;\r\n    padding: 120px 40px 130px;\r\n    background: #155e34;\r\n    overflow: hidden;\r\n    font-family: 'DM Sans', sans-serif;\r\n    color: #fff;\r\n  }\r\n\r\n  .agri-out-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1625246333195-78d9c38ad449?w=1800&q=80');\r\n    background-size: cover;\r\n    background-position: center 40%;\r\n    opacity: 0.10;\r\n    z-index: 0;\r\n  }\r\n\r\n  .agri-out-grain {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 160px;\r\n    opacity: 0.04;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .agri-out-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n  .agri-out-orb-1 {\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(249,187,48,0.15), transparent 70%);\r\n    top: -160px; left: -100px;\r\n  }\r\n  .agri-out-orb-2 {\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(168,213,186,0.12), transparent 70%);\r\n    bottom: -100px; right: -80px;\r\n  }\r\n\r\n  .agri-out-midline {\r\n    position: absolute;\r\n    left: 0; right: 0;\r\n    top: 50%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(249,187,48,0.15) 20%, rgba(249,187,48,0.15) 80%, transparent);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .agri-out-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Header \u2500\u2500\u2500 *\/\r\n  .agri-out-header {\r\n    text-align: center;\r\n    max-width: 680px;\r\n    margin: 0 auto 72px;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n  .agri-out-header.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-out-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: #f9bb30;\r\n    margin-bottom: 18px;\r\n  }\r\n  .agri-out-eyebrow span {\r\n    display: block;\r\n    width: 26px; height: 1px;\r\n    background: #f9bb30;\r\n  }\r\n\r\n  .agri-out-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 5vw, 34px)!important;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    color: #ffffff !important;\r\n    margin-bottom: 20px;\r\n  }\r\n  .agri-out-title em {\r\n    font-style: italic;\r\n    color: #ffffff !important;\r\n    font-size: 40px;\r\n  }\r\n\r\n  .agri-out-desc {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    line-height: 1.75;\r\n    color: rgba(255,255,255,0.6);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Grid \u2500\u2500\u2500 *\/\r\n  .agri-out-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Card \u2500\u2500\u2500 *\/\r\n  .agri-out-card {\r\n    position: relative;\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    border-radius: 20px;\r\n    padding: 36px 28px 32px;\r\n    text-align: left;\r\n    overflow: hidden;\r\n    cursor: default;\r\n    opacity: 0;\r\n    transform: translateY(44px);\r\n    transition:\r\n      opacity 0.8s cubic-bezier(.22,1,.36,1),\r\n      transform 0.8s cubic-bezier(.22,1,.36,1),\r\n      background 0.35s ease,\r\n      border-color 0.35s ease,\r\n      box-shadow 0.35s ease;\r\n  }\r\n  .agri-out-card.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-out-card:hover {\r\n    background: #f9bb30;\r\n    border-color: transparent;\r\n    box-shadow: 0 20px 56px rgba(249,187,48,0.30);\r\n    transform: translateY(-8px);\r\n  }\r\n  .agri-out-card:hover .agri-out-card-icon { background: #155e34; }\r\n  .agri-out-card:hover .agri-out-card-icon svg { stroke: #f9bb30; }\r\n  .agri-out-card:hover .agri-out-card-title { color: #0d2818; }\r\n  .agri-out-card:hover .agri-out-card-text  { color: rgba(13,40,24,0.7); }\r\n  .agri-out-card:hover .agri-out-card-num   { color: rgba(13,40,24,0.18); }\r\n  .agri-out-card:hover .agri-out-card-bar   { background: rgba(13,40,24,0.2); }\r\n\r\n  .agri-out-card-num {\r\n    position: absolute;\r\n    top: 18px; right: 22px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 42px;\r\n    font-weight: 800;\r\n    color: rgba(255,255,255,0.07);\r\n    line-height: 1;\r\n    transition: color 0.35s ease;\r\n    user-select: none;\r\n  }\r\n\r\n  .agri-out-card-icon {\r\n    width: 52px; height: 52px;\r\n    border-radius: 14px;\r\n    background: rgba(249,187,48,0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    transition: background 0.35s ease;\r\n  }\r\n  .agri-out-card-icon svg {\r\n    width: 24px; height: 24px;\r\n    stroke: #f9bb30;\r\n    stroke-width: 1.8;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: stroke 0.35s ease;\r\n  }\r\n\r\n  .agri-out-card-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n    line-height: 1.25;\r\n    transition: color 0.35s ease;\r\n  }\r\n\r\n  .agri-out-card-text {\r\n    font-size: 13.5px;\r\n    font-weight: 300;\r\n    line-height: 1.65;\r\n    color: rgba(255,255,255,0.55);\r\n    margin-bottom: 24px;\r\n    transition: color 0.35s ease;\r\n  }\r\n\r\n  .agri-out-card-bar {\r\n    height: 2px;\r\n    width: 32px;\r\n    background: rgba(249,187,48,0.45);\r\n    border-radius: 2px;\r\n    transition: background 0.35s ease, width 0.35s ease;\r\n  }\r\n  .agri-out-card:hover .agri-out-card-bar { width: 52px; }\r\n\r\n  \/* \u2500\u2500\u2500 Section divider \u2500\u2500\u2500 *\/\r\n  .agri-out-divider {\r\n    position: relative;\r\n    z-index: 2;\r\n    border: none;\r\n    border-top: 1px solid rgba(255,255,255,0.1);\r\n    margin: 72px 0 0;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Videos Section \u2500\u2500\u2500 *\/\r\n  .agri-videos {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding-top: 72px;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n  .agri-videos.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-section-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .agri-videos-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .agri-video-card {\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n  .agri-video-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 48px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  .agri-video-embed {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-top: 56.25%; \/* 16:9 *\/\r\n  }\r\n  .agri-video-embed iframe {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n    display: block;\r\n  }\r\n\r\n  .agri-video-info {\r\n    padding: 18px 20px 20px;\r\n  }\r\n  .agri-video-tag {\r\n    display: inline-block;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: #f9bb30;\r\n    background: rgba(249,187,48,0.12);\r\n    padding: 4px 10px;\r\n    border-radius: 30px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .agri-video-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    line-height: 1.35;\r\n    margin-bottom: 8px;\r\n  }\r\n  .agri-video-desc {\r\n    font-size: 13px;\r\n    font-weight: 300;\r\n    color: rgba(255,255,255,0.5);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Testimonials Section \u2500\u2500\u2500 *\/\r\n  .agri-testimonials {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding-top: 72px;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n  .agri-testimonials.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-testi-track-wrap {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .agri-testi-track {\r\n    display: flex;\r\n    gap: 24px;\r\n    transition: transform 0.55s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .agri-testi-card {\r\n    flex: 0 0 calc(33.333% - 16px);\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    border-radius: 20px;\r\n    padding: 32px 28px 28px;\r\n    position: relative;\r\n    transition: background 0.3s ease, border-color 0.3s ease;\r\n  }\r\n  .agri-testi-card:hover {\r\n    background: rgba(255,255,255,0.09);\r\n    border-color: rgba(249,187,48,0.25);\r\n  }\r\n\r\n  .agri-testi-stars {\r\n    display: flex;\r\n    gap: 4px;\r\n    margin-bottom: 18px;\r\n  }\r\n  .agri-testi-star {\r\n    width: 14px; height: 14px;\r\n    fill: #f9bb30;\r\n  }\r\n\r\n  .agri-testi-text {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n    color: rgba(255,255,255,0.8);\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .agri-testi-author {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .agri-testi-avatar {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    flex-shrink: 0;\r\n    color: #155e34;\r\n    background: #f9bb30;\r\n  }\r\n\r\n  .agri-testi-name {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #fff;\r\n    margin-bottom: 3px;\r\n  }\r\n  .agri-testi-role {\r\n    font-size: 12px;\r\n    font-weight: 300;\r\n    color: rgba(255,255,255,0.45);\r\n  }\r\n\r\n  \/* Carousel controls *\/\r\n  .agri-testi-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  .agri-testi-btn {\r\n    width: 44px; height: 44px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    background: transparent;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: background 0.25s ease, border-color 0.25s ease;\r\n  }\r\n  .agri-testi-btn:hover {\r\n    background: #f9bb30;\r\n    border-color: #f9bb30;\r\n    color: #155e34;\r\n  }\r\n  .agri-testi-btn svg {\r\n    width: 18px; height: 18px;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .agri-testi-dots {\r\n    display: flex;\r\n    gap: 8px;\r\n  }\r\n  .agri-testi-dot {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.2);\r\n    cursor: pointer;\r\n    transition: background 0.25s ease, transform 0.25s ease;\r\n  }\r\n  .agri-testi-dot.active {\r\n    background: #f9bb30;\r\n    transform: scale(1.3);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Bottom quote strip \u2500\u2500\u2500 *\/\r\n  .agri-out-quote {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    margin-top: 72px;\r\n    padding-top: 56px;\r\n    border-top: 1px solid rgba(255,255,255,0.1);\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.9s ease 0.3s, transform 0.9s ease 0.3s;\r\n  }\r\n  .agri-out-quote.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-out-quote-mark {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 72px;\r\n    line-height: 0.6;\r\n    color: rgba(249,187,48,0.3);\r\n    display: block;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .agri-out-quote-text {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-size: clamp(18px, 2.5vw, 26px);\r\n    font-weight: 700;\r\n    color: rgba(255,255,255,0.85);\r\n    max-width: 700px;\r\n    margin: 0 auto 18px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .agri-out-quote-attr {\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.35);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n  @media (max-width: 1024px) {\r\n    .agri-out-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .agri-videos-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .agri-testi-card { flex: 0 0 calc(50% - 12px); }\r\n  }\r\n  @media (max-width: 680px) {\r\n    .agri-out { padding: 72px 20px 80px; }\r\n    .agri-out-grid { grid-template-columns: 1fr; }\r\n    .agri-videos-grid { grid-template-columns: 1fr; }\r\n    .agri-testi-card { flex: 0 0 100%; }\r\n    .agri-out-title em { font-size: 32px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"agri-out\">\r\n  <div class=\"agri-out-bg\"><\/div>\r\n  <div class=\"agri-out-grain\"><\/div>\r\n  <div class=\"agri-out-orb agri-out-orb-1\"><\/div>\r\n  <div class=\"agri-out-orb agri-out-orb-2\"><\/div>\r\n  <div class=\"agri-out-midline\"><\/div>\r\n\r\n  <div class=\"agri-out-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"agri-out-header\" id=\"agriOutHeader\">\r\n      <div class=\"agri-out-eyebrow\">\r\n        <span><\/span> Impact & Outcomes <span><\/span>\r\n      <\/div>\r\n      <h2 class=\"agri-out-title\">What This <em>Leads To<\/em><\/h2>\r\n      <p class=\"agri-out-desc\">Every engagement we undertake is designed to produce lasting, measurable change \u2014 from the ground up.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Outcomes Grid -->\r\n    <div class=\"agri-out-grid\">\r\n      <div class=\"agri-out-card\" data-delay=\"0\">\r\n        <div class=\"agri-out-card-num\">01<\/div>\r\n        <div class=\"agri-out-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-out-card-title\">Strong Institutions<\/div>\r\n        <div class=\"agri-out-card-text\">FPOs, cooperatives and community enterprises built on solid governance, trust, and long-term operational capacity.<\/div>\r\n        <div class=\"agri-out-card-bar\"><\/div>\r\n      <\/div>\r\n      <div class=\"agri-out-card\" data-delay=\"120\">\r\n        <div class=\"agri-out-card-num\">02<\/div>\r\n        <div class=\"agri-out-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-out-card-title\">Sustainable Enterprises<\/div>\r\n        <div class=\"agri-out-card-text\">Viable agri-enterprises that generate steady returns, reinvest in communities, and grow without external dependency.<\/div>\r\n        <div class=\"agri-out-card-bar\"><\/div>\r\n      <\/div>\r\n      <div class=\"agri-out-card\" data-delay=\"240\">\r\n        <div class=\"agri-out-card-num\">03<\/div>\r\n        <div class=\"agri-out-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-out-card-title\">Better Price Realisation<\/div>\r\n        <div class=\"agri-out-card-text\">Farmers access fairer markets, reduce intermediary losses, and negotiate with data-backed confidence and collective leverage.<\/div>\r\n        <div class=\"agri-out-card-bar\"><\/div>\r\n      <\/div>\r\n      <div class=\"agri-out-card\" data-delay=\"360\">\r\n        <div class=\"agri-out-card-num\">04<\/div>\r\n        <div class=\"agri-out-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-out-card-title\">Income Stability<\/div>\r\n        <div class=\"agri-out-card-text\">Diversified income streams and resilient supply chains that protect rural households from seasonal and market shocks.<\/div>\r\n        <div class=\"agri-out-card-bar\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Divider -->\r\n    <hr class=\"agri-out-divider\">\r\n\r\n    <!-- \u2500\u2500\u2500 Videos Section \u2500\u2500\u2500 -->\r\n    <div class=\"agri-videos\" id=\"agriVideos\">\r\n      <div class=\"agri-section-header\">\r\n        <div class=\"agri-out-eyebrow\">\r\n          <span><\/span> Stories from the Field <span><\/span>\r\n        <\/div>\r\n        <h2 class=\"agri-out-title\">See the <em>Impact<\/em><\/h2>\r\n        <p class=\"agri-out-desc\">Watch how Agribium's work is transforming farming communities across India.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agri-videos-grid\">\r\n\r\n        <!-- Video 1 \u2014 replace VIDEO_ID_1 with your actual YouTube video ID -->\r\n        <div class=\"agri-video-card\">\r\n          <div class=\"agri-video-embed\">\r\n            <iframe\r\n              src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ?rel=0&modestbranding=1\"\r\n              title=\"FPO Success Story \u2014 Vidarbha Farmers Collective\"\r\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n              allowfullscreen\r\n              loading=\"lazy\">\r\n            <\/iframe>\r\n          <\/div>\r\n          <div class=\"agri-video-info\">\r\n            <div class=\"agri-video-tag\">FPO Stories<\/div>\r\n            <div class=\"agri-video-title\">How a 400-Farmer Collective Tripled Their Income<\/div>\r\n            <div class=\"agri-video-desc\">The Vidarbha Cotton FPO shares how collective bargaining changed everything for their members.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Video 2 \u2014 replace VIDEO_ID_2 -->\r\n        <div class=\"agri-video-card\">\r\n          <div class=\"agri-video-embed\">\r\n            <iframe\r\n              src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ?rel=0&modestbranding=1\"\r\n              title=\"Market Linkages \u2014 From Farm to Fair Price\"\r\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n              allowfullscreen\r\n              loading=\"lazy\">\r\n            <\/iframe>\r\n          <\/div>\r\n          <div class=\"agri-video-info\">\r\n            <div class=\"agri-video-tag\">Market Access<\/div>\r\n            <div class=\"agri-video-title\">Direct Market Linkages \u2014 Cutting Out the Middleman<\/div>\r\n            <div class=\"agri-video-desc\">A deep dive into how Agribium connects smallholder farmers directly to institutional buyers.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Video 3 \u2014 replace VIDEO_ID_3 -->\r\n        <div class=\"agri-video-card\">\r\n          <div class=\"agri-video-embed\">\r\n            <iframe\r\n              src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ?rel=0&modestbranding=1\"\r\n              title=\"Cooperative Governance Training\"\r\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n              allowfullscreen\r\n              loading=\"lazy\">\r\n            <\/iframe>\r\n          <\/div>\r\n          <div class=\"agri-video-info\">\r\n            <div class=\"agri-video-tag\">Training & Capacity<\/div>\r\n            <div class=\"agri-video-title\">Building Leaders Inside Rural Cooperatives<\/div>\r\n            <div class=\"agri-video-desc\">Our governance training program has certified over 1,200 farmer-leaders across five states.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Divider -->\r\n    <hr class=\"agri-out-divider\" style=\"margin-top:72px;\">\r\n\r\n    <!-- \u2500\u2500\u2500 Testimonials Section \u2500\u2500\u2500 -->\r\n    <div class=\"agri-testimonials\" id=\"agriTestimonials\">\r\n      <div class=\"agri-section-header\">\r\n        <div class=\"agri-out-eyebrow\">\r\n          <span><\/span> Farmer Voices <span><\/span>\r\n        <\/div>\r\n        <h2 class=\"agri-out-title\">Heard from the <em>Ground<\/em><\/h2>\r\n        <p class=\"agri-out-desc\">Real words from the farmers, leaders, and communities we work alongside.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"agri-testi-track-wrap\">\r\n        <div class=\"agri-testi-track\" id=\"agriTestiTrack\">\r\n\r\n          <!-- Testimonial 1 -->\r\n          <div class=\"agri-testi-card\">\r\n            <div class=\"agri-testi-stars\">\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"agri-testi-text\">\"Before Agribium came to our village, we had no idea how to negotiate prices. Now our FPO sells directly to exporters. My income has increased by almost 60% in two seasons.\"<\/p>\r\n            <div class=\"agri-testi-author\">\r\n              <div class=\"agri-testi-avatar\">RK<\/div>\r\n              <div>\r\n                <div class=\"agri-testi-name\">Ravi Kumar<\/div>\r\n                <div class=\"agri-testi-role\">Soybean Farmer, Madhya Pradesh<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Testimonial 2 -->\r\n          <div class=\"agri-testi-card\">\r\n            <div class=\"agri-testi-stars\">\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"agri-testi-text\">\"The governance training Agribium provided gave us the tools to run our cooperative professionally. For the first time, our women members hold board positions. It has changed the culture of our entire community.\"<\/p>\r\n            <div class=\"agri-testi-author\">\r\n              <div class=\"agri-testi-avatar\">SL<\/div>\r\n              <div>\r\n                <div class=\"agri-testi-name\">Sunita Lokhande<\/div>\r\n                <div class=\"agri-testi-role\">Chairperson, Nashik Women's Grape FPO<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Testimonial 3 -->\r\n          <div class=\"agri-testi-card\">\r\n            <div class=\"agri-testi-stars\">\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"agri-testi-text\">\"We used to lose 30% of our produce to spoilage because we had no cold chain access. Agribium helped us set up a shared facility. Last year we exported pulses to three countries. That was unthinkable before.\"<\/p>\r\n            <div class=\"agri-testi-author\">\r\n              <div class=\"agri-testi-avatar\">AM<\/div>\r\n              <div>\r\n                <div class=\"agri-testi-name\">Arjun Meena<\/div>\r\n                <div class=\"agri-testi-role\">CEO, Rajasthan Pulse Growers Cooperative<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Testimonial 4 -->\r\n          <div class=\"agri-testi-card\">\r\n            <div class=\"agri-testi-stars\">\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"agri-testi-text\">\"What surprised me most was that Agribium didn't just come and leave. They stayed with us for two full seasons, helped us fix our accounts, train our staff. They treated us like partners, not beneficiaries.\"<\/p>\r\n            <div class=\"agri-testi-author\">\r\n              <div class=\"agri-testi-avatar\">PD<\/div>\r\n              <div>\r\n                <div class=\"agri-testi-name\">Priya Desai<\/div>\r\n                <div class=\"agri-testi-role\">Secretary, Gujarat Groundnut FPO<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Testimonial 5 -->\r\n          <div class=\"agri-testi-card\">\r\n            <div class=\"agri-testi-stars\">\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"agri-testi-text\">\"I was skeptical when they said we could get bank credit as a collective. But Agribium guided our FPO through the entire process. We got a \u20b940 lakh loan in four months. It changed what we thought was possible.\"<\/p>\r\n            <div class=\"agri-testi-author\">\r\n              <div class=\"agri-testi-avatar\">MN<\/div>\r\n              <div>\r\n                <div class=\"agri-testi-name\">Mohan Nair<\/div>\r\n                <div class=\"agri-testi-role\">Treasurer, Kerala Spice Growers FPO<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Testimonial 6 -->\r\n          <div class=\"agri-testi-card\">\r\n            <div class=\"agri-testi-stars\">\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n              <svg class=\"agri-testi-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"agri-testi-text\">\"Agribium's digital record-keeping training transformed how we manage our accounts. Our members now trust the cooperative completely because everything is transparent and documented. That trust is our biggest asset.\"<\/p>\r\n            <div class=\"agri-testi-author\">\r\n              <div class=\"agri-testi-avatar\">VR<\/div>\r\n              <div>\r\n                <div class=\"agri-testi-name\">Venkatesh Reddy<\/div>\r\n                <div class=\"agri-testi-role\">Board Member, Andhra Rice Producers FPO<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Controls -->\r\n      <div class=\"agri-testi-controls\">\r\n        <button class=\"agri-testi-btn\" id=\"agriPrevBtn\" aria-label=\"Previous\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"agri-testi-dots\" id=\"agriDots\"><\/div>\r\n        <button class=\"agri-testi-btn\" id=\"agriNextBtn\" aria-label=\"Next\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Quote strip -->\r\n    <div class=\"agri-out-quote\" id=\"agriOutQuote\">\r\n      <span class=\"agri-out-quote-mark\">\"<\/span>\r\n      <p class=\"agri-out-quote-text\">When communities own their value chains, prosperity is no longer a promise \u2014 it's a process.<\/p>\r\n      <p class=\"agri-out-quote-attr\">\u2014 Agribium Mission Statement<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/* \u2500\u2500 Intersection observers \u2500\u2500 *\/\r\n  function reveal(el, threshold) {\r\n    new IntersectionObserver(function(e) {\r\n      if (e[0].isIntersecting) el.classList.add('show');\r\n    }, { threshold: threshold || 0.15 }).observe(el);\r\n  }\r\n\r\n  reveal(document.getElementById('agriOutHeader'), 0.2);\r\n  reveal(document.getElementById('agriVideos'), 0.1);\r\n  reveal(document.getElementById('agriTestimonials'), 0.1);\r\n  reveal(document.getElementById('agriOutQuote'), 0.3);\r\n\r\n  document.querySelectorAll('.agri-out-card').forEach(function(card) {\r\n    var delay = parseInt(card.getAttribute('data-delay')) || 0;\r\n    new IntersectionObserver(function(e) {\r\n      if (e[0].isIntersecting) {\r\n        setTimeout(function() { card.classList.add('show'); }, delay);\r\n      }\r\n    }, { threshold: 0.15 }).observe(card);\r\n  });\r\n\r\n  \/* \u2500\u2500 Testimonials carousel \u2500\u2500 *\/\r\n  var track      = document.getElementById('agriTestiTrack');\r\n  var dotsWrap   = document.getElementById('agriDots');\r\n  var prevBtn    = document.getElementById('agriPrevBtn');\r\n  var nextBtn    = document.getElementById('agriNextBtn');\r\n  var cards      = track.querySelectorAll('.agri-testi-card');\r\n  var current    = 0;\r\n\r\n  function getVisible() {\r\n    var w = track.parentElement.offsetWidth;\r\n    if (w < 560)  return 1;\r\n    if (w < 900)  return 2;\r\n    return 3;\r\n  }\r\n\r\n  function totalPages() {\r\n    return Math.ceil(cards.length \/ getVisible());\r\n  }\r\n\r\n  function buildDots() {\r\n    dotsWrap.innerHTML = '';\r\n    var n = totalPages();\r\n    for (var i = 0; i < n; i++) {\r\n      var d = document.createElement('div');\r\n      d.className = 'agri-testi-dot' + (i === current ? ' active' : '');\r\n      (function(idx) {\r\n        d.addEventListener('click', function() { goTo(idx); });\r\n      })(i);\r\n      dotsWrap.appendChild(d);\r\n    }\r\n  }\r\n\r\n  function goTo(idx) {\r\n    var n = totalPages();\r\n    current = Math.max(0, Math.min(idx, n - 1));\r\n    var vis = getVisible();\r\n    var cardW = cards[0].offsetWidth + 24; \/* width + gap *\/\r\n    track.style.transform = 'translateX(-' + (current * vis * cardW) + 'px)';\r\n    dotsWrap.querySelectorAll('.agri-testi-dot').forEach(function(d, i) {\r\n      d.classList.toggle('active', i === current);\r\n    });\r\n  }\r\n\r\n  prevBtn.addEventListener('click', function() { goTo(current - 1); });\r\n  nextBtn.addEventListener('click', function() { goTo(current + 1); });\r\n\r\n  buildDots();\r\n\r\n  \/* Rebuild on resize *\/\r\n  var resizeTimer;\r\n  window.addEventListener('resize', function() {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(function() {\r\n      current = 0;\r\n      buildDots();\r\n      goTo(0);\r\n    }, 200);\r\n  });\r\n\r\n  \/* Auto-advance every 6s *\/\r\n  setInterval(function() {\r\n    var next = (current + 1) % totalPages();\r\n    goTo(next);\r\n  }, 6000);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7de62e e-con-full e-flex e-con e-parent\" data-id=\"b7de62e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6abddb3 elementor-widget elementor-widget-html\" data-id=\"6abddb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM \u2014 WHO THIS IS FOR \u2014 Elementor HTML Block -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .agri-who * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  \/* \u2500\u2500\u2500 Section \u2500\u2500\u2500 *\/\r\n  .agri-who {\r\n    position: relative;\r\n    padding: 120px 40px 130px;\r\n    background: #f9bb30;\r\n    overflow: hidden;\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  \/* Grain texture *\/\r\n  .agri-who::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 160px;\r\n    opacity: 0.05;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Decorative orbs *\/\r\n  .agri-who-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(90px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n  .agri-who-orb-1 {\r\n    width: 480px; height: 480px;\r\n    background: radial-gradient(circle, rgba(21,94,52,0.15), transparent 70%);\r\n    top: -140px; right: -100px;\r\n  }\r\n  .agri-who-orb-2 {\r\n    width: 340px; height: 340px;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.25), transparent 70%);\r\n    bottom: -80px; left: -60px;\r\n  }\r\n\r\n  \/* Decorative arc lines *\/\r\n  .agri-who-arc {\r\n    position: absolute;\r\n    z-index: 0;\r\n    opacity: 0.07;\r\n    pointer-events: none;\r\n  }\r\n  .agri-who-arc-tl {\r\n    top: -60px; left: -60px;\r\n    width: 340px; height: 340px;\r\n    border: 1.5px solid #155e34;\r\n    border-radius: 50%;\r\n  }\r\n  .agri-who-arc-br {\r\n    bottom: -80px; right: -80px;\r\n    width: 260px; height: 260px;\r\n    border: 1.5px solid #155e34;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Inner \u2500\u2500\u2500 *\/\r\n  .agri-who-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Header \u2500\u2500\u2500 *\/\r\n  .agri-who-header {\r\n    text-align: center;\r\n    max-width: 620px;\r\n    margin: 0 auto 72px;\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n  .agri-who-header.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-who-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: #155e34;\r\n    margin-bottom: 18px;\r\n  }\r\n  .agri-who-eyebrow span {\r\n    display: block;\r\n    width: 26px; height: 1.5px;\r\n    background: #155e34;\r\n  }\r\n\r\n  .agri-who-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 5vw, 34px)!important;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    color: #ffffff!important;\r\n    margin-bottom: 18px;\r\n  }\r\n  .agri-who-title em {\r\n    font-style: italic;\r\n    color: #fffffff!important;\r\n  }\r\n\r\n  .agri-who-sub {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    line-height: 1.72;\r\n    color:#ffffff\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Grid \u2500\u2500\u2500 *\/\r\n  .agri-who-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Card \u2500\u2500\u2500 *\/\r\n  .agri-who-card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    padding: 36px 24px 32px;\r\n    text-align: left;\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: default;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition:\r\n      opacity 0.8s cubic-bezier(.22,1,.36,1),\r\n      transform 0.8s cubic-bezier(.22,1,.36,1),\r\n      box-shadow 0.35s ease,\r\n      background 0.35s ease;\r\n    box-shadow: 0 2px 18px rgba(13,40,24,0.07);\r\n  }\r\n  .agri-who-card.show { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* hover *\/\r\n  .agri-who-card:hover {\r\n    background: #155e34;\r\n    box-shadow: 0 20px 52px rgba(21,94,52,0.28);\r\n    transform: translateY(-8px);\r\n  }\r\n  .agri-who-card:hover .agri-who-card-icon  { background: rgba(249,187,48,0.18); }\r\n  .agri-who-card:hover .agri-who-card-icon svg { stroke: #f9bb30; }\r\n  .agri-who-card:hover .agri-who-card-num   { color: rgba(255,255,255,0.07); }\r\n  .agri-who-card:hover .agri-who-card-label { color: #fff; }\r\n  .agri-who-card:hover .agri-who-card-desc  { color: rgba(255,255,255,0.6); }\r\n  .agri-who-card:hover .agri-who-card-bar   { background: #f9bb30; width: 52px; }\r\n  .agri-who-card:hover .agri-who-card-tag   {\r\n    background: rgba(249,187,48,0.15);\r\n    border-color: rgba(249,187,48,0.3);\r\n    color: #f9bb30;\r\n  }\r\n\r\n  \/* ghost number *\/\r\n  .agri-who-card-num {\r\n    position: absolute;\r\n    top: 14px; right: 18px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 40px;\r\n    font-weight: 800;\r\n    color: rgba(13,40,24,0.06);\r\n    line-height: 1;\r\n    user-select: none;\r\n    transition: color 0.35s ease;\r\n  }\r\n\r\n  \/* icon *\/\r\n  .agri-who-card-icon {\r\n    width: 52px; height: 52px;\r\n    border-radius: 14px;\r\n    background: rgba(21,94,52,0.08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n    transition: background 0.35s ease;\r\n  }\r\n  .agri-who-card-icon svg {\r\n    width: 24px; height: 24px;\r\n    stroke: #155e34;\r\n    stroke-width: 1.8;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: stroke 0.35s ease;\r\n  }\r\n\r\n  .agri-who-card-label {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: #0d2818;\r\n    margin-bottom: 10px;\r\n    line-height: 1.25;\r\n    transition: color 0.35s ease;\r\n  }\r\n\r\n  .agri-who-card-desc {\r\n    font-size: 13.5px;\r\n    font-weight: 300;\r\n    line-height: 1.65;\r\n    color: rgba(13,40,24,0.55);\r\n    margin-bottom: 22px;\r\n    transition: color 0.35s ease;\r\n  }\r\n\r\n  .agri-who-card-bar {\r\n    height: 2px;\r\n    width: 32px;\r\n    background: rgba(21,94,52,0.25);\r\n    border-radius: 2px;\r\n    margin-bottom: 20px;\r\n    transition: background 0.35s ease, width 0.35s ease;\r\n  }\r\n\r\n  \/* tag pill *\/\r\n  .agri-who-card-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 11.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.04em;\r\n    color: #155e34;\r\n    background: rgba(21,94,52,0.07);\r\n    border: 1px solid rgba(21,94,52,0.14);\r\n    padding: 5px 12px;\r\n    border-radius: 20px;\r\n    transition: background 0.35s ease, border-color 0.35s ease, color 0.35s ease;\r\n  }\r\n  .agri-who-card-tag svg {\r\n    width: 12px; height: 12px;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Bottom CTA \u2500\u2500\u2500 *\/\r\n  .agri-who-cta {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    margin-top: 64px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.9s ease 0.3s, transform 0.9s ease 0.3s;\r\n  }\r\n  .agri-who-cta.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-who-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 15px 36px;\r\n    background: #155e34;\r\n    color: #f9bb30;\r\n    border-radius: 4px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.05em;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 24px rgba(21,94,52,0.28);\r\n    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n  .agri-who-btn:hover {\r\n    background: #0d2818;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 32px rgba(21,94,52,0.38);\r\n  }\r\n  .agri-who-btn svg {\r\n    width: 16px; height: 16px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n  @media (max-width: 1024px) {\r\n    .agri-who-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .agri-who { padding: 80px 20px 90px; }\r\n    .agri-who-grid { grid-template-columns: 1fr; gap: 18px; }\r\n    .agri-who-header { margin-bottom: 48px; }\r\n    .agri-who-card { padding: 28px 20px 24px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"agri-who\">\r\n  <div class=\"agri-who-orb agri-who-orb-1\"><\/div>\r\n  <div class=\"agri-who-orb agri-who-orb-2\"><\/div>\r\n  <div class=\"agri-who-arc agri-who-arc-tl\"><\/div>\r\n  <div class=\"agri-who-arc agri-who-arc-br\"><\/div>\r\n\r\n  <div class=\"agri-who-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"agri-who-header\" id=\"agriWhoHeader\">\r\n      <div class=\"agri-who-eyebrow\">\r\n        <span><\/span> Our Audience <span><\/span>\r\n      <\/div>\r\n      <h2 class=\"agri-who-title\">Who This Is <em>For<\/em><\/h2>\r\n      <p class=\"agri-who-sub\">Agribium partners with a diverse range of institutions and organisations committed to building sustainable livelihoods at scale.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Cards -->\r\n    <div class=\"agri-who-grid\">\r\n\r\n      <!-- CSR & Foundations -->\r\n      <div class=\"agri-who-card\" data-delay=\"0\">\r\n        <div class=\"agri-who-card-num\">01<\/div>\r\n        <div class=\"agri-who-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-who-card-label\">CSR & Foundations<\/div>\r\n        <div class=\"agri-who-card-desc\">Philanthropic bodies and corporate social responsibility teams looking to create measurable, community-rooted impact.<\/div>\r\n        <div class=\"agri-who-card-bar\"><\/div>\r\n        <span class=\"agri-who-card-tag\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Impact Funding\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- Government -->\r\n      <div class=\"agri-who-card\" data-delay=\"120\">\r\n        <div class=\"agri-who-card-num\">02<\/div>\r\n        <div class=\"agri-who-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-who-card-label\">Government<\/div>\r\n        <div class=\"agri-who-card-desc\">State and central agencies implementing rural development schemes, NABARD programmes, and livelihood missions.<\/div>\r\n        <div class=\"agri-who-card-bar\"><\/div>\r\n        <span class=\"agri-who-card-tag\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Policy & Schemes\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- NGOs -->\r\n      <div class=\"agri-who-card\" data-delay=\"240\">\r\n        <div class=\"agri-who-card-num\">03<\/div>\r\n        <div class=\"agri-who-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-who-card-label\">NGOs<\/div>\r\n        <div class=\"agri-who-card-desc\">Development organisations that need strong technical and design support to convert field realities into effective programmes.<\/div>\r\n        <div class=\"agri-who-card-bar\"><\/div>\r\n        <span class=\"agri-who-card-tag\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Field Programmes\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- FPOs -->\r\n      <div class=\"agri-who-card\" data-delay=\"360\">\r\n        <div class=\"agri-who-card-num\">04<\/div>\r\n        <div class=\"agri-who-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"agri-who-card-label\">FPOs<\/div>\r\n        <div class=\"agri-who-card-desc\">Farmer Producer Organisations seeking business planning, governance support, and connections to buyers and financial institutions.<\/div>\r\n        <div class=\"agri-who-card-bar\"><\/div>\r\n        <span class=\"agri-who-card-tag\">\r\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          Farmer Collectives\r\n        <\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"agri-who-cta\" id=\"agriWhoCta\">\r\n      <a href=\"https:\/\/agribium.com\/?page_id=499\" class=\"agri-who-btn\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        Work With Us\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var header = document.getElementById('agriWhoHeader');\r\n  new IntersectionObserver(function(e) {\r\n    if (e[0].isIntersecting) header.classList.add('show');\r\n  }, { threshold: 0.2 }).observe(header);\r\n\r\n  document.querySelectorAll('.agri-who-card').forEach(function(card) {\r\n    var delay = parseInt(card.getAttribute('data-delay')) || 0;\r\n    new IntersectionObserver(function(e) {\r\n      if (e[0].isIntersecting) {\r\n        setTimeout(function() { card.classList.add('show'); }, delay);\r\n      }\r\n    }, { threshold: 0.12 }).observe(card);\r\n  });\r\n\r\n  var cta = document.getElementById('agriWhoCta');\r\n  new IntersectionObserver(function(e) {\r\n    if (e[0].isIntersecting) cta.classList.add('show');\r\n  }, { threshold: 0.3 }).observe(cta);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a4714e e-con-full e-flex e-con e-parent\" data-id=\"3a4714e\" data-element_type=\"container\" data-e-type=\"container\" id=\"2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3133121 elementor-widget elementor-widget-html\" data-id=\"3133121\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM \u2014 OUR APPROACH \u2014 Elementor HTML Block -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .agri-app * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  \/* \u2500\u2500\u2500 Section \u2500\u2500\u2500 *\/\r\n  .agri-app {\r\n    position: relative;\r\n    padding: 120px 40px 130px;\r\n    background: #8db29d;\r\n    overflow: hidden;\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  \/* Grain *\/\r\n  .agri-app::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 160px;\r\n    opacity: 0.06;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Orbs *\/\r\n  .agri-app-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n  .agri-app-orb-1 {\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(21,94,52,0.18), transparent 70%);\r\n    top: -140px; left: -120px;\r\n  }\r\n  .agri-app-orb-2 {\r\n    width: 380px; height: 380px;\r\n    background: radial-gradient(circle, rgba(249,187,48,0.20), transparent 70%);\r\n    bottom: -80px; right: -80px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Inner \u2500\u2500\u2500 *\/\r\n  .agri-app-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Header \u2500\u2500\u2500 *\/\r\n  .agri-app-header {\r\n    text-align: center;\r\n    max-width: 640px;\r\n    margin: 0 auto 80px;\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n  .agri-app-header.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-app-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: #0d2818;\r\n    margin-bottom: 18px;\r\n  }\r\n  .agri-app-eyebrow span {\r\n    display: block;\r\n    width: 26px; height: 1.5px;\r\n    background: #0d2818;\r\n  }\r\n\r\n  .agri-app-title {\r\n    font-family: 'Playfair Display', serif;\r\n   font-size: clamp(36px, 5vw, 34px)!important;\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    color: #ffffff!important;\r\n    margin-bottom: 18px;\r\n  }\r\n  .agri-app-title em {\r\n    font-style: italic;\r\n    color: #ffffff!important;\r\n  }\r\n\r\n  .agri-app-sub {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    line-height: 1.72;\r\n    color: #ffffff\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Layout: two-column alternating \u2500\u2500\u2500 *\/\r\n  .agri-app-rows {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .agri-app-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 0;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    box-shadow: 0 4px 32px rgba(13,40,24,0.10);\r\n    opacity: 0;\r\n    transform: translateY(44px);\r\n    transition:\r\n      opacity 0.85s cubic-bezier(.22,1,.36,1),\r\n      transform 0.85s cubic-bezier(.22,1,.36,1),\r\n      box-shadow 0.35s ease;\r\n    min-height: 300px;\r\n  }\r\n  .agri-app-row.show { opacity: 1; transform: translateY(0); }\r\n  .agri-app-row:hover {\r\n    box-shadow: 0 16px 56px rgba(13,40,24,0.16);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  \/* Alternate: image right on even rows *\/\r\n  .agri-app-row.reverse { direction: rtl; }\r\n  .agri-app-row.reverse > * { direction: ltr; }\r\n\r\n  \/* \u2500\u2500\u2500 Image pane \u2500\u2500\u2500 *\/\r\n  .agri-app-img {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 280px;\r\n  }\r\n  .agri-app-img img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.7s cubic-bezier(.22,1,.36,1);\r\n  }\r\n  .agri-app-row:hover .agri-app-img img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  \/* image overlay *\/\r\n  .agri-app-img::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(21,94,52,0.35) 0%, rgba(13,40,24,0.15) 100%);\r\n    transition: opacity 0.35s ease;\r\n  }\r\n  .agri-app-row:hover .agri-app-img::after { opacity: 0.7; }\r\n\r\n  \/* Step number on image *\/\r\n  .agri-app-img-num {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 22px;\r\n    z-index: 2;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    background: rgba(21,94,52,0.65);\r\n    backdrop-filter: blur(6px);\r\n    padding: 5px 14px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Content pane \u2500\u2500\u2500 *\/\r\n  .agri-app-content {\r\n    padding: 48px 44px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* subtle corner accent *\/\r\n  .agri-app-content::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; right: 0;\r\n    width: 120px; height: 120px;\r\n    background: radial-gradient(circle at top right, rgba(249,187,48,0.12), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* step indicator *\/\r\n  .agri-app-step {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: #155e34;\r\n    margin-bottom: 16px;\r\n  }\r\n  .agri-app-step-dot {\r\n    width: 8px; height: 8px;\r\n    border-radius: 50%;\r\n    background: #f9bb30;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .agri-app-content-title {\r\n    font-family: 'Playfair Display', serif!important;\r\n    font-size: clamp(22px, 2.5vw, 28px);\r\n    font-weight: 700;\r\n    color: #0d2818;\r\n    line-height: 1.2;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .agri-app-content-desc {\r\n    font-size: 15px;\r\n    font-weight: 300;\r\n    line-height: 1.72;\r\n    color: rgba(13,40,24,0.6);\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  \/* Gold bar *\/\r\n  .agri-app-bar {\r\n    height: 2px;\r\n    width: 36px;\r\n    background: #f9bb30;\r\n    border-radius: 2px;\r\n    margin-bottom: 24px;\r\n    transition: width 0.4s ease;\r\n  }\r\n  .agri-app-row:hover .agri-app-bar { width: 60px; }\r\n\r\n  \/* tags *\/\r\n  .agri-app-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n  }\r\n  .agri-app-tag {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.03em;\r\n    color: #155e34;\r\n    background: rgba(21,94,52,0.08);\r\n    border: 1px solid rgba(21,94,52,0.14);\r\n    padding: 5px 13px;\r\n    border-radius: 20px;\r\n    transition: background 0.25s, color 0.25s;\r\n  }\r\n  .agri-app-row:hover .agri-app-tag {\r\n    background: rgba(21,94,52,0.13);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Bottom strip \u2500\u2500\u2500 *\/\r\n  .agri-app-strip {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-top: 72px;\r\n    background: #155e34;\r\n    border-radius: 20px;\r\n    padding: 48px 52px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 32px;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.9s ease 0.2s, transform 0.9s ease 0.2s;\r\n  }\r\n  .agri-app-strip.show { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* strip bg image *\/\r\n  .agri-app-strip::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef?w=1200&q=60');\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0.08;\r\n  }\r\n\r\n  .agri-app-strip-left { position: relative; z-index: 1; }\r\n\r\n  .agri-app-strip-tag {\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: #f9bb30;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .agri-app-strip-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(22px, 3vw, 32px);\r\n    font-weight: 700;\r\n    color: #fff;\r\n    line-height: 1.25;\r\n  }\r\n  .agri-app-strip-title em {\r\n    font-style: italic;\r\n    color: #a8d5ba;\r\n  }\r\n\r\n  .agri-app-strip-btn {\r\n    position: relative;\r\n    z-index: 1;\r\n    flex-shrink: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 15px 36px;\r\n    background: #f9bb30;\r\n    color: #0d2818;\r\n    border-radius: 4px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 22px rgba(249,187,48,0.35);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n  .agri-app-strip-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 30px rgba(249,187,48,0.5);\r\n  }\r\n  .agri-app-strip-btn svg {\r\n    width: 16px; height: 16px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .agri-app { padding: 80px 20px 90px; }\r\n    .agri-app-row,\r\n    .agri-app-row.reverse { grid-template-columns: 1fr; direction: ltr; }\r\n    .agri-app-img { min-height: 220px; order: -1 !important; }\r\n    .agri-app-content { padding: 32px 28px 36px; }\r\n    .agri-app-strip { flex-direction: column; text-align: center; padding: 40px 28px; }\r\n  }\r\n  @media (max-width: 500px) {\r\n    .agri-app-content { padding: 28px 20px 30px; }\r\n    .agri-app-header { margin-bottom: 52px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"agri-app\">\r\n  <div class=\"agri-app-orb agri-app-orb-1\"><\/div>\r\n  <div class=\"agri-app-orb agri-app-orb-2\"><\/div>\r\n\r\n  <div class=\"agri-app-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"agri-app-header\" id=\"agriAppHeader\">\r\n      <div class=\"agri-app-eyebrow\">\r\n        <span><\/span> How We Work <span><\/span>\r\n      <\/div>\r\n      <h2 class=\"agri-app-title\">Our <em>Approach<\/em><\/h2>\r\n      <p class=\"agri-app-sub\">Four principles guide everything we do \u2014 from the first conversation to the last milestone and beyond.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Rows -->\r\n    <div class=\"agri-app-rows\">\r\n\r\n      <!-- 1: We listen before we design -->\r\n      <div class=\"agri-app-row\" data-delay=\"0\">\r\n        <div class=\"agri-app-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542601906990-b4d3fb778b09?w=900&q=80\" alt=\"Listening to communities\" loading=\"lazy\">\r\n          <div class=\"agri-app-img-num\">Step 01<\/div>\r\n        <\/div>\r\n        <div class=\"agri-app-content\">\r\n          <div class=\"agri-app-step\">\r\n            <div class=\"agri-app-step-dot\"><\/div>\r\n            Listen First\r\n          <\/div>\r\n          <h3 class=\"agri-app-content-title\">We listen before we design<\/h3>\r\n          <div class=\"agri-app-bar\"><\/div>\r\n          <p class=\"agri-app-content-desc\">Every community has a unique context, history, and aspiration. We invest deeply in understanding people before we ever sketch a solution \u2014 because the best designs come from real conversations, not assumptions.<\/p>\r\n          <div class=\"agri-app-tags\">\r\n            <span class=\"agri-app-tag\">Community Immersion<\/span>\r\n            <span class=\"agri-app-tag\">Needs Assessment<\/span>\r\n            <span class=\"agri-app-tag\">Stakeholder Dialogue<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 2: We stay beyond reports (reversed) -->\r\n      <div class=\"agri-app-row reverse\" data-delay=\"120\">\r\n        <div class=\"agri-app-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589923188651-268a9765e432?w=900&q=80\" alt=\"Staying beyond reports\" loading=\"lazy\">\r\n          <div class=\"agri-app-img-num\">Step 02<\/div>\r\n        <\/div>\r\n        <div class=\"agri-app-content\">\r\n          <div class=\"agri-app-step\">\r\n            <div class=\"agri-app-step-dot\"><\/div>\r\n            Stay Long-Term\r\n          <\/div>\r\n          <h3 class=\"agri-app-content-title\">We stay beyond reports<\/h3>\r\n          <div class=\"agri-app-bar\"><\/div>\r\n          <p class=\"agri-app-content-desc\">A report is not an outcome. We remain present through the messy middle \u2014 troubleshooting, adapting, and supporting teams until real, durable change takes hold on the ground.<\/p>\r\n          <div class=\"agri-app-tags\">\r\n            <span class=\"agri-app-tag\">On-ground Support<\/span>\r\n            <span class=\"agri-app-tag\">Adaptive Management<\/span>\r\n            <span class=\"agri-app-tag\">Field Presence<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 3: We work as partners -->\r\n      <div class=\"agri-app-row\" data-delay=\"240\">\r\n        <div class=\"agri-app-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559526324-593bc073d938?w=900&q=80\" alt=\"Working as partners\" loading=\"lazy\">\r\n          <div class=\"agri-app-img-num\">Step 03<\/div>\r\n        <\/div>\r\n        <div class=\"agri-app-content\">\r\n          <div class=\"agri-app-step\">\r\n            <div class=\"agri-app-step-dot\"><\/div>\r\n            True Partnership\r\n          <\/div>\r\n          <h3 class=\"agri-app-content-title\">We work as partners<\/h3>\r\n          <div class=\"agri-app-bar\"><\/div>\r\n          <p class=\"agri-app-content-desc\">We don't parachute in with ready-made solutions. We sit alongside institutions, co-create strategies, share ownership of outcomes, and build internal capacity so partners can lead independently.<\/p>\r\n          <div class=\"agri-app-tags\">\r\n            <span class=\"agri-app-tag\">Co-Creation<\/span>\r\n            <span class=\"agri-app-tag\">Capacity Transfer<\/span>\r\n            <span class=\"agri-app-tag\">Shared Ownership<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 4: We focus on sustainability (reversed) -->\r\n      <div class=\"agri-app-row reverse\" data-delay=\"360\">\r\n        <div class=\"agri-app-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1416879595882-3373a0480b5b?w=900&q=80\" alt=\"Focus on sustainability\" loading=\"lazy\">\r\n          <div class=\"agri-app-img-num\">Step 04<\/div>\r\n        <\/div>\r\n        <div class=\"agri-app-content\">\r\n          <div class=\"agri-app-step\">\r\n            <div class=\"agri-app-step-dot\"><\/div>\r\n            Built to Last\r\n          <\/div>\r\n          <h3 class=\"agri-app-content-title\">We focus on sustainability<\/h3>\r\n          <div class=\"agri-app-bar\"><\/div>\r\n          <p class=\"agri-app-content-desc\">Every intervention is designed with an exit in mind \u2014 not abandonment, but self-reliance. We build systems, skills, and structures that outlast our engagement and continue to generate value for years ahead.<\/p>\r\n          <div class=\"agri-app-tags\">\r\n            <span class=\"agri-app-tag\">Systems Thinking<\/span>\r\n            <span class=\"agri-app-tag\">Long-term Design<\/span>\r\n            <span class=\"agri-app-tag\">Self-Reliance<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom CTA strip -->\r\n    <div class=\"agri-app-strip\" id=\"agriAppStrip\">\r\n      <div class=\"agri-app-strip-left\">\r\n        <div class=\"agri-app-strip-tag\">Ready to Begin?<\/div>\r\n        <div class=\"agri-app-strip-title\">Let's build something<br><em>that actually lasts.<\/em><\/div>\r\n      <\/div>\r\n      <a href=\"https:\/\/agribium.com\/?page_id=499\" class=\"agri-app-strip-btn\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        Start a Conversation\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var header = document.getElementById('agriAppHeader');\r\n  new IntersectionObserver(function(e) {\r\n    if (e[0].isIntersecting) header.classList.add('show');\r\n  }, { threshold: 0.2 }).observe(header);\r\n\r\n  document.querySelectorAll('.agri-app-row').forEach(function(row) {\r\n    var delay = parseInt(row.getAttribute('data-delay')) || 0;\r\n    new IntersectionObserver(function(e) {\r\n      if (e[0].isIntersecting) {\r\n        setTimeout(function() { row.classList.add('show'); }, delay);\r\n      }\r\n    }, { threshold: 0.1 }).observe(row);\r\n  });\r\n\r\n  var strip = document.getElementById('agriAppStrip');\r\n  new IntersectionObserver(function(e) {\r\n    if (e[0].isIntersecting) strip.classList.add('show');\r\n  }, { threshold: 0.3 }).observe(strip);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b85126b e-con-full e-flex e-con e-parent\" data-id=\"b85126b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2683dc6 elementor-widget elementor-widget-html\" data-id=\"2683dc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AGRIBIUM \u2014 CTA SECTION \u2014 Elementor HTML Block -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .agri-cta * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  \/* \u2500\u2500\u2500 Section \u2500\u2500\u2500 *\/\r\n  .agri-cta {\r\n    position: relative;\r\n    padding: 130px 40px 140px;\r\n    overflow: hidden;\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  \/* Background image *\/\r\n  .agri-cta-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1523348837708-15d4a09cfac2?w=1800&q=80');\r\n    background-size: cover;\r\n    background-position: center 55%;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Gradient overlay: brand green \u2192 gold *\/\r\n  .agri-cta-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      125deg,\r\n      rgba(13,40,24,0.93) 0%,\r\n      rgba(21,94,52,0.88) 40%,\r\n      rgba(180,120,10,0.82) 100%\r\n    );\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Grain *\/\r\n  .agri-cta-grain {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 160px;\r\n    opacity: 0.04;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Glow orbs *\/\r\n  .agri-cta-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(110px);\r\n    pointer-events: none;\r\n    z-index: 2;\r\n  }\r\n  .agri-cta-orb-1 {\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(249,187,48,0.20), transparent 70%);\r\n    top: -140px; right: -80px;\r\n  }\r\n  .agri-cta-orb-2 {\r\n    width: 360px; height: 360px;\r\n    background: radial-gradient(circle, rgba(168,213,186,0.16), transparent 70%);\r\n    bottom: -80px; left: -60px;\r\n  }\r\n\r\n  \/* Decorative horizontal rule *\/\r\n  .agri-cta-rule {\r\n    position: absolute;\r\n    left: 40px; right: 40px;\r\n    top: 50%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(249,187,48,0.12) 20%, rgba(249,187,48,0.12) 80%, transparent);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Corner leaf SVGs *\/\r\n  .agri-cta-leaf {\r\n    position: absolute;\r\n    z-index: 3;\r\n    opacity: 0.12;\r\n    pointer-events: none;\r\n  }\r\n  .agri-cta-leaf-tl { top: 28px; left: 36px; width: 80px; }\r\n  .agri-cta-leaf-br { bottom: 28px; right: 36px; width: 64px; transform: rotate(180deg); }\r\n\r\n  \/* \u2500\u2500\u2500 Inner \u2500\u2500\u2500 *\/\r\n  .agri-cta-inner {\r\n    position: relative;\r\n    z-index: 10;\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    color: #fff;\r\n  }\r\n\r\n  \/* Eyebrow *\/\r\n  .agri-cta-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 10.5px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: #f9bb30;\r\n    margin-bottom: 24px;\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n  .agri-cta-eyebrow.show { opacity: 1; transform: translateY(0); }\r\n  .agri-cta-eyebrow span {\r\n    display: block;\r\n    width: 26px; height: 1px;\r\n    background: #f9bb30;\r\n  }\r\n\r\n  \/* Headline *\/\r\n  .agri-cta-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 5vw, 34px)!important;\r\n    font-weight: 800;\r\n    line-height: 1.12;\r\n    color: #ffffff!important;\r\n    margin-bottom: 24px;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.9s ease 0.15s, transform 0.9s ease 0.15s;\r\n  }\r\n  .agri-cta-title.show { opacity: 1; transform: translateY(0); }\r\n  .agri-cta-title em {\r\n    font-style: italic;\r\n    color: #f9bb30;\r\n  }\r\n\r\n  \/* Gold bar *\/\r\n  .agri-cta-bar {\r\n    height: 2px;\r\n    width: 0;\r\n    background: linear-gradient(90deg, #f9bb30, rgba(249,187,48,0.2));\r\n    border-radius: 2px;\r\n    margin: 0 auto 28px;\r\n    transition: width 1s cubic-bezier(.22,1,.36,1) 0.3s;\r\n  }\r\n  .agri-cta-bar.show { width: 64px; }\r\n\r\n  \/* Sub text *\/\r\n  .agri-cta-desc {\r\n    font-size: clamp(15px, 1.8vw, 18px);\r\n    font-weight: 300;\r\n    line-height: 1.75;\r\n    color: rgba(255,255,255,0.70);\r\n    max-width: 620px;\r\n    margin: 0 auto 52px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.9s ease 0.3s, transform 0.9s ease 0.3s;\r\n  }\r\n  .agri-cta-desc.show { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* \u2500\u2500\u2500 Buttons \u2500\u2500\u2500 *\/\r\n  .agri-cta-btns {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 0.9s ease 0.45s, transform 0.9s ease 0.45s;\r\n  }\r\n  .agri-cta-btns.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 17px 38px;\r\n    border-radius: 4px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.05em;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    border: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.28s ease, box-shadow 0.28s ease;\r\n  }\r\n  .agri-cta-btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(255,255,255,0.1);\r\n    opacity: 0;\r\n    transition: opacity 0.2s;\r\n  }\r\n  .agri-cta-btn:hover::after { opacity: 1; }\r\n  .agri-cta-btn:hover { transform: translateY(-3px); }\r\n\r\n  .agri-cta-btn-primary {\r\n    background: #f9bb30;\r\n    color: #0d2818;\r\n    box-shadow: 0 6px 32px rgba(249,187,48,0.40);\r\n  }\r\n  .agri-cta-btn-primary:hover {\r\n    box-shadow: 0 12px 42px rgba(249,187,48,0.55);\r\n  }\r\n\r\n  .agri-cta-btn-ghost {\r\n    background: transparent;\r\n    color: #fff;\r\n    border: 1.5px solid rgba(255,255,255,0.38);\r\n  }\r\n  .agri-cta-btn-ghost:hover {\r\n    border-color: rgba(255,255,255,0.75);\r\n  }\r\n\r\n  .agri-cta-btn svg {\r\n    width: 16px; height: 16px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform 0.25s ease;\r\n  }\r\n  .agri-cta-btn:hover svg { transform: translateX(3px); }\r\n\r\n  \/* \u2500\u2500\u2500 Trust row \u2500\u2500\u2500 *\/\r\n  .agri-cta-trust {\r\n    margin-top: 60px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 36px;\r\n    flex-wrap: wrap;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: opacity 0.9s ease 0.6s, transform 0.9s ease 0.6s;\r\n  }\r\n  .agri-cta-trust.show { opacity: 1; transform: translateY(0); }\r\n\r\n  .agri-cta-trust-divider {\r\n    width: 1px; height: 32px;\r\n    background: rgba(255,255,255,0.18);\r\n  }\r\n\r\n  .agri-cta-trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: rgba(255,255,255,0.55);\r\n    letter-spacing: 0.02em;\r\n  }\r\n  .agri-cta-trust-item svg {\r\n    width: 15px; height: 15px;\r\n    stroke: #f9bb30;\r\n    stroke-width: 2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n  @media (max-width: 600px) {\r\n    .agri-cta { padding: 90px 20px 100px; }\r\n    .agri-cta-btns { flex-direction: column; align-items: center; }\r\n    .agri-cta-btn { width: 100%; max-width: 320px; justify-content: center; }\r\n    .agri-cta-trust-divider { display: none; }\r\n    .agri-cta-trust { gap: 16px; }\r\n    .agri-cta-leaf-tl, .agri-cta-leaf-br { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"agri-cta\">\r\n  <!-- Layers -->\r\n  <div class=\"agri-cta-bg\"><\/div>\r\n  <div class=\"agri-cta-overlay\"><\/div>\r\n  <div class=\"agri-cta-grain\"><\/div>\r\n  <div class=\"agri-cta-orb agri-cta-orb-1\"><\/div>\r\n  <div class=\"agri-cta-orb agri-cta-orb-2\"><\/div>\r\n  <div class=\"agri-cta-rule\"><\/div>\r\n\r\n  <!-- Corner leaves -->\r\n  <svg class=\"agri-cta-leaf agri-cta-leaf-tl\" viewBox=\"0 0 80 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M10 90 C10 90 5 40 40 10 C70 -10 75 30 60 55 C45 80 10 90 10 90Z\" fill=\"#a8d5ba\"\/>\r\n    <path d=\"M10 90 L45 38\" stroke=\"#155e34\" stroke-width=\"1.5\"\/>\r\n  <\/svg>\r\n  <svg class=\"agri-cta-leaf agri-cta-leaf-br\" viewBox=\"0 0 80 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <path d=\"M10 90 C10 90 5 40 40 10 C70 -10 75 30 60 55 C45 80 10 90 10 90Z\" fill=\"#a8d5ba\"\/>\r\n    <path d=\"M10 90 L45 38\" stroke=\"#155e34\" stroke-width=\"1.5\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"agri-cta-inner\">\r\n\r\n    <div class=\"agri-cta-eyebrow\" id=\"agriCtaEyebrow\">\r\n      <span><\/span> Take the Next Step <span><\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"agri-cta-title\" id=\"agriCtaTitle\">\r\n      Looking to build or strengthen<br>a <em>livelihood initiative?<\/em>\r\n    <\/h2>\r\n\r\n    <div class=\"agri-cta-bar\" id=\"agriCtaBar\"><\/div>\r\n\r\n    <p class=\"agri-cta-desc\" id=\"agriCtaDesc\">\r\n      Whether you're starting from scratch or scaling what's working \u2014 Agribium brings the expertise, the relationships, and the commitment to walk with you every step of the way.\r\n    <\/p>\r\n\r\n    <div class=\"agri-cta-btns\" id=\"agriCtaBtns\">\r\n      <a href=\"https:\/\/agribium.com\/?page_id=499\" class=\"agri-cta-btn agri-cta-btn-primary\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        Work With Agribium\r\n      <\/a>\r\n      <a href=\"https:\/\/agribium.com\/?page_id=499\" class=\"agri-cta-btn agri-cta-btn-ghost\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\r\n        Request a Proposal\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Trust signals -->\r\n    <div class=\"agri-cta-trust\" id=\"agriCtaTrust\">\r\n      <div class=\"agri-cta-trust-item\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        Trusted by 120+ communities\r\n      <\/div>\r\n      <div class=\"agri-cta-trust-divider\"><\/div>\r\n      <div class=\"agri-cta-trust-item\">\r\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n        Responses within 48 hours\r\n      <\/div>\r\n      <div class=\"agri-cta-trust-divider\"><\/div>\r\n      <div class=\"agri-cta-trust-item\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\r\n        14 partner countries\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var els = [\r\n    { id: 'agriCtaEyebrow', cls: 'show', threshold: 0.2 },\r\n    { id: 'agriCtaTitle',   cls: 'show', threshold: 0.2 },\r\n    { id: 'agriCtaBar',     cls: 'show', threshold: 0.2 },\r\n    { id: 'agriCtaDesc',    cls: 'show', threshold: 0.2 },\r\n    { id: 'agriCtaBtns',    cls: 'show', threshold: 0.2 },\r\n    { id: 'agriCtaTrust',   cls: 'show', threshold: 0.2 },\r\n  ];\r\n  els.forEach(function(item) {\r\n    var el = document.getElementById(item.id);\r\n    if (!el) return;\r\n    new IntersectionObserver(function(e) {\r\n      if (e[0].isIntersecting) el.classList.add(item.cls);\r\n    }, { threshold: item.threshold }).observe(el);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Connect \u00b7 Partner \u00b7 Grow \u00b7 Sustain Building StrongerRural EcosystemsThrough Collective Growth Agribium is a support system for grassroots organisations working across agriculture ecosystems, value addition, and rural livelihoods \u2014 helping communities become market-ready through sustainable growth support. Explore Our Work Request a Proposal Connect Agribium connects communities, institutions, and markets that often remain disconnected [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-304","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/agribium.com\/index.php?rest_route=\/wp\/v2\/pages\/304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agribium.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agribium.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agribium.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agribium.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=304"}],"version-history":[{"count":98,"href":"https:\/\/agribium.com\/index.php?rest_route=\/wp\/v2\/pages\/304\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/agribium.com\/index.php?rest_route=\/wp\/v2\/pages\/304\/revisions\/533"}],"wp:attachment":[{"href":"https:\/\/agribium.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}