{"id":17,"date":"2016-08-22T00:24:31","date_gmt":"2016-08-22T00:24:31","guid":{"rendered":"https:\/\/oceanwp.org\/simple\/?page_id=17"},"modified":"2026-10-21T07:36:47","modified_gmt":"2026-10-21T07:36:47","slug":"home","status":"publish","type":"page","link":"https:\/\/annouragroventures.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41a7d29 e-con e-atomic-element e-flexbox-base e-default-div e-ea6612b \" data-id=\"41a7d29\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"41a7d29\">\n    \t\t<div class=\"elementor-element elementor-element-fee26e2 elementor-widget elementor-widget-html\" data-id=\"fee26e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <meta name=\"description\"\r\n          content=\"Annour Agro Ventures provides quality rice milling, agro-processing, produce supply and agricultural solutions.\">\r\n\r\n    <title>Annour Agro Ventures | From Farm to Value<\/title>\r\n\r\n    <style>\r\n\r\n        \/* =========================================\r\n           GLOBAL STYLES\r\n        ========================================= *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: Arial, Helvetica, sans-serif;\r\n            background: #ffffff;\r\n            color: #173b1d;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           HERO SECTION\r\n        ========================================= *\/\r\n\r\n        .hero {\r\n            min-height: 100vh;\r\n\r\n            position: relative;\r\n\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            overflow: hidden;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    90deg,\r\n                    rgba(5, 42, 17, 0.97) 0%,\r\n                    rgba(7, 58, 23, 0.93) 40%,\r\n                    rgba(8, 65, 26, 0.78) 68%,\r\n                    rgba(8, 65, 26, 0.48) 100%\r\n                ),\r\n\r\n                url(\"https:\/\/annouragroventures.com\/wp-content\/uploads\/2026\/10\/From-Paddy-to-Polished-Rice.png\")\r\n                center center \/ cover no-repeat;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           DECORATIVE BACKGROUND CIRCLES\r\n        ========================================= *\/\r\n\r\n        .hero::before {\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            width: 650px;\r\n            height: 650px;\r\n\r\n            border: 1px solid\r\n                rgba(221, 167, 25, 0.30);\r\n\r\n            border-radius: 50%;\r\n\r\n            right: -230px;\r\n            top: -180px;\r\n\r\n            pointer-events: none;\r\n        }\r\n\r\n\r\n        .hero::after {\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            width: 420px;\r\n            height: 420px;\r\n\r\n            border: 1px solid\r\n                rgba(255, 255, 255, 0.08);\r\n\r\n            border-radius: 50%;\r\n\r\n            right: 70px;\r\n            bottom: -260px;\r\n\r\n            pointer-events: none;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           HERO CONTAINER\r\n        ========================================= *\/\r\n\r\n        .hero-container {\r\n            width: 100%;\r\n\r\n            max-width: 1300px;\r\n\r\n            margin: 0 auto;\r\n\r\n            position: relative;\r\n\r\n            z-index: 5;\r\n\r\n            padding:\r\n                100px 6%;\r\n        }\r\n\r\n\r\n        .hero-content {\r\n            max-width: 760px;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           EYEBROW\r\n        ========================================= *\/\r\n\r\n        .eyebrow {\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            gap: 12px;\r\n\r\n            color: #dda719;\r\n\r\n            font-size: 14px;\r\n\r\n            font-weight: 700;\r\n\r\n            letter-spacing: 3px;\r\n\r\n            text-transform: uppercase;\r\n\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n\r\n        .eyebrow::before {\r\n            content: \"\";\r\n\r\n            width: 45px;\r\n\r\n            height: 2px;\r\n\r\n            background: #dda719;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           MAIN HEADING\r\n        ========================================= *\/\r\n\r\n        .hero h1 {\r\n            color: #ffffff;\r\n\r\n            font-size:\r\n                clamp(55px, 8vw, 100px);\r\n\r\n            line-height: 0.94;\r\n\r\n            letter-spacing: -4px;\r\n\r\n            font-weight: 800;\r\n\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n\r\n        .hero h1 span {\r\n            color: #dda719;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           HERO SUBTITLE\r\n        ========================================= *\/\r\n\r\n        .hero h2 {\r\n            color: #ffffff;\r\n\r\n            font-size:\r\n                clamp(25px, 3.2vw, 42px);\r\n\r\n            line-height: 1.2;\r\n\r\n            font-weight: 600;\r\n\r\n            max-width: 730px;\r\n\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           HERO DESCRIPTION\r\n        ========================================= *\/\r\n\r\n        .hero-description {\r\n            color:\r\n                rgba(255, 255, 255, 0.86);\r\n\r\n            font-size: 18px;\r\n\r\n            line-height: 1.8;\r\n\r\n            max-width: 680px;\r\n\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           HERO BUTTONS\r\n        ========================================= *\/\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n\r\n            flex-wrap: wrap;\r\n\r\n            gap: 15px;\r\n        }\r\n\r\n\r\n        .btn {\r\n            display: inline-flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            padding:\r\n                16px 30px;\r\n\r\n            border-radius: 4px;\r\n\r\n            font-size: 15px;\r\n\r\n            font-weight: 700;\r\n\r\n            transition:\r\n                all 0.3s ease;\r\n        }\r\n\r\n\r\n        \/* Primary Button *\/\r\n\r\n        .btn-primary {\r\n            background: #dda719;\r\n\r\n            color: #173b1d;\r\n\r\n            border:\r\n                2px solid #dda719;\r\n        }\r\n\r\n\r\n        .btn-primary:hover {\r\n            background: #ffffff;\r\n\r\n            border-color: #ffffff;\r\n\r\n            transform: translateY(-3px);\r\n\r\n            box-shadow:\r\n                0 10px 25px\r\n                rgba(0, 0, 0, 0.18);\r\n        }\r\n\r\n\r\n        \/* Secondary Button *\/\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n\r\n            color: #ffffff;\r\n\r\n            border:\r\n                2px solid\r\n                rgba(255, 255, 255, 0.75);\r\n        }\r\n\r\n\r\n        .btn-secondary:hover {\r\n            background: #ffffff;\r\n\r\n            color: #173b1d;\r\n\r\n            border-color: #ffffff;\r\n\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           FLOATING INFORMATION CARD\r\n        ========================================= *\/\r\n\r\n        .hero-card {\r\n            position: absolute;\r\n\r\n            right: 6%;\r\n\r\n            bottom: 13%;\r\n\r\n            width: 285px;\r\n\r\n            padding: 28px;\r\n\r\n            background:\r\n                rgba(255, 255, 255, 0.96);\r\n\r\n            border-left:\r\n                5px solid #dda719;\r\n\r\n            box-shadow:\r\n                0 20px 50px\r\n                rgba(0, 0, 0, 0.22);\r\n\r\n            z-index: 10;\r\n\r\n            animation:\r\n                floatingCard 4s ease-in-out infinite;\r\n        }\r\n\r\n\r\n        \/* Floating Animation *\/\r\n\r\n        @keyframes floatingCard {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-8px);\r\n            }\r\n        }\r\n\r\n\r\n        .hero-card-label {\r\n            color: #dda719;\r\n\r\n            font-size: 11px;\r\n\r\n            font-weight: 800;\r\n\r\n            letter-spacing: 2px;\r\n\r\n            text-transform: uppercase;\r\n\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n\r\n        .hero-card h3 {\r\n            color: #174d25;\r\n\r\n            font-size: 21px;\r\n\r\n            line-height: 1.25;\r\n\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n\r\n        .hero-card p {\r\n            color: #555555;\r\n\r\n            font-size: 14px;\r\n\r\n            line-height: 1.7;\r\n        }\r\n\r\n\r\n        .hero-card-line {\r\n            width: 45px;\r\n\r\n            height: 3px;\r\n\r\n            background: #dda719;\r\n\r\n            margin-top: 20px;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           TRUST FEATURES\r\n        ========================================= *\/\r\n\r\n        .hero-features {\r\n            display: flex;\r\n\r\n            flex-wrap: wrap;\r\n\r\n            gap: 30px;\r\n\r\n            margin-top: 50px;\r\n\r\n            padding-top: 25px;\r\n\r\n            border-top:\r\n                1px solid\r\n                rgba(255, 255, 255, 0.15);\r\n\r\n            max-width: 700px;\r\n        }\r\n\r\n\r\n        .feature {\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            gap: 10px;\r\n\r\n            color:\r\n                rgba(255, 255, 255, 0.9);\r\n\r\n            font-size: 13px;\r\n\r\n            font-weight: 600;\r\n        }\r\n\r\n\r\n        .feature-icon {\r\n            width: 32px;\r\n\r\n            height: 32px;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            border-radius: 50%;\r\n\r\n            background:\r\n                rgba(221, 167, 25, 0.15);\r\n\r\n            color: #dda719;\r\n\r\n            font-size: 15px;\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           TABLET\r\n        ========================================= *\/\r\n\r\n        @media (max-width: 1050px) {\r\n\r\n            .hero-card {\r\n                right: 4%;\r\n\r\n                width: 245px;\r\n            }\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           MOBILE\r\n        ========================================= *\/\r\n\r\n        @media (max-width: 850px) {\r\n\r\n            .hero {\r\n                background:\r\n                    linear-gradient(\r\n                        90deg,\r\n                        rgba(5, 42, 17, 0.97),\r\n                        rgba(7, 58, 23, 0.84)\r\n                    ),\r\n\r\n                    url(\"images\/rice-field.jpg\")\r\n                    center center \/ cover no-repeat;\r\n            }\r\n\r\n\r\n            .hero-container {\r\n                padding:\r\n                    80px 7% 90px;\r\n            }\r\n\r\n\r\n            .hero-card {\r\n                position: relative;\r\n\r\n                right: auto;\r\n\r\n                bottom: auto;\r\n\r\n                width: 100%;\r\n\r\n                max-width: 400px;\r\n\r\n                margin-top: 55px;\r\n            }\r\n\r\n\r\n            .hero-content {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n\r\n\r\n        \/* =========================================\r\n           SMALL MOBILE\r\n        ========================================= *\/\r\n\r\n        @media (max-width: 500px) {\r\n\r\n            .hero-container {\r\n                padding:\r\n                    60px 6% 70px;\r\n            }\r\n\r\n\r\n            .hero h1 {\r\n                font-size: 52px;\r\n\r\n                letter-spacing: -2px;\r\n            }\r\n\r\n\r\n            .hero h2 {\r\n                font-size: 25px;\r\n            }\r\n\r\n\r\n            .hero-description {\r\n                font-size: 16px;\r\n\r\n                line-height: 1.7;\r\n            }\r\n\r\n\r\n            .hero-buttons {\r\n                flex-direction: column;\r\n\r\n                width: 100%;\r\n            }\r\n\r\n\r\n            .btn {\r\n                width: 100%;\r\n            }\r\n\r\n\r\n            .hero-features {\r\n                flex-direction: column;\r\n\r\n                gap: 15px;\r\n            }\r\n\r\n\r\n            .hero-card {\r\n                padding: 23px;\r\n            }\r\n        }\r\n\r\n    <\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n    <!-- =========================================\r\n         HERO SECTION\r\n    ========================================= -->\r\n\r\n    <section class=\"hero\">\r\n\r\n\r\n        <!-- =====================================\r\n             HERO CONTENT\r\n        ====================================== -->\r\n\r\n        <div class=\"hero-container\">\r\n\r\n\r\n            <div class=\"hero-content\">\r\n\r\n\r\n                <!-- Eyebrow -->\r\n\r\n                <div class=\"eyebrow\">\r\n                    Annour Agro Ventures\r\n                <\/div>\r\n\r\n\r\n                <!-- Main Heading -->\r\n\r\n                <h1>\r\n                    FROM FARM\r\n                    <br>\r\n                    <span>TO VALUE.<\/span>\r\n                <\/h1>\r\n\r\n\r\n                <!-- Subtitle -->\r\n\r\n                <h2>\r\n                    Quality Rice Milling &amp;\r\n                    Agro Solutions You Can Trust.\r\n                <\/h2>\r\n\r\n\r\n                <!-- Description -->\r\n\r\n                <p class=\"hero-description\">\r\n\r\n                    Annour Agro Ventures provides reliable\r\n                    rice milling, agro-processing, produce\r\n                    supply, and agricultural services designed\r\n                    to create greater value across the\r\n                    agricultural value chain.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- Main Buttons -->\r\n\r\n                <div class=\"hero-buttons\">\r\n\r\n\r\n                    <a href=\"https:\/\/annouragroventures.com\/our-services\/\"\r\n                       class=\"btn btn-primary\">\r\n\r\n                        Explore Our Services\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"https:\/\/annouragroventures.com\/contact\/\"\r\n                       class=\"btn btn-secondary\">\r\n\r\n                        Contact Us\r\n\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Trust Features -->\r\n\r\n                <div class=\"hero-features\">\r\n\r\n\r\n                    <div class=\"feature\">\r\n\r\n                        <span class=\"feature-icon\">\r\n                            \u2713\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            Quality Processing\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"feature\">\r\n\r\n                        <span class=\"feature-icon\">\r\n                            \u2713\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            Reliable Service\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"feature\">\r\n\r\n                        <span class=\"feature-icon\">\r\n                            \u2713\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            Agro Solutions\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 FLOATING INFORMATION CARD\r\n            ================================== -->\r\n\r\n            <div class=\"hero-card\">\r\n\r\n\r\n                <div class=\"hero-card-label\">\r\n                    Our Promise\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    From Harvest\r\n                    to Market\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n\r\n                    We add value to agricultural\r\n                    produce through efficient\r\n                    processing, reliable supply,\r\n                    and practical agro solutions.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"hero-card-line\"><\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-25a649c e-con e-atomic-element e-flexbox-base e-default-div e-ff14248 \" data-id=\"25a649c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"25a649c\">\n    \t\t<div class=\"elementor-element elementor-element-2adca14 elementor-widget elementor-widget-html\" data-id=\"2adca14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     ABOUT ANNOUR AGRO VENTURES\r\n========================================= -->\r\n\r\n<section class=\"about-section\" id=\"about\">\r\n\r\n    <div class=\"about-container\">\r\n\r\n        <!-- =====================================\r\n             IMAGE SIDE\r\n        ====================================== -->\r\n\r\n        <div class=\"about-image-wrapper\">\r\n\r\n            <!-- Decorative background shape -->\r\n            <div class=\"about-shape\"><\/div>\r\n\r\n            <!-- Main image -->\r\n            <div class=\"about-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/annouragroventures.com\/wp-content\/uploads\/2026\/10\/From-Paddy-to-Polished-Rice.png\"\r\n                    alt=\"Rice milling and agricultural processing at Annour Agro Ventures\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Floating experience\/value card -->\r\n\r\n            <div class=\"about-floating-card\">\r\n\r\n                <div class=\"floating-icon\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <div>\r\n                    <strong>From Farm<\/strong>\r\n                    <span>To Greater Value<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Small decorative badge -->\r\n\r\n            <div class=\"about-badge\">\r\n\r\n                <span class=\"badge-dot\"><\/span>\r\n\r\n                <span>\r\n                    Agro Processing\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             CONTENT SIDE\r\n        ====================================== -->\r\n\r\n        <div class=\"about-content\">\r\n\r\n            <div class=\"about-label\">\r\n\r\n                ABOUT ANNOUR AGRO VENTURES\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2>\r\n\r\n                Growing Agriculture.\r\n                <span>Creating Value.<\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"about-line\"><\/div>\r\n\r\n\r\n            <p class=\"about-intro\">\r\n\r\n                Annour Agro Ventures is an emerging agribusiness\r\n                focused on <strong>rice milling, agro-processing,\r\n                agricultural services, and value-chain development.<\/strong>\r\n\r\n            <\/p>\r\n\r\n\r\n            <p>\r\n\r\n                We work to bridge the gap between agricultural\r\n                production and the market by providing reliable\r\n                processing solutions that help farmers and produce\r\n                owners get better value from their harvest.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- Value Points -->\r\n\r\n            <div class=\"about-points\">\r\n\r\n                <div class=\"about-point\">\r\n\r\n                    <div class=\"point-icon\">\r\n                        \u2713\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Quality Processing\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Reliable processing solutions designed\r\n                            to improve the quality and value of\r\n                            agricultural produce.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"about-point\">\r\n\r\n                    <div class=\"point-icon\">\r\n                        \u2713\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Farmer Focused\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Supporting farmers and produce owners\r\n                            with practical solutions that create\r\n                            greater value from every harvest.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CTA -->\r\n\r\n            <a href=\"https:\/\/annouragroventures.com\/about-us\/\"\r\n               class=\"about-button\">\r\n\r\n                Discover Who We Are\r\n\r\n                <span>\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   ABOUT SECTION\r\n========================================= *\/\r\n\r\n.about-section {\r\n\r\n    position: relative;\r\n\r\n    padding: 120px 6%;\r\n\r\n    background: #ffffff;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.about-container {\r\n\r\n    max-width: 1250px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap: 90px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE AREA\r\n========================================= *\/\r\n\r\n.about-image-wrapper {\r\n\r\n    position: relative;\r\n\r\n    min-height: 580px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n}\r\n\r\n\r\n\/* Decorative green shape *\/\r\n\r\n.about-shape {\r\n\r\n    position: absolute;\r\n\r\n    width: 430px;\r\n\r\n    height: 500px;\r\n\r\n    background: #edf5ec;\r\n\r\n    border-radius:\r\n        180px 25px 180px 25px;\r\n\r\n    transform:\r\n        rotate(-7deg);\r\n\r\n    left: 20px;\r\n\r\n    top: 40px;\r\n\r\n    z-index: 0;\r\n}\r\n\r\n\r\n\/* Main image container *\/\r\n\r\n.about-image {\r\n\r\n    position: relative;\r\n\r\n    width: 430px;\r\n\r\n    height: 500px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        15px 90px 15px 90px;\r\n\r\n    z-index: 2;\r\n\r\n    box-shadow:\r\n        0 30px 70px\r\n        rgba(16, 58, 25, 0.18);\r\n}\r\n\r\n\r\n\/* Image *\/\r\n\r\n.about-image img {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform 0.8s ease;\r\n}\r\n\r\n\r\n\/* Image hover *\/\r\n\r\n.about-image:hover img {\r\n\r\n    transform:\r\n        scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE OVERLAY\r\n========================================= *\/\r\n\r\n.about-image::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 55%,\r\n            rgba(5, 42, 17, 0.45)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FLOATING CARD\r\n========================================= *\/\r\n\r\n.about-floating-card {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    bottom: 35px;\r\n\r\n    right: -25px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    padding:\r\n        18px 22px;\r\n\r\n    min-width: 230px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    border-left:\r\n        4px solid #dda719;\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(0, 0, 0, 0.15);\r\n\r\n    animation:\r\n        aboutFloat 4s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes aboutFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translateY(-8px);\r\n    }\r\n}\r\n\r\n\r\n.floating-icon {\r\n\r\n    width: 42px;\r\n\r\n    height: 42px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #eaf4e8;\r\n\r\n    color:\r\n        #176329;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.about-floating-card strong {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #174d25;\r\n\r\n    font-size: 15px;\r\n\r\n    margin-bottom: 3px;\r\n}\r\n\r\n\r\n.about-floating-card span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #777777;\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE BADGE\r\n========================================= *\/\r\n\r\n.about-badge {\r\n\r\n    position: absolute;\r\n\r\n    top: 35px;\r\n\r\n    left: -25px;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding:\r\n        11px 17px;\r\n\r\n    background:\r\n        #174d25;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing:\r\n        0.5px;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\r\n.badge-dot {\r\n\r\n    width: 7px;\r\n\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #dda719;\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(221, 167, 25, 0.15);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.about-content {\r\n\r\n    max-width: 600px;\r\n}\r\n\r\n\r\n\/* Label *\/\r\n\r\n.about-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    color:\r\n        #dda719;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing:\r\n        2.5px;\r\n\r\n    margin-bottom: 18px;\r\n}\r\n\r\n\r\n.about-label::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 35px;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        #dda719;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.about-content h2 {\r\n\r\n    color:\r\n        #174d25;\r\n\r\n    font-size:\r\n        clamp(38px, 4vw, 58px);\r\n\r\n    line-height:\r\n        1.05;\r\n\r\n    letter-spacing:\r\n        -2px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n.about-content h2 span {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        #dda719;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GREEN\/GOLD LINE\r\n========================================= *\/\r\n\r\n.about-line {\r\n\r\n    width: 70px;\r\n\r\n    height: 4px;\r\n\r\n    background:\r\n        #174d25;\r\n\r\n    position: relative;\r\n\r\n    margin-bottom: 28px;\r\n}\r\n\r\n\r\n.about-line::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 25px;\r\n\r\n    height: 4px;\r\n\r\n    background:\r\n        #dda719;\r\n\r\n    left: 45px;\r\n\r\n    top: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT\r\n========================================= *\/\r\n\r\n.about-content > p {\r\n\r\n    color:\r\n        #5d665f;\r\n\r\n    font-size:\r\n        16px;\r\n\r\n    line-height:\r\n        1.85;\r\n\r\n    margin-bottom:\r\n        20px;\r\n}\r\n\r\n\r\n.about-intro {\r\n\r\n    font-size:\r\n        18px !important;\r\n\r\n    color:\r\n        #3e4941 !important;\r\n}\r\n\r\n\r\n.about-intro strong {\r\n\r\n    color:\r\n        #174d25;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VALUE POINTS\r\n========================================= *\/\r\n\r\n.about-points {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:\r\n        25px;\r\n\r\n    margin-top:\r\n        35px;\r\n\r\n    margin-bottom:\r\n        35px;\r\n}\r\n\r\n\r\n.about-point {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    gap:\r\n        13px;\r\n}\r\n\r\n\r\n.point-icon {\r\n\r\n    width:\r\n        30px;\r\n\r\n    height:\r\n        30px;\r\n\r\n    flex-shrink:\r\n        0;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        #eaf4e8;\r\n\r\n    color:\r\n        #176329;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n.about-point h3 {\r\n\r\n    color:\r\n        #174d25;\r\n\r\n    font-size:\r\n        15px;\r\n\r\n    margin-bottom:\r\n        7px;\r\n}\r\n\r\n\r\n.about-point p {\r\n\r\n    color:\r\n        #707770;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1.6;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CTA BUTTON\r\n========================================= *\/\r\n\r\n.about-button {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        20px;\r\n\r\n    padding:\r\n        15px 22px;\r\n\r\n    background:\r\n        #174d25;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    border-radius:\r\n        4px;\r\n\r\n    transition:\r\n        all 0.3s ease;\r\n}\r\n\r\n\r\n.about-button span {\r\n\r\n    color:\r\n        #dda719;\r\n\r\n    font-size:\r\n        20px;\r\n\r\n    transition:\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n.about-button:hover {\r\n\r\n    background:\r\n        #dda719;\r\n\r\n    color:\r\n        #173b1d;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 12px 25px\r\n        rgba(23, 77, 37, 0.18);\r\n}\r\n\r\n\r\n.about-button:hover span {\r\n\r\n    color:\r\n        #173b1d;\r\n\r\n    transform:\r\n        translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .about-container {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        gap:\r\n            50px;\r\n    }\r\n\r\n\r\n    .about-image-wrapper {\r\n\r\n        min-height:\r\n            500px;\r\n    }\r\n\r\n\r\n    .about-image {\r\n\r\n        width:\r\n            350px;\r\n\r\n        height:\r\n            450px;\r\n    }\r\n\r\n\r\n    .about-shape {\r\n\r\n        width:\r\n            350px;\r\n\r\n        height:\r\n            450px;\r\n    }\r\n\r\n\r\n    .about-floating-card {\r\n\r\n        right:\r\n            -10px;\r\n    }\r\n\r\n\r\n    .about-points {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 750px) {\r\n\r\n    .about-section {\r\n\r\n        padding:\r\n            80px 6%;\r\n    }\r\n\r\n\r\n    .about-container {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            70px;\r\n    }\r\n\r\n\r\n    .about-image-wrapper {\r\n\r\n        min-height:\r\n            500px;\r\n    }\r\n\r\n\r\n    .about-image {\r\n\r\n        width:\r\n            min(88%, 430px);\r\n\r\n        height:\r\n            500px;\r\n    }\r\n\r\n\r\n    .about-shape {\r\n\r\n        width:\r\n            min(88%, 430px);\r\n\r\n        height:\r\n            470px;\r\n\r\n        left:\r\n            5%;\r\n    }\r\n\r\n\r\n    .about-badge {\r\n\r\n        left:\r\n            0;\r\n    }\r\n\r\n\r\n    .about-floating-card {\r\n\r\n        right:\r\n            0;\r\n\r\n        bottom:\r\n            20px;\r\n    }\r\n\r\n\r\n    .about-content {\r\n\r\n        max-width:\r\n            100%;\r\n    }\r\n\r\n\r\n    .about-content h2 {\r\n\r\n        font-size:\r\n            43px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .about-section {\r\n\r\n        padding:\r\n            70px 5%;\r\n    }\r\n\r\n\r\n    .about-image-wrapper {\r\n\r\n        min-height:\r\n            430px;\r\n    }\r\n\r\n\r\n    .about-image {\r\n\r\n        width:\r\n            88%;\r\n\r\n        height:\r\n            420px;\r\n\r\n        border-radius:\r\n            12px 60px 12px 60px;\r\n    }\r\n\r\n\r\n    .about-shape {\r\n\r\n        width:\r\n            88%;\r\n\r\n        height:\r\n            400px;\r\n    }\r\n\r\n\r\n    .about-floating-card {\r\n\r\n        min-width:\r\n            210px;\r\n\r\n        padding:\r\n            15px;\r\n\r\n        right:\r\n            -5px;\r\n    }\r\n\r\n\r\n    .about-badge {\r\n\r\n        top:\r\n            15px;\r\n\r\n        left:\r\n            -5px;\r\n\r\n        font-size:\r\n            10px;\r\n    }\r\n\r\n\r\n    .about-content h2 {\r\n\r\n        font-size:\r\n            38px;\r\n\r\n        letter-spacing:\r\n            -1px;\r\n    }\r\n\r\n\r\n    .about-points {\r\n\r\n        gap:\r\n            20px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1c6f225 e-con e-atomic-element e-flexbox-base e-default-div e-7e185cc \" data-id=\"1c6f225\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1c6f225\">\n    \t\t<div class=\"elementor-element elementor-element-49c8632 elementor-widget elementor-widget-html\" data-id=\"49c8632\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     ANNOUR AGRO VENTURES\r\n     OUR SERVICES INTRO SECTION\r\n========================================= -->\r\n\r\n<section class=\"services-intro\" id=\"services\">\r\n\r\n    <!-- Decorative background elements -->\r\n    <div class=\"services-orb services-orb-one\"><\/div>\r\n    <div class=\"services-orb services-orb-two\"><\/div>\r\n\r\n    <div class=\"services-intro-container\">\r\n\r\n        <!-- =====================================\r\n             LEFT: CONTENT\r\n        ====================================== -->\r\n\r\n        <div class=\"services-intro-content\">\r\n\r\n            <div class=\"services-label\">\r\n                <span class=\"label-line\"><\/span>\r\n                <span>WHAT WE DO<\/span>\r\n            <\/div>\r\n\r\n            <h2>\r\n                Our\r\n                <span>Services<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"services-title-line\"><\/div>\r\n\r\n            <p class=\"services-lead\">\r\n                We provide practical agricultural and agro-processing\r\n                solutions designed to create <strong>quality, efficiency,\r\n                and greater value<\/strong> across the agricultural value chain.\r\n            <\/p>\r\n\r\n            <p>\r\n                From rice milling and produce processing to agricultural\r\n                support services, Annour Agro Ventures works with farmers,\r\n                traders, businesses, and other stakeholders to help move\r\n                agricultural produce from <strong>farm to market.<\/strong>\r\n            <\/p>\r\n\r\n\r\n            <!-- Service highlights -->\r\n\r\n            <div class=\"services-points\">\r\n\r\n                <div class=\"service-point\">\r\n                    <span class=\"point-check\">\u2713<\/span>\r\n                    <span>Rice Milling & Processing<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"service-point\">\r\n                    <span class=\"point-check\">\u2713<\/span>\r\n                    <span>Agro-Processing Solutions<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"service-point\">\r\n                    <span class=\"point-check\">\u2713<\/span>\r\n                    <span>Agricultural Support Services<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Services page button -->\r\n\r\n            <a href=\"https:\/\/annouragroventures.com\/our-services\/\" class=\"services-button\">\r\n\r\n                <span>Explore Our Services<\/span>\r\n\r\n                <span class=\"services-arrow\">\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             RIGHT: IMAGE\r\n        ====================================== -->\r\n\r\n        <div class=\"services-intro-visual\">\r\n\r\n            <!-- Gold decorative border -->\r\n            <div class=\"image-border\"><\/div>\r\n\r\n            <!-- Main image -->\r\n            <div class=\"services-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/annouragroventures.com\/wp-content\/uploads\/2026\/10\/From-Paddy-to-Polished-Rice.png\"\r\n                    alt=\"Rice milling and agro-processing at Annour Agro Ventures\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <!-- Decorative dots -->\r\n            <div class=\"image-dots\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n            <!-- Vertical accent -->\r\n            <div class=\"image-accent\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================\r\n     CSS\r\n========================================= -->\r\n\r\n<style>\r\n\r\n.services-intro {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    padding: 115px 7%;\r\n\r\n    background: #f8f6ef;\r\n    color: #073114;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n.services-intro-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    \/* CONTENT LEFT \/ IMAGE RIGHT *\/\r\n    grid-template-columns: 1fr 0.95fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 90px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BACKGROUND DECORATION\r\n========================================= *\/\r\n\r\n.services-orb {\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.services-orb-one {\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    right: -260px;\r\n    top: -250px;\r\n\r\n    border: 1px solid rgba(221, 167, 25, 0.16);\r\n}\r\n\r\n.services-orb-one::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    right: 75px;\r\n    top: 75px;\r\n\r\n    border: 1px solid rgba(221, 167, 25, 0.10);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.services-orb-two {\r\n    width: 320px;\r\n    height: 320px;\r\n\r\n    left: -180px;\r\n    bottom: -180px;\r\n\r\n    background: rgba(7, 49, 20, 0.035);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.services-intro-content {\r\n    max-width: 620px;\r\n}\r\n\r\n\r\n\/* Label *\/\r\n\r\n.services-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #b3830f;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n.label-line {\r\n    width: 42px;\r\n    height: 2px;\r\n\r\n    background: #dda719;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.services-intro-content h2 {\r\n    margin: 0;\r\n\r\n    color: #073114;\r\n\r\n    font-size: clamp(48px, 5vw, 70px);\r\n\r\n    line-height: 0.98;\r\n\r\n    letter-spacing: -2.5px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.services-intro-content h2 span {\r\n    display: block;\r\n\r\n    color: #dda719;\r\n}\r\n\r\n\r\n\/* Gold line *\/\r\n\r\n.services-title-line {\r\n    width: 72px;\r\n    height: 4px;\r\n\r\n    margin: 28px 0;\r\n\r\n    background: #dda719;\r\n\r\n    border-radius: 10px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PARAGRAPHS\r\n========================================= *\/\r\n\r\n.services-intro-content p {\r\n    margin: 0 0 18px;\r\n\r\n    color: #606b63;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.85;\r\n}\r\n\r\n.services-intro-content .services-lead {\r\n    color: #46534a;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n.services-intro-content strong {\r\n    color: #073114;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE POINTS\r\n========================================= *\/\r\n\r\n.services-points {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 14px 25px;\r\n\r\n    margin: 30px 0 35px;\r\n}\r\n\r\n.service-point {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: #073114;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n.point-check {\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #073114;\r\n\r\n    color: #dda719;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n========================================= *\/\r\n\r\n.services-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 22px;\r\n\r\n    padding: 16px 26px;\r\n\r\n    background: #073114;\r\n\r\n    color: #ffffff;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.services-button:hover {\r\n    background: #174d25;\r\n\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 15px 30px rgba(7, 49, 20, 0.18);\r\n}\r\n\r\n.services-arrow {\r\n    font-size: 20px;\r\n\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.services-button:hover .services-arrow {\r\n    transform: translateX(7px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE AREA - RIGHT\r\n========================================= *\/\r\n\r\n.services-intro-visual {\r\n    position: relative;\r\n\r\n    min-height: 560px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GOLD BORDER\r\n========================================= *\/\r\n\r\n.image-border {\r\n    position: absolute;\r\n\r\n    width: 88%;\r\n    height: 91%;\r\n\r\n    top: 0;\r\n    right: 0;\r\n\r\n    border: 2px solid #dda719;\r\n\r\n    z-index: 1;\r\n\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.services-image {\r\n    position: absolute;\r\n\r\n    width: 88%;\r\n    height: 91%;\r\n\r\n    top: 25px;\r\n    right: 25px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #073114;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n.services-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(7, 49, 20, 0.05),\r\n            rgba(7, 49, 20, 0.28)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.services-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.8s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n\/* Image hover *\/\r\n\r\n.services-intro-visual:hover .services-image img {\r\n    transform: scale(1.07);\r\n}\r\n\r\n.services-intro-visual:hover .image-border {\r\n    transform: translate(8px, -8px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATIVE DOTS\r\n========================================= *\/\r\n\r\n.image-dots {\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 5px;\r\n\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n.image-dots span {\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    display: block;\r\n\r\n    background: #dda719;\r\n\r\n    transform: rotate(45deg);\r\n\r\n    animation: dotFloat 2s ease-in-out infinite;\r\n}\r\n\r\n.image-dots span:nth-child(2) {\r\n    animation-delay: 0.2s;\r\n}\r\n\r\n.image-dots span:nth-child(3) {\r\n    animation-delay: 0.4s;\r\n}\r\n\r\n@keyframes dotFloat {\r\n\r\n    0%,\r\n    100% {\r\n        opacity: 0.35;\r\n\r\n        transform:\r\n            rotate(45deg)\r\n            translateY(0);\r\n    }\r\n\r\n    50% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            rotate(45deg)\r\n            translateY(-6px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VERTICAL ACCENT\r\n========================================= *\/\r\n\r\n.image-accent {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 40px;\r\n\r\n    width: 4px;\r\n    height: 90px;\r\n\r\n    background: #dda719;\r\n\r\n    z-index: 4;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LARGE TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .services-intro {\r\n        padding: 95px 6%;\r\n    }\r\n\r\n    .services-intro-container {\r\n        gap: 60px;\r\n    }\r\n\r\n    .services-intro-content h2 {\r\n        font-size: 54px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .services-intro-container {\r\n\r\n        \/*\r\n         * Content stays first,\r\n         * image moves underneath.\r\n         *\/\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 70px;\r\n    }\r\n\r\n    .services-intro-content {\r\n        max-width: 750px;\r\n    }\r\n\r\n    .services-intro-visual {\r\n        width: 82%;\r\n\r\n        margin: 0 auto;\r\n\r\n        min-height: 520px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .services-intro {\r\n        padding: 75px 6%;\r\n    }\r\n\r\n    .services-intro-container {\r\n        gap: 55px;\r\n    }\r\n\r\n    .services-intro-content h2 {\r\n        font-size: 46px;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .services-intro-content .services-lead {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .services-intro-content p {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    \/* Service points *\/\r\n\r\n    .services-points {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 13px;\r\n\r\n        margin: 25px 0 30px;\r\n    }\r\n\r\n\r\n    \/* Image *\/\r\n\r\n    .services-intro-visual {\r\n        width: 100%;\r\n\r\n        min-height: 430px;\r\n    }\r\n\r\n    .services-image {\r\n        width: 91%;\r\n        height: 88%;\r\n\r\n        top: 20px;\r\n        right: 0;\r\n    }\r\n\r\n    .image-border {\r\n        width: 91%;\r\n        height: 88%;\r\n\r\n        right: 10px;\r\n    }\r\n\r\n\r\n    \/* Button *\/\r\n\r\n    .services-button {\r\n        width: 100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 450px) {\r\n\r\n    .services-intro {\r\n        padding: 65px 5%;\r\n    }\r\n\r\n    .services-intro-content h2 {\r\n        font-size: 40px;\r\n    }\r\n\r\n    .services-intro-label {\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .services-intro-visual {\r\n        min-height: 360px;\r\n    }\r\n\r\n    .services-image {\r\n        width: 92%;\r\n        height: 88%;\r\n\r\n        top: 15px;\r\n    }\r\n\r\n    .image-border {\r\n        width: 92%;\r\n        height: 88%;\r\n    }\r\n\r\n    .image-accent {\r\n        height: 65px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e18ee9b e-con e-atomic-element e-flexbox-base e-default-div e-06b0de2 \" data-id=\"e18ee9b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e18ee9b\">\n    \t\t<div class=\"elementor-element elementor-element-a7553e3 elementor-widget elementor-widget-html\" data-id=\"a7553e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     OUR PROCESS \u2014 HOMEPAGE\r\n========================================= -->\r\n\r\n<section class=\"process-section\" id=\"our-process\">\r\n\r\n    <!-- Background Decoration -->\r\n    <div class=\"process-bg-circle process-bg-one\"><\/div>\r\n    <div class=\"process-bg-circle process-bg-two\"><\/div>\r\n\r\n    <div class=\"process-container\">\r\n\r\n        <!-- =====================================\r\n             SECTION HEADER\r\n        ====================================== -->\r\n\r\n        <div class=\"process-header\">\r\n\r\n            <div class=\"process-label\">\r\n                <span><\/span>\r\n                HOW WE CREATE VALUE\r\n            <\/div>\r\n\r\n            <h2>\r\n                Our <span>Process.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                From sourcing quality agricultural produce to connecting\r\n                finished products with the market, our process is built\r\n                around quality, efficiency, and value creation.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             PROCESS JOURNEY\r\n        ====================================== -->\r\n\r\n        <div class=\"process-journey\">\r\n\r\n            <!-- Connecting Line -->\r\n            <div class=\"process-line\">\r\n                <div class=\"process-line-progress\"><\/div>\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 01 \u2014 SOURCE\r\n            ================================== -->\r\n\r\n            <div class=\"process-step\">\r\n\r\n                <div class=\"step-top\">\r\n                    <span class=\"step-number\">01<\/span>\r\n\r\n                    <div class=\"step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 21V10\"\/>\r\n                            <path d=\"M12 10C8 10 5 7.5 5 4C9 4 12 6 12 10Z\"\/>\r\n                            <path d=\"M12 14C16 14 19 11.5 19 8C15 8 12 10 12 14Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"step-content\">\r\n                    <span class=\"step-label\">STEP 01<\/span>\r\n\r\n                    <h3>Source<\/h3>\r\n\r\n                    <p>\r\n                        We work with farmers and agricultural suppliers to\r\n                        access quality agricultural produce.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"step-marker\">\r\n                    01\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 02 \u2014 PROCESS\r\n            ================================== -->\r\n\r\n            <div class=\"process-step\">\r\n\r\n                <div class=\"step-top\">\r\n                    <span class=\"step-number\">02<\/span>\r\n\r\n                    <div class=\"step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 7H20\"\/>\r\n                            <path d=\"M7 7V17\"\/>\r\n                            <path d=\"M17 7V17\"\/>\r\n                            <path d=\"M4 17H20\"\/>\r\n                            <path d=\"M9 7V17\"\/>\r\n                            <path d=\"M15 7V17\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"step-content\">\r\n                    <span class=\"step-label\">STEP 02<\/span>\r\n\r\n                    <h3>Process<\/h3>\r\n\r\n                    <p>\r\n                        Through appropriate processing and handling, we\r\n                        transform raw agricultural produce into\r\n                        higher-value products.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"step-marker\">\r\n                    02\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 03 \u2014 QUALITY CONTROL\r\n            ================================== -->\r\n\r\n            <div class=\"process-step\">\r\n\r\n                <div class=\"step-top\">\r\n                    <span class=\"step-number\">03<\/span>\r\n\r\n                    <div class=\"step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3L20 7V12C20 17 16.5 20 12 21C7.5 20 4 17 4 12V7L12 3Z\"\/>\r\n                            <path d=\"M8 12L11 15L16 9\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"step-content\">\r\n                    <span class=\"step-label\">STEP 03<\/span>\r\n\r\n                    <h3>Quality Control<\/h3>\r\n\r\n                    <p>\r\n                        We pay attention to cleaning, processing, grading,\r\n                        handling, and presentation.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"step-marker\">\r\n                    03\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 04 \u2014 PACKAGE\r\n            ================================== -->\r\n\r\n            <div class=\"process-step\">\r\n\r\n                <div class=\"step-top\">\r\n                    <span class=\"step-number\">04<\/span>\r\n\r\n                    <div class=\"step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 7L12 3L20 7L12 11L4 7Z\"\/>\r\n                            <path d=\"M4 7V17L12 21L20 17V7\"\/>\r\n                            <path d=\"M12 11V21\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"step-content\">\r\n                    <span class=\"step-label\">STEP 04<\/span>\r\n\r\n                    <h3>Package<\/h3>\r\n\r\n                    <p>\r\n                        Where applicable, processed products are prepared\r\n                        for distribution and the market.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"step-marker\">\r\n                    04\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 05 \u2014 DELIVER\r\n            ================================== -->\r\n\r\n            <div class=\"process-step\">\r\n\r\n                <div class=\"step-top\">\r\n                    <span class=\"step-number\">05<\/span>\r\n\r\n                    <div class=\"step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M3 6H15V17H3Z\"\/>\r\n                            <path d=\"M15 10H19L22 13V17H15Z\"\/>\r\n                            <circle cx=\"7\" cy=\"19\" r=\"2\"\/>\r\n                            <circle cx=\"18\" cy=\"19\" r=\"2\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"step-content\">\r\n                    <span class=\"step-label\">STEP 05<\/span>\r\n\r\n                    <h3>Deliver<\/h3>\r\n\r\n                    <p>\r\n                        We connect quality products and services with\r\n                        customers, businesses, traders, and other\r\n                        market participants.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"step-marker\">\r\n                    05\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================\r\n             BOTTOM STATEMENT\r\n        ====================================== -->\r\n\r\n        <div class=\"process-bottom\">\r\n\r\n            <div class=\"process-bottom-icon\">\r\n                \u2713\r\n            <\/div>\r\n\r\n            <div>\r\n                <strong>From Farm to Market<\/strong>\r\n                <p>\r\n                    Every stage is designed to create greater value\r\n                    from agricultural produce.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   OUR PROCESS SECTION\r\n========================================= *\/\r\n\r\n.process-section {\r\n    position: relative;\r\n\r\n    padding: 120px 6%;\r\n\r\n    background: #f7f8f3;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.process-container {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    max-width: 1250px;\r\n\r\n    margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BACKGROUND DECORATION\r\n========================================= *\/\r\n\r\n.process-bg-circle {\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.process-bg-one {\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    top: -300px;\r\n    right: -200px;\r\n\r\n    border: 1px solid rgba(7,49,20,0.08);\r\n}\r\n\r\n.process-bg-two {\r\n    width: 300px;\r\n    height: 300px;\r\n\r\n    bottom: -180px;\r\n    left: -150px;\r\n\r\n    background: rgba(221,167,25,0.07);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.process-header {\r\n    max-width: 720px;\r\n\r\n    margin: 0 auto 80px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.process-label {\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #dda719;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 3px;\r\n}\r\n\r\n.process-label span {\r\n    width: 38px;\r\n    height: 2px;\r\n\r\n    background: #dda719;\r\n}\r\n\r\n\r\n.process-header h2 {\r\n    margin: 0 0 20px;\r\n\r\n    color: #073114;\r\n\r\n    font-size: clamp(45px, 5vw, 68px);\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.process-header h2 span {\r\n    color: #dda719;\r\n}\r\n\r\n\r\n.process-header p {\r\n    max-width: 650px;\r\n\r\n    margin: auto;\r\n\r\n    color: #6d756f;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROCESS JOURNEY\r\n========================================= *\/\r\n\r\n.process-journey {\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(5, 1fr);\r\n\r\n    gap: 18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONNECTING LINE\r\n========================================= *\/\r\n\r\n.process-line {\r\n    position: absolute;\r\n\r\n    top: 47px;\r\n\r\n    left: 10%;\r\n\r\n    right: 10%;\r\n\r\n    height: 2px;\r\n\r\n    background: rgba(7,49,20,0.12);\r\n\r\n    z-index: 0;\r\n}\r\n\r\n.process-line-progress {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background: #dda719;\r\n\r\n    transform-origin: left;\r\n\r\n    animation: processProgress 4s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes processProgress {\r\n\r\n    0% {\r\n        transform: scaleX(0);\r\n    }\r\n\r\n    60% {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    100% {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROCESS STEP\r\n========================================= *\/\r\n\r\n.process-step {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    padding: 0 5px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STEP TOP\r\n========================================= *\/\r\n\r\n.step-top {\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    margin-bottom: 35px;\r\n}\r\n\r\n\r\n.step-number {\r\n    position: absolute;\r\n\r\n    top: -5px;\r\n    right: 15px;\r\n\r\n    color: #b7bdb8;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.step-icon {\r\n    width: 94px;\r\n    height: 94px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #073114;\r\n\r\n    border: 7px solid #f7f8f3;\r\n\r\n    box-shadow:\r\n        0 0 0 1px rgba(7,49,20,0.15),\r\n        0 12px 30px rgba(7,49,20,0.14);\r\n\r\n    transition:\r\n        transform 0.4s ease,\r\n        background 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n}\r\n\r\n\r\n.step-icon svg {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    fill: none;\r\n\r\n    stroke: #dda719;\r\n\r\n    stroke-width: 1.6;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n    transition: stroke 0.4s ease;\r\n}\r\n\r\n\r\n.process-step:hover .step-icon {\r\n    transform: translateY(-8px) scale(1.08);\r\n\r\n    background: #dda719;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(7,49,20,0.22);\r\n}\r\n\r\n.process-step:hover .step-icon svg {\r\n    stroke: #073114;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STEP CONTENT\r\n========================================= *\/\r\n\r\n.step-label {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #dda719;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.step-content h3 {\r\n    margin: 0 0 13px;\r\n\r\n    color: #073114;\r\n\r\n    font-size: 21px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.step-content p {\r\n    margin: auto;\r\n\r\n    max-width: 215px;\r\n\r\n    color: #727a74;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STEP MARKER\r\n========================================= *\/\r\n\r\n.step-marker {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    margin-top: 25px;\r\n\r\n    border: 1px solid rgba(7,49,20,0.15);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #073114;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n.process-step:hover .step-marker {\r\n    background: #073114;\r\n\r\n    border-color: #073114;\r\n\r\n    color: #dda719;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM STATEMENT\r\n========================================= *\/\r\n\r\n.process-bottom {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 16px;\r\n\r\n    max-width: 600px;\r\n\r\n    margin: 75px auto 0;\r\n\r\n    padding: 20px 28px;\r\n\r\n    background: #073114;\r\n\r\n    color: white;\r\n\r\n    box-shadow:\r\n        0 18px 40px rgba(7,49,20,0.14);\r\n}\r\n\r\n\r\n.process-bottom-icon {\r\n    flex-shrink: 0;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #dda719;\r\n\r\n    color: #073114;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.process-bottom strong {\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n.process-bottom p {\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,0.62);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .process-section {\r\n        padding: 95px 5%;\r\n    }\r\n\r\n    .process-journey {\r\n        grid-template-columns: repeat(3, 1fr);\r\n\r\n        row-gap: 65px;\r\n    }\r\n\r\n    .process-line {\r\n        display: none;\r\n    }\r\n\r\n    .process-step {\r\n        padding: 0 10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .process-section {\r\n        padding: 75px 5%;\r\n    }\r\n\r\n    .process-header {\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    .process-header h2 {\r\n        font-size: 44px;\r\n    }\r\n\r\n    .process-header p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .process-journey {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n\r\n    \/* Vertical Process Line *\/\r\n\r\n    .process-journey::before {\r\n        content: \"\";\r\n\r\n        position: absolute;\r\n\r\n        top: 45px;\r\n        bottom: 45px;\r\n\r\n        left: 46px;\r\n\r\n        width: 2px;\r\n\r\n        background: rgba(7,49,20,0.12);\r\n    }\r\n\r\n\r\n    .process-step {\r\n        display: grid;\r\n\r\n        grid-template-columns: 92px 1fr;\r\n\r\n        gap: 22px;\r\n\r\n        align-items: start;\r\n\r\n        text-align: left;\r\n\r\n        padding: 0;\r\n    }\r\n\r\n\r\n    .step-top {\r\n        margin: 0;\r\n\r\n        justify-content: flex-start;\r\n    }\r\n\r\n\r\n    .step-icon {\r\n        width: 76px;\r\n        height: 76px;\r\n\r\n        border-width: 5px;\r\n    }\r\n\r\n\r\n    .step-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n\r\n\r\n    .step-number {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .step-content {\r\n        padding-top: 9px;\r\n    }\r\n\r\n\r\n    .step-content h3 {\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    .step-content p {\r\n        margin: 0;\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .step-marker {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .process-bottom {\r\n        margin-top: 60px;\r\n\r\n        justify-content: flex-start;\r\n\r\n        padding: 18px 20px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .process-section {\r\n        padding: 65px 20px;\r\n    }\r\n\r\n    .process-header h2 {\r\n        font-size: 38px;\r\n\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .process-step {\r\n        grid-template-columns: 72px 1fr;\r\n\r\n        gap: 17px;\r\n    }\r\n\r\n    .step-icon {\r\n        width: 64px;\r\n        height: 64px;\r\n\r\n        border-width: 4px;\r\n    }\r\n\r\n    .step-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    .process-journey::before {\r\n        left: 38px;\r\n    }\r\n\r\n    .step-content h3 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .step-content p {\r\n        font-size: 12px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .process-bottom {\r\n        gap: 12px;\r\n    }\r\n\r\n    .process-bottom-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Annour Agro Ventures | From Farm to Value Annour Agro Ventures FROM FARM TO VALUE. Quality Rice Milling &amp; Agro Solutions You Can Trust. Annour Agro Ventures provides reliable rice milling, agro-processing, produce supply, and agricultural services designed to create greater value across the agricultural value chain. Explore Our Services Contact Us \u2713 Quality Processing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":400,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","omw_enable_modal_window":"enable","footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":30,"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/pages\/17\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/annouragroventures.com\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}