<section class="project-one section-space">
    <div class="container">
        <div class="team-one__top">
            <div class="sec-title text-left">
                <div class="sec-title__box justify-content-left">
                    <img src="assets/images/shapes/header-1-1.png" alt="icon" />
                    <h5 class="sec-title__tagline bw-split-in-right">Completed Projects</h5>
                </div>

                <h3 class="sec-title__title bw-split-in-left">
                    Where Quality Meets Integrity — <br />
                    And Projects Meet Perfection
                </h3>
            </div>
            <div class="team-one__top__btn">
                <a href="completed-projects" class="bultax-btn"
                    >VIEW ALL
                    <span class="bultax-btn__icon"
                        ><span class="bultax-btn__icon-box"
                            ><i class="icon-angle-arrow"></i><i class="icon-angle-arrow"></i></span></span
                ></a>
            </div>
        </div>
        <div
            class="project-one__carousel bultax-owl__carousel bultax-owl__carousel--basic-nav bultax-owl__carousel--with-shadow owl-carousel"
            data-owl-options='{
					"items": 1,
					"margin": 30,
					"loop": false,
					"smartSpeed": 700,
					"nav": false,
					"navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
					"dots": true,
					"autoplay": false,
					"responsive": {
						"0": {
							"items": 1
						},
						"768": {
							"items": 2
						},
						"992": {
							"items": 3
						}
					}
				}'
        >
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-1.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-1.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-2.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-2.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-3.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-3.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-4.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-4.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-5.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-5.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-6.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-6.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-8.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-8.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="project-card">
                    <div class="project-card__image">
                        <img src="assets/images/project/project-9.jpg" alt="image" />
                    </div>
                    <div class="project-card__hover">
                        <a href="assets/images/project/project-9.jpg" class="project-card__hover__popup img-popup"><i class="icon-zoom-in"></i>
						</a>
                    </div>
                </div>
            </div>
		</div>
    </div>
</section>
