<?php include'header.php'?>

    <main>
        <!-- ac-breadcrumb-start -->
        <div class="ac-breadcrumb-area pt-190 pb-190 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">Australian Cotton Field Trials - 2021</h2>
                            <ul class="breadcrumb-navigation">
                                <li>
                                    <a href="index.php">Home</a>
                                </li>
                                <li>
                                    <span>Australian Cotton Field Trials - 2021</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ac-breadcrumb-end -->
        
        <section class="trial-images-section">
    <div class="container">

        <div class="section-title">
            <h2 class="ac-section-title-2">Field Trial</h2>
        </div>

        <div class="trial-images-wrapper">

            <!-- Image 1 -->
            <div class="trial-image-box">
                <img src="assets/img/features/treated.png" alt="Control Field">
                <h4>Treated Crop</h4>
            </div>

            <!-- Image 2 -->
            <div class="trial-image-box">
                <img src="assets/img/features/control.png" alt="Treated Field">
                <h4>Control Crop</h4>
            </div>

        </div>


    </div>
</section>

        <!-- ac-services-details-start -->
<div class="ac-services-details mt-50">
    <div class="container">

        <div class="row">

            <!-- Section 1 -->
            <div class="col-lg-4 col-md-6 col-12">
                <div class="trial-section text-center mb-40">
                    

                    <div class="trial-img">
    <a data-fancybox="trial-gallery" href="assets/img/0.png">
        <img src="assets/img/0.png" alt="Control Field" class="img-fluid">
    </a>
</div>

                </div>
            </div>

            <!-- Section 2 -->
            <div class="col-lg-4 col-md-6 col-12">
                <div class="trial-section text-center mb-40">

                    <div class="trial-img">
    <a data-fancybox="trial-gallery" href="assets/img/0 (2).png">
        <img src="assets/img/0 (2).png" alt="Control Field Map" class="img-fluid">
    </a>
</div>
                    
                    <div class="section-title mb-20">
                        <h6>CONTROL FIELD<br> 7.66 bales/ha</h6>
                    </div>

                </div>
            </div>

            <!-- Section 3 -->
            <div class="col-lg-4 col-md-6 col-12">
                <div class="trial-section text-center mb-40">

                    
<div class="trial-img">
    <a data-fancybox="trial-gallery" href="assets/img/0 (1).png">
        <img src="assets/img/0 (1).png" alt="Treated Field" class="img-fluid">
    </a>
</div>
                    
                    <div class="section-title mb-20">
                        <h6>TREATED FIELD<br> 9.14 bales/ha</h6>
                    </div>

                </div>
            </div>

        </div>

    </div>
</div>
<!-- ac-services-details-end -->
    
    </main>
    
    <style>
    .trial-images-section{
padding:70px 0;
background:#f8f8f8;
}

.section-title{
text-align:center;
margin-bottom:40px;
}

.trial-images-wrapper{
display:flex;
gap:30px;
justify-content:center;
flex-wrap:wrap;
}

.trial-image-box{
width:480px;
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
text-align:center;
}

.trial-image-box img{
width:100%;
display:block;
}

.trial-image-box h4{
padding:15px;
margin:0;
font-size:20px;
background:#1f6b4f;
color:#fff;

.trial-content{
max-width:900px;
margin:auto;
text-align:center;
}

.trial-content p{
font-size:16px;
line-height:1.7;
margin-bottom:18px;
color:#555;
}
}
    </style>


<?php include'footer.php'?>