<?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">Paddy</h2>
                            <ul class="breadcrumb-navigation">
                                <li>
                                    <a href="index.php">Home</a>
                                </li>
                                <li>
                                    <span>Paddy</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ac-breadcrumb-end -->
        
        <section class="trial-images-section">
    <div class="container">

        <!-- Section Title -->
        <div class="section-title text-center">
            <h2 class="ac-section-title-2">Paddy</h2>
        </div>

        <!-- Videos Section -->
<div class="row mt-50">

    <!-- Video 1 -->
    <div class="col-lg-6 col-md-6 col-12 mb-4">
        <div class="trial-video-box text-center">
            <div class="video-wrapper">
                <video width="100%" height="315" controls preload="none">
                    <source src="assets/videos/video-1.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
            </div>
        </div>
    </div>

    <!-- Video 2 -->
    <div class="col-lg-6 col-md-6 col-12 mb-4">
        <div class="trial-video-box text-center">
            <div class="video-wrapper">
                <video width="100%" height="315" controls preload="none">
                    <source src="assets/videos/video-2.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
            </div>
        </div>
    </div>

    <h4 class="mt-3 text-center">Paddy Field Trials</h4>

</div>

    </div>
</section>

    
    
    </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-image-box img{
    border-radius:8px;
    width:100%;
}

.video-wrapper iframe{
    border-radius:8px;
}

.trial-image-box h4,
.trial-video-box h4{
    font-size:16px;
    font-weight:600;
}

.video-wrapper video{
    width:100%;
    border-radius:8px;
}
    </style>
    

<?php include'footer.php'?>