<!DOCTYPE html>
<html lang="zxx">
<head>
	<!-- Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="Awaiken">
	<!-- Page Title -->
    <title>Renovex - Construction HTML Template</title>
	<!-- Favicon Icon -->
	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
	<!-- Google Fonts Css-->
	<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
	<!-- Bootstrap Css -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<!-- SlickNav Css -->
	<link href="assets/css/slicknav.min.css" rel="stylesheet">
	<!-- Swiper Css -->
	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
	<!-- Font Awesome Icon Css-->
	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
	<!-- Animated Css -->
	<link href="assets/css/animate.css" rel="stylesheet">
    <!-- Magnific Popup Core Css File -->
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	<!-- Mouse Cursor Css File -->
	<link rel="stylesheet" href="assets/css/mousecursor.css">
	<!-- Main Custom Css -->
	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
</head>
<body>

    <!-- Preloader Start -->
	<div class="preloader">
		<div class="loading-container">
			<div class="loading"></div>
			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
		</div>
	</div>
	<!-- Preloader End -->

    <!-- Header Start -->
	<header class="main-header">
		<div class="header-sticky">
			<nav class="navbar navbar-expand-lg">
				<div class="container">
					<!-- Logo Start -->
					<a class="navbar-brand" href="./">
						<img src="images/logo.svg" alt="Logo">
					</a>
					<!-- Logo End -->

                    <!-- Main Menu Start -->
                    <div class="collapse navbar-collapse main-menu">
                        <div class="nav-menu-wrapper">
                            <ul class="navbar-nav mr-auto" id="menu">
                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
                                    
                                </li>                                
                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
                                    <ul>                                        
                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
                            </ul>
                        </div>
                        
                        <!-- Header Btn Start -->
                        <div class="header-btn">
                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
                        </div>
                        <!-- Header Btn End -->
                    </div>
					<!-- Main Menu End -->
					<div class="navbar-toggle"></div>
				</div>
			</nav>
			<div class="responsive-menu"></div>
		</div>
	</header>
	<!-- Header End -->

    <!-- Page Header Section Start -->
    <div class="page-header parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">Our services</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="./">home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">services</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Section End -->

    <!-- Page Services Start -->
    <div class="page-services">
        <div class="container">
            <div class="row services-item-list">
                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp active">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Interior Design and Detailing</a></h2>
                                <h3>01.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>Our interior design solutions blend beauty and functionality</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-1.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>
                
                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.2s">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Project Planning & Consultation</a></h2>
                                <h3>02.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>We provide comprehensive planning and advisory services</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-2.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>
                
                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Urban Development & Master Planning</a></h2>
                                <h3>03.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>We design large scale urban space with focus on sustainability</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-3.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>
                
                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Civil Infrastructure Development</a></h2>
                                <h3>04.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>Our team specializes in roads, bridges, and public infrastructures</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-4.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>

                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="0.8s">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Structural Engineering Solution</a></h2>
                                <h3>05.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>Our interior design solutions blend beauty and functionality</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-5.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>

                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="1s">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Project Management & Supervision</a></h2>
                                <h3>06.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>We provide comprehensive planning and advisory services</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-6.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>

                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="1.2s">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Material Procure & Quality Control</a></h2>
                                <h3>07.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>We design large scale urban spaces with a focus on sustainability</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-7.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>

                <div class="col-xl-3 col-md-6">
                    <!-- Services Item Start -->
                    <div class="service-item wow fadeInUp" data-wow-delay="1.4s">
                        <div class="service-item-header">
                            <div class="service-item-title">
                                <h2><a href="/service-single">Sustainable & Green Building Practices</a></h2>
                                <h3>08.</h3>
                            </div>
                            <div class="service-item-content">
                                <p>Our team specializes in roads, bridges, and public infrastructures</p>
                            </div>
                        </div>
                        <div class="service-image-box">
                            <div class="service-item-image">
                                <figure class="image-anime">
                                    <img src="images/service-image-8.jpg" alt="">
                                </figure>
                            </div>
                            <div class="service-item-btn">
                                <a href="/service-single">
                                    <img src="images/arrow-primary.svg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- Services Item End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Services End -->

    <!-- Watch Our Story Section Start -->
    <div class="our-story dark-section parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Our Story Content Start -->
                    <div class="our-story-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">watch our story</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
                        </div>
                        <!-- Section Title End -->

                        <!-- Watch Video Circle Start -->
                        <div class="watch-video-circle">
                            <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
                                <img src="images/watch-video-circle.svg" alt="">
                            </a>
                        </div>
                        <!-- Watch Video Circle End -->
                    </div>
                    <!-- Our Story Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Watch Our Story Section End -->

    <!-- What We Do Setion Start -->
    <div class="what-we-do">
        <div class="container">
            <div class="row align-items-end">
                <div class="col-xl-7">
                    <!-- What We Do Content Start -->
                    <div class="what-we-do-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">what we do</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Blending architecture engineering and artistry to create timeless spaces</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">Our multidisciplinary team specializes in architecture, interior design, and structural development. We bring together creative design thinking and technical expertise to craft environments that inspire and endure.</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- What We Do Iteam List Start -->
                        <div class="what-we-do-item-list wow fadeInUp" data-wow-delay="0.4s">
                            <!-- What We Do Item Start -->
                            <div class="what-we-do-item">
                                <div class="icon-box">
                                    <img src="images/icon-what-we-do-item-1.svg" alt="">
                                </div>
                                <div class="what-we-do-item-body">
                                    <h3>Engineering Excellence</h3>
                                    <p>Our engineering approach focus on precision, safety, and sustainability.</p>
                                    <ul>
                                        <li>Our technical expertise ensures durability.</li>
                                    </ul>
                                </div>
                            </div>
                            <!-- What We Do Item End -->

                            <!-- What We Do Item Start -->
                            <div class="what-we-do-item">
                                <div class="icon-box">
                                    <img src="images/icon-what-we-do-item-2.svg" alt="">
                                </div>
                                <div class="what-we-do-item-body">
                                    <h3>Innovative Architectural</h3>
                                    <p>We push the boundaries of design to create architectural concept that inspire.</p>
                                    <ul>
                                        <li>Our innovative approach blends creativity.</li>
                                    </ul>
                                </div>
                            </div>
                            <!-- What We Do Item End -->
                        </div> 
                        <!-- What We Do Iteam List End -->

                        <!-- What We Do Button Start -->
                        <div class="what-we-do-btn wow fadeInUp" data-wow-delay="0.8s">
                            <a href="/contact" class="btn-default">Contact Us Today</a>
                        </div>
                        <!-- What We Do Button End -->
                    </div>
                    <!-- What We Do Content End -->
                </div>

                <div class="col-xl-5">
                    <!-- What We Do Image Start -->
                    <div class="what-we-do-image wow fadeInUp">
                        <figure>
                            <img src="images/what-we-do-image.png" alt="">
                        </figure>
                    </div>
                    <!-- What We Do Image End -->
                </div>
            </div>

            <div class="col-lg-12">
                <!-- Section Footer Text Start -->
                <div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.4s">
                    <!-- Satisfy Client Images Start -->
                    <div class="satisfy-client-images">
                        <div class="satisfy-client-image">
                            <figure class="image-anime">
                                <img src="images/author-1.jpg" alt="">
                            </figure>
                        </div>
                        <div class="satisfy-client-image add-more">
                            <img src="images/icon-phone-primary.svg" alt="">
                        </div>
                    </div>
                    <!-- Satisfy Client Images End -->
                    <p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
                </div>
                <!-- Section Footer Text End -->
            </div>
        </div>
    </div>
    <!-- What We Do Setion End -->

    <!-- Our Testimonials Section Start -->
    <div class="our-testimonials">
        <div class="container">
            <div class="row">
                <div class="col-xl-5">
                    <!-- Testimonial Content Start -->
                    <div class="our-testimonial-content">
                        <!-- Section Title Start -->
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Our Testimonials</h3>
                            <h2 class="text-anime-style-3" data-cursor="-opaque">Real feedback from those who built their dreams</h2>
                            <p class="wow fadeInUp" data-wow-delay="0.2s">Our commitment to excellence has earned us the trust of homeowners, developers and businesses alike.</p>
                        </div>
                        <!-- Section Title End -->

                        <!-- Testimonial Button Start -->
                        <div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
                            <a href="/testimonials" class="btn-default">View all testimonials</a>
                        </div>
                        <!-- Testimonial Button End -->
                    </div>
                    <!-- Testimonial Content End -->
                </div>
                
                <div class="col-xl-7">
                    <!-- Testimonial Slider Box Start -->
                    <div class="testimonial-slider-box">
                        <!-- Testimonial Slider Start -->
                        <div class="testimonial-slider">
                            <div class="swiper">
                                <div class="swiper-wrapper" data-cursor-text="Drag">
                                    <!-- Testimonial Slide Start -->
                                    <div class="swiper-slide">
                                        <!-- Testimonial Item Start -->
                                        <div class="testimonial-item">
                                            <div class="testimonial-company-logo">
                                                <img src="images/company-logo-1.svg" alt="">
                                            </div> 
                                            <div class="testimonial-item-body">
                                                <div class="testimonial-item-content">
                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
                                                </div>
                                                <div class="testimonial-author-content">
                                                    <h3>Darlene Robertson</h3>
                                                    <p>Interior Designer</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Testimonial Item End -->
                                    </div>
                                    <!-- Testimonial Slide End -->
                                    
                                    <!-- Testimonial Slide Start -->
                                    <div class="swiper-slide">
                                        <!-- Testimonial Item Start -->
                                        <div class="testimonial-item">
                                            <div class="testimonial-company-logo">
                                                <img src="images/company-logo-2.svg" alt="">
                                            </div> 
                                            <div class="testimonial-item-body">
                                                <div class="testimonial-item-content">
                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
                                                </div>
                                                <div class="testimonial-author-content">
                                                    <h3>Savannah Nguyen</h3>
                                                    <p>Interior Designer</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Testimonial Item End -->
                                    </div>
                                    <!-- Testimonial Slide End -->
                                    
                                    <!-- Testimonial Slide Start -->
                                    <div class="swiper-slide">
                                        <!-- Testimonial Item Start -->
                                        <div class="testimonial-item">
                                            <div class="testimonial-company-logo">
                                                <img src="images/company-logo-3.svg" alt="">
                                            </div> 
                                            <div class="testimonial-item-body">
                                                <div class="testimonial-item-content">
                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
                                                </div>
                                                <div class="testimonial-author-content">
                                                    <h3>Wade Warren</h3>
                                                    <p>Interior Designer</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Testimonial Item End -->
                                    </div>
                                    <!-- Testimonial Slide End -->
                                </div>
                                <div class="testimonial-pagination"></div>
                            </div>
                        </div>
                        <!-- Testimonial Slider End -->
    
                        <!-- Section Footer Text Start -->
                        <div class="section-footer-text section-footer-contact wow fadeInUp" data-wow-delay="0.2s">   
                            <p><span><img src="images/icon-phone-primary.svg" alt=""></span> Build smarter, design better - <a href="/contact">start your project with us today</a></p>
                        </div>
                        <!-- Section Footer Text End -->
                    </div>
                    <!-- Testimonial Slider Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Our Testimonial Section End -->

    <!-- Our FAQs Section Start -->
    <div class="our-faqs">
        <div class="container">
            <div class="row">
                <div class="col-xl-5">
                    <!-- Our FAQs Content Start -->
                    <div class="our-faqs-content">
                        <!-- Faqs Title Box Start -->
                        <div class="faqs-title-box">
                            <!-- Section Title Start -->
                            <div class="section-title">
                                <h3 class="wow fadeInUp">Frequently Asked Questions</h3>
                                <h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
                                <p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
                            </div>
                            <!-- Section Title End -->

                            <!-- Our FAQs Button Start -->
                            <div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
                                <a href="/faqs" class="btn-default">View all FAQs</a>   
                            </div>
                            <!-- Our FAQs Button End -->
                        </div>
                        <!-- Faqs Title Box End -->

                        <!-- Faq Contact Box Start -->
                        <div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
                            <div class="icon-box">
                                <img src="images/icon-phone-primary.svg" alt="">
                            </div>
                            <div class="faq-contact-box-content">
                                <h3>Call Us For Any Query</h3>
                                <p><a href="tel:+123456789">+(123) 456-789</a></p>
                            </div>
                        </div>
                        <!-- Faq Contact Box End -->
                    </div>
                    <!-- Our FAQs Content End -->
                </div>

                <div class="col-xl-7">
                    <!-- FAQ Accordion Start -->
                    <div class="faq-accordion" id="accordion">
                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp">
                            <h2 class="accordion-header" id="heading1">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                                    Q1. Do you provide both design and construction services?
                                </button>
                            </h2>
                            <div id="collapse1" class="accordion-collapse collapse  show" aria-labelledby="heading1" data-bs-parent="#accordion">
                                <div class="accordion-body">
                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->

                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
                            <h2 class="accordion-header" id="heading2">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                    Q2. Can you work with my existing architect or designer?
                                </button>
                            </h2>
                            <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
                                <div class="accordion-body">
                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->

                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
                            <h2 class="accordion-header" id="heading3">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                    Q3. How do you estimate the total project cost?
                                </button>
                            </h2>
                            <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
                                <div class="accordion-body">
                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->

                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
                            <h2 class="accordion-header" id="heading4">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                    Q4. What materials do you typically use for construction?
                                </button>
                            </h2>
                            <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
                                <div class="accordion-body">
                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->
                        
                        <!-- FAQ Item Start -->
                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
                            <h2 class="accordion-header" id="heading5">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
                                    Q5. Can you handle renovation or remodeling projects?
                                </button>
                            </h2>
                            <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
                                <div class="accordion-body">
                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
                                </div>
                            </div>
                        </div>
                        <!-- FAQ Item End -->
                    </div>
                    <!-- FAQ Accordion End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Our FAQs Section End -->

    <!-- Main Footer Start -->
    <footer class="main-footer dark-section">
        <!-- Scrolling Ticker Section Start -->
        <div class="footer-scrolling-ticker">
            <!-- Scrolling Ticker Box Start -->
            <div class="scrolling-ticker-box">
                <!-- Scrolling Content Start -->
                <div class="scrolling-content">
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                </div>
                <!-- Scrolling Content End -->
    
                <!-- Scrolling Content Start -->
                <div class="scrolling-content">
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
                </div>
                <!-- Scrolling Content End -->
            </div>
            <!-- Scrolling Ticker Box End -->
        </div>
        <!-- Scrolling Ticker Section End -->

        <!-- Footer Box Start -->
        <div class="footer-box">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4">
                        <!-- About Footer Start -->
                        <div class="about-footer">
                            <!-- Footer Logo Start -->
                            <div class="footer-logo">
                                <img src="images/footer-logo.svg" alt="">
                            </div>
                            <!-- Footer Logo End -->

                            <!-- About Footer Content Start -->
                            <div class="footer-working-hours">
                                <h3>Working Hours:</h3>
                                <ul>
                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
                                    <li>Saturday - Sunday: Closed</li>
                                </ul>
                            </div>
                            <!-- About Footer Content End -->
                        </div>
                        <!-- About Footer End -->
                    </div>

                    <div class="col-xl-8">
                        <!-- Footer Links Box Start -->
                        <div class="footer-links-box">
                            <!-- Footer Links Start -->
                            <div class="footer-links footer-location-info">
                                <h3>Contact Information</h3>
                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
                            </div>
                            <!-- Footer Links End -->

                            <!-- Footer Links Start -->
                            <div class="footer-links footer-contact-links">
                                <h3>Get in Touch</h3>
                                <ul>
                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
                                </ul>
                            </div>
                            <!-- Footer Links End -->
                            
                            <!-- Footer Newsletter Form Start -->
                            <div class="footer-links footer-newsletter-form">
                                <h3>Newsletter Subscription</h3>
                                <p>Stay updated on our latest projects, tips, and offers.</p>
                                <form id="newslettersForm" action="#" method="POST">
                                    <div class="form-group">
                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
                                    </div>
                                </form>
                            </div>
                            <!-- Footer Newsletter Form End -->

                            <!-- Footer Social Link Start -->
                            <div class="footer-links footer-social-links">
                                <h3>Follow On Socials:</h3>
                                <ul>
                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
                                </ul>
                            </div>
                            <!-- Footer Social Link End -->
                        </div>
                    </div>

                    <div class="col-lg-12">
                        <!-- Footer Copyright Start -->
                        <div class="footer-copyright">
                            <!-- Footer Menu Start -->
                            <div class="footer-menu">
                                <ul>
                                    <li><a href="/">Home</a></li>
                                    <li><a href="/about">About Us</a></li>
                                    <li><a href="/services">Service</a></li>
                                    <li><a href="/projects">Project</a></li>
                                    <li><a href="/contact">Contact</a></li>
                                </ul>
                            </div>
                            <!-- Footer Menu End -->
                            
                            <!-- Footer Copyright Text Start -->
                            <div class="footer-copyright-text">
                                <p>Copyright © 2025 All Rights Reserved.</p>
                            </div>
                            <!-- Footer Copyright Text End -->
                        </div>
                        <!-- Footer Copyright End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Box End -->
    </footer>
    <!-- Main Footer End -->

    <!-- Jquery Library File -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!-- Bootstrap js file -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Validator js file -->
    <script src="assets/js/validator.min.js"></script>
    <!-- SlickNav js file -->
    <script src="assets/js/jquery.slicknav.js"></script>
    <!-- Swiper js file -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!-- Counter js file -->
    <script src="assets/js/jquery.waypoints.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Isotop js file -->
	<script src="assets/js/isotope.min.js"></script>
    <!-- Magnific js file -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- SmoothScroll -->
    <script src="assets/js/SmoothScroll.js"></script>
    <!-- Parallax js -->
    <script src="assets/js/parallaxie.js"></script>
    <!-- MagicCursor js file -->
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/magiccursor.js"></script>
    <!-- Text Effect js file -->
    <script src="assets/js/SplitText.min.js"></script>
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <!-- YTPlayer js File -->
    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
    <!-- Wow js file -->
    <script src="assets/js/wow.min.js"></script>
    <!-- Main Custom js file -->
    <script src="assets/js/function.js"></script>
</body>
</html>