```html id="m3qk8p"
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>
    Mandvi Buildcon Private Limited | Construction Company in Bihar
</title>

<meta name="description"
    content="Mandvi Buildcon Private Limited is a trusted construction company in Bihar offering residential construction, commercial building construction, road construction, civil engineering, infrastructure development, and modern building solutions across India.">

<meta name="keywords"
    content="
Mandvi Buildcon Private Limited,
construction company Bihar,
construction company Patna,
civil construction company India,
residential construction services,
commercial building construction,
infrastructure development company,
road construction company Bihar,
civil engineering services,
building contractor Patna,
industrial construction company,
real estate development Bihar,
modern construction solutions,
architecture and construction,
interior construction services,
structural engineering company,
bridge construction services,
government construction contractor,
highway construction India,
turnkey construction projects,
construction management services,
site development company,
construction consultancy Bihar,
project management construction,
warehouse construction company,
apartment construction services,
villa construction company,
commercial office construction,
hospital construction company,
school building construction,
construction and engineering company,
best construction company Bihar,
building renovation services,
smart infrastructure development,
affordable construction company,
construction services India,
civil contractor Bihar,
urban infrastructure projects,
quality construction company,
real estate builder India,
engineering and construction services,
construction solutions provider,
construction company near Patna,
Mandvi Buildcon projects,
building design and execution,
industrial infrastructure company,
construction planning services,
concrete construction company,
construction business India,
trusted construction company
">

<meta name="author" content="Mandvi Buildcon Private Limited">

<meta name="robots" content="index, follow">

<meta name="language" content="English">

<meta name="revisit-after" content="7 days">

<meta name="rating" content="General">

<!-- OPEN GRAPH -->

<meta property="og:title"
    content="Mandvi Buildcon Private Limited | Construction & Infrastructure Company">

<meta property="og:description"
    content="Mandvi Buildcon Private Limited provides residential, commercial, and infrastructure construction services with quality engineering and modern building solutions.">

<meta property="og:type" content="website">

<meta property="og:locale" content="en_IN">

<meta property="og:image"
    content="./assets/images/logo.jpeg">

<!-- TWITTER CARD -->

<meta name="twitter:card" content="summary_large_image">

<meta name="twitter:title"
    content="Mandvi Buildcon Private Limited | Construction Company">

<meta name="twitter:description"
    content="Professional residential, commercial, and infrastructure construction services by Mandvi Buildcon Private Limited.">

<meta name="twitter:image"
    content="./assets/images/logo.jpeg">

<!-- LOCATION -->

<meta name="geo.region" content="IN-BR">

<meta name="geo.placename" content="Patna, Bihar, India">

<meta name="geo.position" content="25.6050;85.1100">

<meta name="ICBM" content="25.6050, 85.1100">

<!-- ADDRESS -->

<meta name="address"
    content="Patna, Bihar, India">

<!-- FAVICON -->

<link rel="icon"
    type="image/png"
    sizes="32x32"
    href="./assets/images/logo.jpeg">

<link rel="icon"
    type="image/png"
    sizes="16x16"
    href="./assets/images/logo.jpeg">

<link rel="apple-touch-icon"
    href="./assets/images/logo.jpeg">

<meta name="theme-color" content="#ff7a00">



<!-- FONT AWESOME -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Bree+Serif&family=Bungee&family=Calistoga&family=Carter+One&family=Changa+One:ital@0;1&family=Concert+One&family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Khand:wght@300;400;500;600;700&family=Laila:wght@300;400;500;600;700&family=Lobster&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Merienda:wght@300..900&family=Oleo+Script:wght@400;700&family=Pacifico&family=Permanent+Marker&family=Roboto+Slab:wght@100..900&family=Rowdies:wght@300;400;700&family=Rozha+One&family=Rubik+Wet+Paint&family=Satisfy&family=Sekuya&family=Tangerine:wght@400;700&family=Young+Serif&display=swap');
</style>

<style>
    @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Roboto Slab", serif;
    }

    .construction-header {
        width: 100%;
        position: relative;
        z-index: 9999;
    }

    /* =========================
       TOP HEADER
    ========================= */

    .construction-topbar {
        background: #fff;
        color: #2b1872;
        padding: 12px 0;
        border-bottom: 1px solid #ddd;
    }

    .construction-container {
        width: 92%;
        max-width: 1400px;
        margin: auto;
    }

    .construction-top-inner {
        display: flex;
        align-items: center;
        /* Desktop view me space-between */
        justify-content: space-between; 
        gap: 20px;
        flex-wrap: wrap;
    }

    /* LEFT SIDE LOGO BLOCK */
    .construction-logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #2b1872;
        flex: 0 0 auto; /* Prevent shrinking */
        text-align: center;
    }

    /* Placeholder image styling */
    .construction-logo img {
        width: auto;
        height: 90px;
        object-fit: cover;
        margin-bottom: 2px;
        border-radius: 4px; /* Optional: for placeholder look */
    }

    /* Style for "Building Trust" just below logo */
    .logo-trust-text {
        font-size: 14px;
        font-weight: 700;
        color: #1a1a1a;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    /* CENTER SIDE BRAND BLOCK */
    .construction-branding {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-grow: 1; /* Takes available space to keep it centered */
    }
    
    .construction-branding h2{
        font-family: "Changa One", sans-serif;
  font-weight: 400 !important;
 font-size:50px !important;
    }

    /* Highlighted Welcome To - Animation Added Here */
    .brand-welcome {
        font-size: 15px;
        font-weight: 800;
        color: #2b1872; 
        letter-spacing: 8px;
        text-transform: uppercase;
        display: block;
        line-height: 1.4;
        position:relative;
        top:12px;
        
        /* Animation Trigger */
        animation: fadeInUp 1.5s ease-out forwards;
        opacity: 0; /* Start hidden for animation */
        transform: translateY(20px);
    }

    @keyframes fadeInUp {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .construction-branding h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
        color: #2b1872;
        text-transform: uppercase;
    }

    /* RIGHT SIDE SOCIAL BLOCK */
    .construction-social {
        display: flex;
        align-items: center;
        gap: 7px;
        flex: 0 0 auto;
    }

    .construction-social a {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #ff7a00;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
        transition: .3s;
    }

    .construction-social a:hover {
        background: #2b1872;
        color: #fff;
        transform: translateY(-3px);
    }

    /* =========================
       BOTTOM HEADER
    ========================= */

    .construction-navbar {
        background: #ff7a00;
        position: relative;
        transition: .3s;
    }

    .construction-navbar.sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    }

    .construction-nav-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 58px;
        position: relative;
    }

    /* NAV */

    .construction-nav {
        display: flex;
        align-items: center;
        gap: 0;
        list-style: none;
        flex-wrap: wrap;
        justify-content: center;
    }

    .construction-nav li {
        position: relative;
    }

    .construction-nav li a {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        padding: 16px 16px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: .3s;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    .construction-nav li a:hover {
        background: #2b1872;
        color: #fff;
    }

    /* DROPDOWN */

    .construction-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 240px;
        background: #fff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: .3s;
        list-style: none;
    }

    .construction-dropdown li {
        width: 100%;
    }

    .construction-dropdown li a {
        padding: 14px 18px;
        color: #2b1872;
        border-bottom: 1px solid #eee;
        background: #fff;
    }

    .construction-dropdown li a:hover {
        background: #ff7a00;
        color: #fff;
    }

    .construction-nav li:hover .construction-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* MOBILE BUTTON */

    .construction-mobile-btn {
        display: none;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 45px;
        height: 45px;
        border: none;
        background: #2b1872;
        color: #fff;
        border-radius: 8px;
        font-size: 20px;
        cursor: pointer;
    }

    /* =========================
       MOBILE SIDEBAR
    ========================= */

    .construction-mobile-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 320px;
        max-width: 90%;
        height: 100vh;
        background: #2b1872;
        z-index: 999999;
        overflow-y: auto;
        transition: .4s ease;
        padding: 25px 0;
    }

    .construction-mobile-menu.active {
        left: 0;
    }

    .construction-mobile-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        z-index: 999998;
    }

    .construction-mobile-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    /* MOBILE TOP */

    .construction-mobile-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .construction-mobile-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #fff;
        text-decoration: none;
    }

    .construction-mobile-logo img {
        width: 48px;
        height: 48px;
        border-radius: 8px;
    }

    .construction-mobile-logo h3 {
        font-size: 20px;
    }

    .construction-close {
        width: 40px;
        height: 40px;
        border: none;
        border-radius: 8px;
        background: #ff7a00;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }

    /* MOBILE NAV */

    .construction-mobile-nav {
        list-style: none;
        padding: 20px;
    }

    .construction-mobile-nav li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .construction-mobile-nav li a,
    .construction-mobile-dropdown-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: #fff;
        text-decoration: none;
        padding: 16px 0;
        background: none;
        border: none;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }

    .construction-mobile-nav-left {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    /* MOBILE DROPDOWN */

    .construction-mobile-dropdown {
        display: none;
        list-style: none;
        padding-left: 15px;
        padding-bottom: 10px;
    }

    .construction-mobile-dropdown.active {
        display: block;
    }

    .construction-mobile-dropdown li a {
        padding: 12px 0;
        font-size: 15px;
        color: #ddd;
    }

    /* =========================
       RESPONSIVE (UPDATED LOGIC)
    ========================= */

    @media(max-width:991px) {

        .construction-top-inner {
            /* Center items generally */
            justify-content: center; 
            gap: 15px;
        }

        /* 1. BRANDING (Top) */
        .construction-branding {
            order: 1; /* Pehle aayega */
            width: 100%; /* Poori width lega */
            margin-bottom: 10px; /* Thoda gap neeche wali row se */
        }

        /* 2. LOGO & SOCIAL (Ek Row Me) */
        .construction-logo {
            order: 2; /* Dusre number pe aayega */
            width: auto; /* Sirf jitna chahiye utna width */
            margin-bottom: 0;
        }

        .construction-social {
            order: 3; /* Teesre number pe aayega */
            width: auto; /* Sirf utna width */
            /* Space between ke liye margin-left auto use kar rahe hain */
            margin-left: 20px;
            display:none;
        }

        .construction-nav {
            display: none;
        }

        .construction-mobile-btn {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .construction-nav-inner {
            justify-content: flex-start;
            padding-left: 60px;
            min-height: 58px;
        }
    }

    @media(max-width:768px) {

        .construction-branding h2 {
            font-size: 25px !important;
        }

        .brand-welcome {
            font-size: 18px; /* Mobile me text size thoda adjust kiya */
            letter-spacing: 4px;
        }
        
        .construction-logo img {
            height: 100px !important;
        }

        .construction-topbar {
            padding: 18px 0;
        }
        
        /* Mobile view me left-right balance set karne ke liye tweak */
        .construction-top-inner {
            justify-content: space-between; /* Left Logo, Right Social */
            padding: 0 10px;
        }
    }

    @media(max-width:576px) {
        
        .construction-logo img {
            height: 60px;
        }

        .construction-branding h2 {
            font-size: 18px;
        }

        .logo-trust-text {
            font-size: 12px;
        }
        
        /* Very small screen par text adjust */
        .brand-welcome {
            font-size: 14px;
            letter-spacing: 2px;
        }
    }
</style>




<header class="construction-header">

    <!-- TOP HEADER -->
    <div class="construction-topbar">

        <div class="construction-container">

            <div class="construction-top-inner">

                <!-- LOGO (Left Side) -->
                <!-- Placeholder image used for demo purposes -->
                <a href="./index.php" class="construction-logo">
                    <img src="./assets/images/logo.png" alt="Logo">
                    <span class="logo-trust-text">Building Trust</span>
                </a>

                <!-- COMPANY NAME (Center - Upper in Mobile) -->
                <div class="construction-branding">
                    <span class="brand-welcome">WELCOME TO</span><br>
                    <h2>Mandvi Buildcon Pvt. Ltd.</h2>
                </div>

                <!-- SOCIAL (Right Side - Row with Logo in Mobile) -->
                <div class="construction-social">

                    <a href="#"><i class="fab fa-facebook-f"></i></a>

                    <a href="#"><i class="fab fa-instagram"></i></a>

                    <a href="#"><i class="fab fa-linkedin-in"></i></a>

                    <a href="#"><i class="fab fa-youtube"></i></a>

                </div>

            </div>

        </div>

    </div>

    <!-- BOTTOM NAVBAR -->
    <div class="construction-navbar" id="constructionNavbar">

        <div class="construction-container">

            <div class="construction-nav-inner">

                <!-- MOBILE BUTTON -->
                <button class="construction-mobile-btn" id="constructionOpenMenu">
                    <i class="fa-solid fa-bars"></i>
                </button>

                <!-- DESKTOP NAV -->
                <ul class="construction-nav">

                    <li>
                        <a href="./index.php">
                            <i class="fa-solid fa-house"></i>
                            Home
                        </a>
                    </li>

                    <li>

                        <a href="#">
                            <i class="fa-solid fa-users"></i>
                            About
                            <i class="fa-solid fa-chevron-down"></i>
                        </a>

                        <ul class="construction-dropdown">

                            <li>
                                <a href="./about.php">
                                    <i class="fa-solid fa-circle-info"></i>
                                    About Company
                                </a>
                            </li>

                            <li>
                                <a href="./mission.php">
                                    <i class="fa-solid fa-circle-info"></i>
                                    Mission & Vision
                                </a>
                            </li>

                        </ul>
                    </li>

                    <li>
                        <a href="./services.php">
                            <i class="fa-solid fa-building"></i>
                            Services
                        </a>
                    </li>

                    <li>
                        <a href="./projects.php">
                            <i class="fa-solid fa-building"></i>
                            Project
                        </a>
                    </li>

                    <li>
                        <a href="./director.php">
                            <i class="fa-solid fa-briefcase"></i>
                            Director Messages
                        </a>
                    </li>

                    <li>

                        <a href="#">
                            <i class="fa-solid fa-users"></i>
                            Media
                            <i class="fa-solid fa-chevron-down"></i>
                        </a>

                        <ul class="construction-dropdown">

                            <li>
                                <a href="./gallery.php">
                                    <i class="fa-solid fa-circle-info"></i>
                                    Image Gallery
                                </a>
                            </li>

                            <li>
                                <a href="./blog.php">
                                    <i class="fa-solid fa-user-tie"></i>
                                    Blogs & Updates
                                </a>
                            </li>

                        </ul>
                    </li>

                    <li>
                        <a href="./faq.php">
                            <i class="fa-solid fa-briefcase"></i>
                            FAQs
                        </a>
                    </li>

                    <li>
                        <a href="./career.php">
                            <i class="fa-solid fa-briefcase"></i>
                            Career
                        </a>
                    </li>

                    <li>
                        <a href="./contact.php">
                            <i class="fa-solid fa-phone"></i>
                            Contact
                        </a>
                    </li>

                </ul>

            </div>

        </div>

    </div>

</header>

<!-- MOBILE OVERLAY -->
<div class="construction-mobile-overlay" id="constructionOverlay"></div>

<!-- MOBILE MENU -->
<div class="construction-mobile-menu" id="constructionMobileMenu">

    <!-- TOP -->
    <div class="construction-mobile-top">

        <a href="./index.php" class="construction-mobile-logo">

            <img src="https://picsum.photos/seed/buildcon/200/200" alt="Logo">

            <div>
                <h3>Mandvi Buildcon Pvt. Ltd.</h3>
            </div>

        </a>

        <button class="construction-close" id="constructionCloseMenu">
            <i class="fa-solid fa-xmark"></i>
        </button>

    </div>

    <!-- NAV -->
    <ul class="construction-mobile-nav">

        <li>
            <a href="./index.php">
                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-house"></i>
                    Home
                </div>
            </a>
        </li>

        <li>

            <button class="construction-mobile-dropdown-btn">

                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-users"></i>
                    About
                </div>

                <i class="fa-solid fa-chevron-down"></i>

            </button>

            <ul class="construction-mobile-dropdown">

                <li>
                    <a href="./about.php">
                        <i class="fa-solid fa-circle-info"></i>
                        About Company
                    </a>
                </li>

                <li>
                    <a href="./mission.php">
                        <i class="fa-solid fa-circle-info"></i>
                        Mission & Vision
                    </a>
                </li>

            </ul>
        </li>

        <li>
            <a href="./services.php">
                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-building"></i>
                    Services
                </div>
            </a>
        </li>

        <li>
            <a href="./projects.php">
                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-layer-group"></i>
                    Projects
                </div>
            </a>
        </li>

        <li>
            <a href="./director.php">
                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-briefcase"></i>
                    Director Messages
                </div>
            </a>
        </li>

        <li>

            <button class="construction-mobile-dropdown-btn">

                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-photo-film"></i>
                    Media
                </div>

                <i class="fa-solid fa-chevron-down"></i>

            </button>

            <ul class="construction-mobile-dropdown">

                <li>
                    <a href="./gallery.php">
                        <i class="fa-solid fa-image"></i>
                        Image Gallery
                    </a>
                </li>

                <li>
                    <a href="./blog.php">
                        <i class="fa-solid fa-blog"></i>
                        Blogs & Updates
                    </a>
                </li>

            </ul>
        </li>

        <li>
            <a href="./faq.php">
                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-circle-question"></i>
                    FAQs
                </div>
            </a>
        </li>

        <li>
            <a href="./career.php">
                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-user-tie"></i>
                    Career
                </div>
            </a>
        </li>

        <li>
            <a href="./contact.php">
                <div class="construction-mobile-nav-left">
                    <i class="fa-solid fa-phone"></i>
                    Contact
                </div>
            </a>
        </li>

    </ul>

</div>

<script>
    /* STICKY NAVBAR */

    const navbar = document.getElementById("constructionNavbar");

    window.addEventListener("scroll", function() {

        if (window.scrollY > 120) {
            navbar.classList.add("sticky");
        } else {
            navbar.classList.remove("sticky");
        }

    });

    /* MOBILE MENU */

    const openMenu = document.getElementById("constructionOpenMenu");
    const closeMenu = document.getElementById("constructionCloseMenu");
    const mobileMenu = document.getElementById("constructionMobileMenu");
    const overlay = document.getElementById("constructionOverlay");

    openMenu.addEventListener("click", function() {

        mobileMenu.classList.add("active");
        overlay.classList.add("active");

    });

    function closeMobileMenu() {

        mobileMenu.classList.remove("active");
        overlay.classList.remove("active");

    }

    closeMenu.addEventListener("click", closeMobileMenu);

    overlay.addEventListener("click", closeMobileMenu);

    /* MOBILE DROPDOWN */

    const dropdownBtns = document.querySelectorAll(".construction-mobile-dropdown-btn");

    dropdownBtns.forEach(btn => {

        btn.addEventListener("click", function() {

            const dropdown = this.nextElementSibling;

            dropdown.classList.toggle("active");

        });

    });
</script>


<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />


<section class="apply-page">

    <div class="apply-box">

        <h2>
            Apply Now
        </h2>

        <p>
            Fill the application form and apply for your desired position.
        </p>

        <!-- UPDATED FORM ACTION AND ATTRIBUTES -->
        <form action="submit-application.php" method="POST" enctype="multipart/form-data" id="applyForm">

            

            <div class="apply-row">

                <input type="text" name="name" placeholder="Full Name" required>

                <input type="email" name="email" placeholder="Email Address" required>

            </div>

            <div class="apply-row">

                <input type="text" name="phone" placeholder="Contact Number" required>

                <input type="text" name="location" placeholder="City" required>

            </div>

            <!-- POSITION -->
            

            <!-- MESSAGE -->
            <textarea name="message"
                placeholder="Write your message..."
                required></textarea>

            <!-- RESUME -->
            <div class="resume-upload">

                <label>

                    <i class="fa-solid fa-file-arrow-up"></i>

                    Upload Resume

                </label>

                <input type="file" name="resume" required>

            </div>

            <!-- CAPTCHA -->
            <div class="captcha-row">

                <div class="captcha-box">
                    <span id="captchaCode"></span>
                </div>

                <input type="text" name="captcha"
                    id="captchaInput"
                    placeholder="Enter Captcha">

                <button type="submit" name="submit_application">

                    <i class="fa-solid fa-paper-plane"></i>

                    Submit

                </button>

            </div>

        </form>

    </div>

</section>

<style>
    /* =========================
   BANNER SECTION
========================= */
    .inner-banner-section {
        width: 100%;
        overflow: hidden;
        font-family: 'Poppins', sans-serif;
    }

    /* =========================
   IMAGE AREA
========================= */
    .inner-banner-image {
        width: 100%;
        height: 250px;
        position: relative;
        background: url('./assets/images/s15.webp') center center/cover no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* =========================
   OVERLAY
========================= */
    .inner-banner-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: 1;
    }

    /* =========================
   CONTENT
========================= */
    .inner-banner-content {
        position: relative;
        z-index: 2;
        text-align: center;
        width: 95%;
        max-width: 900px;
        padding: 0 15px;
    }

    /* HEADING */
    .inner-banner-content h1 {
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    /* =========================
   RESPONSIVE
========================= */
    @media(max-width:768px) {

        .inner-banner-image {
            height: 350px;
        }

        .inner-banner-content h1 {
            font-size: 32px;
        }

    }

    @media(max-width:500px) {

        .inner-banner-content h1 {
            font-size: 26px;
        }
    }
</style>

<style>
    .apply-page {
        width: 100%;
        padding: 40px 0;
        background: #f8fafc;
        font-family: 'Poppins', sans-serif;
    }

    .apply-box {
        width: 95%;
        max-width: 1000px;
        margin: auto;
        background: #fff;
        padding: 40px;
        border: 1px solid #e5e7eb;
    }

    .apply-box h2 {
        font-size: 30px;
        color: #2b1872;
        margin-bottom: 10px;
        text-align: center;
    }

    .apply-box p {
        text-align: center;
        font-size: 13px;
        color: #6b7280;
        margin-bottom: 30px;
        line-height: 1.9;
    }

    .apply-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        margin-bottom: 25px;
    }

    .apply-row input,
    textarea,
    input[type="file"] {
        width: 100%;
        padding: 15px;
        border: none;
        outline: none;
        background: #f3f4f6;
        font-size: 13px;
        color: #2b1872;
    }

    .position-field {
        background: #d1fae5 !important;
        color: black !important;
        font-weight: 600;
    }

    textarea {
        height: 130px;
        resize: none;
        margin-bottom: 25px;
    }

    /* RESUME */
    .resume-upload {
        width: 100%;
        margin-bottom: 25px;
    }

    .resume-upload label {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-weight: 600;
        color: #2b1872;
        margin-bottom: 12px;
    }

    .resume-upload label i {
        color: #ff7a00;
    }

    input[type="file"] {
        cursor: pointer;
    }

    /* CAPTCHA */
    .captcha-row {
        display: flex;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
    }

    .captcha-box {
        min-width: 110px;
        height: 48px;
        background: #2b1872;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 5px;
        font-size: 16px;
        font-weight: 600;
    }

    .captcha-row input {
        flex: 1;
        height: 48px;
        background: #f3f4f6;
        border: none;
        padding: 15px;
        outline: none;
    }

    .captcha-row button {
        height: 48px;
        border: none;
        padding: 0 24px;
        background: #ff7a00;
        color: #fff;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        transition: .3s;
    }

    .captcha-row button:hover {
        background: #2b1872;
    }

    /* RESPONSIVE */
    @media(max-width:768px) {

        .apply-box {
            padding: 25px;
        }

        .apply-row {
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .captcha-row {
            flex-direction: column;
            align-items: stretch;
        }

        .captcha-row button {
            justify-content: center;
        }

        .captcha-box {
            width: 100%;
        }

    }

    @media(max-width:500px) {

        .apply-box h2 {
            font-size: 26px;
        }

    }
</style>

<script>
    const captchaCode =
        document.getElementById("captchaCode");

    const captchaInput =
        document.getElementById("captchaInput");

    const applyForm =
        document.getElementById("applyForm");

    function generateCaptcha() {

        const chars = "0123456789";

        let captcha = "";

        for (let i = 0; i < 4; i++) {

            captcha += chars.charAt(
                Math.floor(Math.random() * chars.length)
            );

        }

        captchaCode.innerText = captcha;

    }

    generateCaptcha();

    applyForm.addEventListener("submit", function(e) {

        // Validate Captcha
        if (
            captchaInput.value.trim() !==
            captchaCode.innerText
        ) {
            e.preventDefault();
            alert("Invalid Captcha!");
            generateCaptcha();
            return;
        }

    });
</script>

<!-- FONT AWESOME -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

<style>

/* =========================
   CONSTRUCTION FOOTER
========================= */

.construction-footer{
    width:100%;
    background:#ffffff;
    color:#2b1872;
    position:relative;
    overflow:hidden;
}

/* TOP */

.construction-footer-top{
    padding:30px 0 50px;
    border-top:5px solid #ff7a00;
    border-bottom:1px solid #ffd2a8;
    background:#fff;
}

.construction-footer-container{
    width:92%;
    max-width:1400px;
    margin:auto;
}

/* GRID */

.construction-footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.3fr;
    gap:40px;
}

/* LOGO */

.construction-footer-logo{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    margin-bottom:20px;
}

.construction-footer-logo img{
    width:auto;
    height:100px;
    object-fit:cover;
}

.construction-footer-logo h2{
    color:#ff7a00;
    font-size:28px;
    line-height:1;
}

.construction-footer-logo span{
    display:block;
    margin-top:5px;
    color:#2b1872;
    font-size:13px;
    font-weight:600;
}

/* TEXT */

.construction-footer-text{
    color:#555;
    font-size:15px;
    line-height:1.9;
    margin-bottom:28px;
}

/* SOCIAL */

.construction-footer-social{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.construction-footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#ff7a00;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.3s;
    font-size:16px;
}

.construction-footer-social a:hover{
    background:#2b1872;
    color:#fff;
    transform:translateY(-4px);
}

/* TITLE */

.construction-footer-title{
    font-size:24px;
    margin-bottom:28px;
    color:#ff7a00;
    position:relative;
    padding-bottom:14px;
}

.construction-footer-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:70px;
    height:4px;
    background:#ff7a00;
    border-radius:10px;
}

/* LINKS */

.construction-footer-links{
    list-style:none;
}

.construction-footer-links li{
    margin-bottom:16px;
}

.construction-footer-links li a{
    text-decoration:none;
    color:#333;
    display:flex;
    align-items:center;
    gap:12px;
    transition:.3s;
    font-size:15px;
    font-weight:500;
}

.construction-footer-links li a:hover{
    color: #ff7a00;
    padding-left:8px;
}

.construction-footer-links li a i{
    color:#ff7a00;
    font-size:14px;
}

/* CONTACT */

.construction-footer-contact{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.construction-footer-contact-box{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.construction-footer-contact-box i{
    width:45px;
    height:45px;
    background:#ff7a00;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
    flex-shrink:0;
}

.construction-footer-contact-box h4{
    font-size:17px;
    margin-bottom:6px;
    color:#ff7a00;
}

.construction-footer-contact-box p,
.construction-footer-contact-box a{
    color:#444;
    text-decoration:none;
    font-size:15px;
    line-height:1.7;
}

/* BOTTOM */

.construction-footer-bottom{
    padding:5px 0;
    background:#ff7a00;
}

.construction-footer-bottom-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.construction-footer-bottom p{
    color: #fff;
    font-size:15px;
    font-weight:500;
}

/* ERA INFOTECH */

.era-developer{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    transition:.3s;
    background: #fff;
    padding:8px 14px;
    border-radius:50px;
}

.era-developer img{
    width:45px;
    height:45px;
    border-radius:50%;
    object-fit:cover;
    background: #fff;
    padding:3px;
    border:2px solid #ff7a00;
}

.era-developer span{
    color: #ff7a00;
    font-size:15px;
    font-weight:700;
    transition:.3s;
}

.era-developer:hover{
    transform:translateY(-3px);
}

.era-developer:hover span{
    color: #2b1872;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .construction-footer-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .construction-footer-top{
        padding:55px 0 40px;
    }

    .construction-footer-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .construction-footer-title{
        font-size:22px;
    }

    .construction-footer-bottom-inner{
        flex-direction:column;
        text-align:center;
    }

    .construction-footer-logo h2{
        font-size:24px;
    }

}

</style>

<!-- =========================
     FOOTER START
========================= -->

<footer class="construction-footer">

    <!-- TOP -->
    <div class="construction-footer-top">

        <div class="construction-footer-container">

            <div class="construction-footer-grid">

                <!-- ABOUT -->
                <div>

                    <a href="./index.php" class="construction-footer-logo">

                        <img src="./assets/images/logo.png" alt="Logo">

                        <div>
                            <h2>Mandvi Buildcon</h2>
                            <span>Construction Company</span>
                        </div>

                    </a>

                    <p class="construction-footer-text">
                        We provide premium construction services with modern engineering,
                        trusted workmanship, innovative designs, and quality materials
                        for residential, commercial, and industrial projects.
                    </p>

                    <!-- SOCIAL -->
                    <div class="construction-footer-social">

                        <a href="#">
                            <i class="fab fa-facebook-f"></i>
                        </a>

                        <a href="#">
                            <i class="fab fa-instagram"></i>
                        </a>

                        <a href="#">
                            <i class="fab fa-linkedin-in"></i>
                        </a>

                        <a href="#">
                            <i class="fab fa-youtube"></i>
                        </a>

                        <a href="#">
                            <i class="fab fa-whatsapp"></i>
                        </a>

                    </div>

                </div>

                <!-- QUICK LINKS -->
                <div>

                    <h3 class="construction-footer-title">
                        Quick Links
                    </h3>

                    <ul class="construction-footer-links">

                        <li>
                            <a href="./index.php">
                                <i class="fa-solid fa-angle-right"></i>
                                Home
                            </a>
                        </li>

                        <li>
                            <a href="./about.php">
                                <i class="fa-solid fa-angle-right"></i>
                                About Us
                            </a>
                        </li>

                        <li>
                            <a href="./services.php">
                                <i class="fa-solid fa-angle-right"></i>
                                Services
                            </a>
                        </li>

                        <li>
                            <a href="./projects.php">
                                <i class="fa-solid fa-angle-right"></i>
                                Projects
                            </a>
                        </li>

                        <li>
                            <a href="./blog.php">
                                <i class="fa-solid fa-angle-right"></i>
                                Blog
                            </a>
                        </li>

                        <li>
                            <a href="./contact.php">
                                <i class="fa-solid fa-angle-right"></i>
                                Contact
                            </a>
                        </li>

                    </ul>

                </div>

                <!-- SERVICES -->
                <div>

                    <h3 class="construction-footer-title">
                        Services
                    </h3>

                    <ul class="construction-footer-links">

                        <li>
                            <a href="#">
                                <i class="fa-solid fa-helmet-safety"></i>
                                Building Construction
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="fa-solid fa-compass-drafting"></i>
                                Architecture Design
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="fa-solid fa-building-circle-check"></i>
                                Interior Design
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="fa-solid fa-screwdriver-wrench"></i>
                                Renovation
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <i class="fa-solid fa-industry"></i>
                                Industrial Projects
                            </a>
                        </li>

                    </ul>

                </div>

                <!-- CONTACT -->
                <div>

                    <h3 class="construction-footer-title">
                        Contact Us
                    </h3>

                    <div class="construction-footer-contact">

                        <div class="construction-footer-contact-box">

                            <i class="fa-solid fa-location-dot"></i>

                            <div>
                                <h4>Office Address</h4>
                                <p>
                                    Ground Floor, Shail Villa Near Saket Vihar,
                                    Mitramandal Colony, Anisabad, Patna-800002
                                </p>
                            </div>

                        </div>

                        <div class="construction-footer-contact-box">

                            <i class="fa-solid fa-phone-volume"></i>

                            <div>
                                <h4>Call Us</h4>

                                <a href="tel:+919288007307">
                                    +91 9288007307 
                                </a>

                                <br>

                                <!--<a href="tel:+917004907307">-->
                                <!--    +91 7004907307-->
                                <!--</a>-->
                            </div>

                        </div>

                        <div class="construction-footer-contact-box">

                            <i class="fa-solid fa-envelope"></i>

                            <div>
                                <h4>Email Address</h4>

                                <a href="mailto:mandvi.buildcon@gmail.com">
                                    mandvi.buildcon@gmail.com
                                </a>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <!-- BOTTOM -->
    <div class="construction-footer-bottom">

        <div class="construction-footer-container">

            <div class="construction-footer-bottom-inner">

                <p>
                    © 2026 Mandvi Buildcon Private Limited. All Rights Reserved.
                </p>

                <!-- DESIGN & DEVELOP -->
                <a href="https://erainfotech.in/" target="_blank" class="era-developer">

                    <img src="./assets/images/erainfotech.png" alt="Era Infotech">

                    <span>
                        Design & Develop By Era Infotech
                    </span>

                </a>

            </div>

        </div>

    </div>

</footer>