<div id="PP" class="our-portfolio section">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="section-heading  wow bounceIn" data-wow-duration="1s" data-wow-delay="0.2s">
                        <h2>Panduan <span>Penggunaan</span> &amp; Cara <em>Kerja</em></h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                        <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                            <div class="hidden-content">
                                <h4>Register</h4>
                                <p>Daftarkan akun Anda untuk mengakses sistem diagnosa penyakit bawang merah.</p>                            </div>
                            <div class="showed-content">
                                <h3>STEP</h3>
                                <h1>1</h1>
                            </div>
                        </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                        <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.4s">
                            <div class="hidden-content">
                                <h4>Login</h4>
                                <p>Masuk ke sistem untuk mulai melakukan diagnosa berdasarkan gejala yang Anda temukan.</p>                            </div>
                            <div class="showed-content">
                            <h3>STEP</h3>
                            <h1>2</h1>
                            </div>
                        </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                        <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.5s">
                            <div class="hidden-content">
                                <h4>Memilih Gejala</h4>
                                <p>Pilih gejala yang muncul pada tanaman bawang merah Anda untuk mendapatkan analisis yang akurat.</p>                            </div>
                            <div class="showed-content">
                            <h3>STEP</h3>
                            <h1>3</h1>
                            </div>
                        </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                        <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.6s">
                            <div class="hidden-content">
                                <h4>Hasil Diagnosa</h4>
                                <p>Dapatkan hasil diagnosa lengkap beserta solusi untuk mengatasi penyakit bawang merah.</p>                            </div>
                            <div class="showed-content">
                            <h3>STEP</h3>
                            <h1>4</h1>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>