<div class="sub-banner-section overflow-hidden">
    <div class="banner-container-box">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 mb-md-0 mb-4 text-md-left text-center">
                    <div class="home-banner-text aos-init aos-animate" data-aos="fade-up">
                        <h1 class="text-white">Gallery</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<section class="our-work-section our-projects">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2 class="text-center" data-aos="fade-zoom-in">ATG AUTOS | Gallery</h2>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_1.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_1.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image case-img-margin2 effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_2.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_2.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image case-img-margin2 effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_3.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_3.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_4.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_4.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image case-img-margin2 effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_5.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_5.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image case-img-margin2 effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_6.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_6.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_7.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_7.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image case-img-margin2 effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_8.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_8.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image case-img-margin2 effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/galeri_9.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/galeri_9.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <h2 class="text-center" data-aos="fade-zoom-in">ATG SCOOTER | Gallery</h2>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/1.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/1.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/2.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/2.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/3.jpeg">
                            <img src="<?= base_url()?>assets/images/galeri/3.jpeg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 sm-mb-0 mb-5 text-center">
                <div class="case_studies_image effect-image-1 all-img">
                    <figure class="mb-0">
                        <a data-fancybox="gallery" href="<?= base_url()?>assets/images/galeri/4.jpg">
                            <img src="<?= base_url()?>assets/images/galeri/4.jpg" alt="" class="img-fluid">
                        </a>
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>