<?php include'header.php'?>

   <main>

    <!-- ac-breadcrumb-start -->
    <div class="ac-breadcrumb-area bg-default" data-background="assets/img/breadcrumb/breadcrumb-img.jpg">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-section">
                        <h2 class="ac-breadcrumb-title">Services</h2>
                        <ul class="breadcrumb-navigation">
                            <li><a href="index.php">Home</a></li>
                            <li><span>Services</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ac-breadcrumb-end -->
    
    <!-- Services Section -->
<section class="services-section">
    <div class="container">

        <!-- Section Header -->
        <div class="section-header">
            <h2 class="ac-section-title-2">Services</h2>
            <!--<p>-->
            <!--    We work closely with large farmers, seed companies, and pesticide manufacturers to implement ORGAGEN and our activator technologies in the field and in commercial products.-->
            <!--</p>-->
        </div>

        <!-- Services Grid -->
        <div class="services-grid">

            <!-- Card 1 -->
            <div class="service-card">
                <div class="card-accent"></div>
                <h4>For Large Farmers</h4>
                <p>
                    We provide cost‑effective solutions for large farmers to increase yields while reducing the usage of chemical pesticides.
                </p>
                <ul>
                    <li>Organized spraying of our products through drones within India.</li>
                    <li>Focus on yield increase, improved quality, and reduced chemical load.</li>
                </ul>
                <p>
                    We charge for our services only after our clients are satisfied with the results.
                </p>
            </div>

            <!-- Card 2 -->
            <div class="service-card">
                <div class="card-accent"></div>
                <h4>For Seed Companies</h4>
                <p>
                    We take up job work for seed companies to enhance yields and improve seed quality parameters in seed production.
                </p>
                <p>
                    Molecular activation technology: A solution for next generation agricultural
productivity. Activation of internal seed molecular activity enhances
germination, improving crop establishment and increasing yields.
                </p>
                <!--<ul>-->
                <!--    <li>Focus on seed vigour, germination, and field performance with farmers.</li>-->
                <!--    <li>Long-term partnership model to support consistent, high-quality seed output.</li>-->
                <!--</ul>-->
                
            </div>

        </div>

    </div>
</section>

</main>

<style>
    /* Section */
.services-section {
    padding: 60px 0;
    background: #f4f6f3;
}

/* Header */
.section-header {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 70px auto;
}

.section-header p {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
}

/* Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

/* Card */
.service-card {
    position: relative;
    background: #ffffff;
    padding: 45px;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    transition: all 0.35s ease;
    overflow: hidden;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
}

/* Accent bar */
.card-accent {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, #2f7d32, #5fae3f);
}

/* Lists */
.service-card ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.service-card ul li {
    margin-bottom: 10px;
    line-height: 1.6;
    color: #444;
}

/* Small note */
.card-note {
    font-size: 14px;
    color: #777;
}

/* Responsive */
@media (max-width: 991px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}
</style>


<?php include'footer.php'?>