<!DOCTYPE html>
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">

<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1495102235345639');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1495102235345639&ev=PageView&noscript=1" alt="Facebook Pixel" /></noscript>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>AARAA Infrastructure | Leading Turnkey Construction & Solar EPC Company in India</title>
<meta content="AARAA Infrastructure is India's premier turnkey construction company and Solar EPC contractor. We deliver commercial, industrial, PEB, and institutional projects across Chennai, Bengaluru, Mumbai, Delhi NCR, and 20+ major cities." name="description"/>
<meta content="AARAA Infrastructure, construction company India, turnkey projects, industrial construction company India, institutional building contractor, PEB builder India, Solar EPC contractor India, commercial construction company India, interior fit-out contractors, civil construction" name="keywords"/>
<meta content="AARAA Infrastructure" name="author"/>

<meta content="AARAA Infrastructure | Leading Turnkey Construction & EPC Contractor in India" property="og:title"/>
<meta content="Enterprise construction company in India specializing in turnkey, industrial, Solar EPC, and institutional projects across 25+ major cities." property="og:description"/>
<meta content="https://www.aaraainfrastructure.com/assets/images/social-share.jpg" property="og:image"/>
<meta content="https://www.aaraainfrastructure.com/" property="og:url"/>
<meta content="website" property="og:type"/>
<meta content="AARAA Infrastructure" property="og:site_name"/>

<meta content="summary_large_image" name="twitter:card"/>
<meta content="AARAA Infrastructure | Trusted Construction Company in India" name="twitter:title"/>
<meta content="Explore our turnkey, Solar EPC, and infrastructure services. India's leading civil engineering and construction brand." name="twitter:description"/>
<meta content="https://www.aaraainfrastructure.com/assets/images/social-share.jpg" name="twitter:image"/>

<link href="https://www.facebook.com/people/Aaraa-Infrastructure/61577346574499/" rel="me"/>
<link href="https://www.instagram.com/aaraa_infrastructure/" rel="me"/>
<link href="https://www.linkedin.com/company/aaraa-infrastructure/" rel="me"/>
<link href="https://www.youtube.com/@AaraaInfrastructure" rel="me"/>
<link rel="canonical" href="https://www.aaraainfrastructure.com/" />

<script async src="https://www.googletagmanager.com/gtag/js?id=G-B83YDF8ME5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-B83YDF8ME5');
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1533096646"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-1533096646');
  gtag('event', 'conversion', { 'send_to': 'AW-1533096646/AbC123xyz', 'value': 1.0, 'currency': 'INR' });
</script>

<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=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">

<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/animate.min.css" rel="stylesheet" type="text/css"/>
<link href="css/magnific-popup.min.css" rel="stylesheet" type="text/css"/>
<link href="css/odometer-theme-default.css" rel="stylesheet"/>
<link href="css/nice-select.css" rel="stylesheet"/>
<link href="css/swiper-bundle.min.css" rel="stylesheet"/>
<link href="icons/icomoon/style.css" rel="stylesheet" type="text/css">

<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="css/aaraa-popups.css" rel="stylesheet"/>
<link href="css/responsive-fixes.css" rel="stylesheet"/>
<link href="css/aaraa-custom.css" rel="stylesheet" type="text/css">
<link href="css/brand_marquee.css" rel="stylesheet" type="text/css">
<link href="css/map-presence.css" rel="stylesheet" type="text/css">

<style id="aaraa-fixes">
    .rb-header.scrolled {
        background: rgba(0, 0, 0, 0.75) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
    }
</style>

<link href="favicon.ico" rel="shortcut icon">
<link href="favicon.ico" rel="apple-touch-icon-precomposed"/>
  <!-- Firebase Import Map (CDN-based module resolution) -->
  <script type="importmap">
  {
    "imports": {
      "firebase/app": "https://www.gstatic.com/firebasejs/11.10.0/firebase-app.js",
      "firebase/firestore": "https://www.gstatic.com/firebasejs/11.10.0/firebase-firestore.js",
      "firebase/analytics": "https://www.gstatic.com/firebasejs/11.10.0/firebase-analytics.js",
      "firebase/auth": "https://www.gstatic.com/firebasejs/11.10.0/firebase-auth.js",
      "firebase/storage": "https://www.gstatic.com/firebasejs/11.10.0/firebase-storage.js"
    }
  }
  </script>
</head>

<body class="counter-scroll">

<h1 class="visually-hidden">Turnkey Construction Company India | Solar EPC Contractor India | Infrastructure Company India</h1>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THL6P3ZB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div id="ai-preloader" class="ai-preloader" aria-hidden="true">
    <video class="ai-preloader__video" src="assets/video/loader.mp4" autoplay muted playsinline preload="auto"></video>
</div>
  
<div class="wrapper">

    <header class="rb-header" id="header">
        <div class="rb-nav">
<a class="rb-logo" href="index.html" aria-label="AARAA Infrastructure">
    <img src="https://www.aaraainfrastructure.com/image/logo/logofooter.png" alt="AARAA Infrastructure Logo">
</a>
            <button class="rb-burger" id="rbBurger" aria-label="Toggle menu" aria-expanded="false">
                <span></span><span></span><span></span>
            </button>
            <nav id="rbPrimaryNav" class="rb-links" aria-label="Primary Navigation">
                <div class="rb-menu-wrap">
                    <ul class="rb-menu" role="menubar">
                        <li class="has-sub">
                            <a href="#" role="menuitem">Explore AARAA</a>
                           <ul class="rb-submenu">
              <li><a href="about.html">Behind the Build</a></li>
              <li><a href="history.html">Our History</a></li>
              
              <li><a href="blog.html">Our Blog</a></li>
              <li><a href="gallery.html">Gallery</a></li>
            </ul>
                        </li>
                        <li class="has-sub">
                            <a href="#" role="menuitem">Join AARAA</a>
                            <ul class="rb-submenu">
                                <li class="has-sub-2">
                                    <a href="#" class="item-link-2">Work With Us</a>
                                    <ul class="rb-submenu-2">
                                        <li><a href="/forms/careers.html">Career Opportunities</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub-2">
                                    <a href="#" class="item-link-2">Partner With Us</a>
                                    <ul class="rb-submenu-2">
                                        <li><a href="/forms/partnership.html">Strategic Partnerships</a></li>
                                        <li><a href="/forms/joint-venture.html">Joint Ventures</a></li>
                                        <li><a href="/forms/vendor.html">Become a Vendor</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub-2">
                                    <a href="#" class="item-link-2">Build With Us</a>
                                    <ul class="rb-submenu-2">
                                        <li><a href="/forms/subcontractor.html">Subcontractor Empanelment</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub-2">
                                    <a href="#" class="item-link-2">Learn With Us</a>
                                    <ul class="rb-submenu-2">
                                        <li><a href="internship-program.html">Internship Program</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a href="#" role="menuitem">Sectors</a>
                            <ul class="rb-submenu">
                                <li><a href="commercial.html">Commercial</a></li>
                                <li><a href="industrial.html">Industrial</a></li>
                                <li><a href="infrastructure.html">Infrastructure</a></li>
                                <li><a href="institutional.html">Institutional</a></li>
                                <li><a href="renewables.html">Renewables</a></li>
                                <li><a href="interior-fitout.html">Interior FIT-OUTS</a></li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a href="#" role="menuitem">Services</a>
                             <ul class="rb-submenu">
              <li><a href="civil-and-pre-engineered-buildings.html">Civil & PEB Contracts</a></li>
              <li><a href="interior-fitout-contracts.html">Interior Contracts</a></li>
              <li><a href="mep-hvac-services.html">MEP & HVAC</a></li>
              <li><a href="general-contracting-services.html">General Contracting</a></li>
            </ul>
                        </li>
                        <li class="has-sub">
                            <a href="#" role="menuitem">Projects</a>
                            <ul class="rb-submenu">
              <li><a href="on-going-projects.html">Legacy of Excellence</a></li>
              <li><a href="completed-projects.html">Delivered Milestones</a></li>
            </ul>
                        </li>
						<li><a class="rb-cta" href="contact-us.html">Contact</a></li>
                    </ul>
                </div>
                <div class="rb-actions">
    <a class="rb-btn rb-btn--primary" href="javascript:void(0);" data-aaraa-enquiry aria-label="Open Enquiry Form">Enquiry</a>
    <a class="rb-btn rb-btn--ghost" href="javascript:void(0);" data-aaraa-vendor aria-label="Open Vendor Registration">Become a Vendor</a>
</div>

<!-- AARAA Enquiry Form Overlay -->
<div id="aaraaEnquiryOverlay" class="aaraa-popup-overlay">
  <div class="aaraa-popup-box">
    <button class="aaraa-popup-close" aria-label="Close enquiry form">×</button>
    <div class="aaraa-popup-title" role="heading" aria-level="3">Quick Enquiry</div>
    <p class="aaraa-popup-sub">Fill in your details and we'll get back to you shortly.</p>

    <div class="aaraa-popup-form-body">
      <form id="quickEnquiryForm">
        <div class="aaraa-popup-row">
          <div class="aaraa-popup-group">
            <label for="eq_name">Full Name <span class="required">*</span></label>
            <input id="eq_name" class="aaraa-popup-field" name="name" required placeholder="Your full name">
          </div>
          <div class="aaraa-popup-group">
            <label for="eq_company">Company Name</label>
            <input id="eq_company" class="aaraa-popup-field" name="company" placeholder="Company name (optional)">
          </div>
        </div>

        <div class="aaraa-popup-row">
          <div class="aaraa-popup-group">
            <label for="eq_email">Email Address <span class="required">*</span></label>
            <input id="eq_email" class="aaraa-popup-field" name="email" type="email" required placeholder="your@email.com">
          </div>
          <div class="aaraa-popup-group">
            <label for="eq_phone">Phone Number <span class="required">*</span></label>
            <input id="eq_phone" class="aaraa-popup-field" name="phone" type="tel" required placeholder="+91 9XXXXXXXXX">
          </div>
        </div>

        <div class="aaraa-popup-group">
          <label for="eq_service">Service Interested In</label>
          <select id="eq_service" class="aaraa-popup-field" name="service">
            <option value="">Select a service...</option>
            <option value="Civil Works">Civil Works</option>
            <option value="MEP">MEP</option>
            <option value="HVAC">HVAC</option>
            <option value="Interior Contracts">Interior Contracts</option>
            <option value="General Contracting">General Contracting</option>
            <option value="Infrastructure">Infrastructure</option>
            <option value="Industrial">Industrial</option>
            <option value="Commercial">Commercial</option>
            <option value="Renewable Energy">Renewable Energy</option>
            <option value="PEB Buildings">PEB Buildings</option>
          </select>
        </div>

        <div class="aaraa-popup-group">
          <label for="eq_location">Project Location</label>
          <input id="eq_location" class="aaraa-popup-field" name="location" placeholder="City, State">
        </div>

        <div class="aaraa-popup-group">
          <label for="eq_message">Message <span class="required">*</span></label>
          <textarea id="eq_message" class="aaraa-popup-field" name="message" required placeholder="Tell us about your requirement..."></textarea>
        </div>

        <div class="aaraa-popup-btns">
          <button type="button" class="aaraa-popup-btn-close" data-aaraa-close="enquiry">Close</button>
          
      <!-- Cloudflare Turnstile Widget -->
      <div class="cf-turnstile-placeholder" style="margin-bottom: 15px; display: flex; justify-content: center;"></div>
<button type="submit" class="aaraa-popup-submit">
            <span class="aaraa-popup-btn-text">Submit Enquiry</span>
          </button>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- AARAA Vendor Registration Form Overlay -->
<div id="aaraaVendorOverlay" class="aaraa-popup-overlay">
  <div class="aaraa-popup-box">
    <button class="aaraa-popup-close" aria-label="Close vendor form">×</button>
    <div class="aaraa-popup-title" role="heading" aria-level="3">Vendor Registration</div>
    <p class="aaraa-popup-sub">Register your company to partner with AARAA Infrastructure.</p>

    <div class="aaraa-popup-form-body">
      <form id="vendorForm">
        <div class="aaraa-popup-row">
          <div class="aaraa-popup-group">
            <label for="v_company">Company Name <span class="required">*</span></label>
            <input id="v_company" class="aaraa-popup-field" name="company" required placeholder="Your company name">
          </div>
          <div class="aaraa-popup-group">
            <label for="v_name">Contact Person <span class="required">*</span></label>
            <input id="v_name" class="aaraa-popup-field" name="name" required placeholder="Full name">
          </div>
        </div>

        <div class="aaraa-popup-row">
          <div class="aaraa-popup-group">
            <label for="v_email">Email Address <span class="required">*</span></label>
            <input id="v_email" class="aaraa-popup-field" name="email" type="email" required placeholder="your@email.com">
          </div>
          <div class="aaraa-popup-group">
            <label for="v_phone">Phone Number <span class="required">*</span></label>
            <input id="v_phone" class="aaraa-popup-field" name="phone" type="tel" required placeholder="+91 9XXXXXXXXX">
          </div>
        </div>

        <div class="aaraa-popup-group">
          <label for="v_category">Vendor Category <span class="required">*</span></label>
          <select id="v_category" class="aaraa-popup-field" name="vendorCategory" required>
            <option value="">Select category...</option>
            <option value="Civil Contractor">Civil Contractor</option>
            <option value="Material Supplier">Material Supplier</option>
            <option value="Electrical Vendor">Electrical Vendor</option>
            <option value="Plumbing Vendor">Plumbing Vendor</option>
            <option value="HVAC Vendor">HVAC Vendor</option>
            <option value="Interior Vendor">Interior Vendor</option>
            <option value="Machinery Supplier">Machinery Supplier</option>
            <option value="Transport Vendor">Transport Vendor</option>
            <option value="Labour Contractor">Labour Contractor</option>
            <option value="Renewable Energy Vendor">Renewable Energy Vendor</option>
            <option value="PEB Supplier">PEB Supplier</option>
            <option value="Other">Other</option>
          </select>
        </div>

        <div class="aaraa-popup-row">
          <div class="aaraa-popup-group">
            <label for="v_gst">GST Number</label>
            <input id="v_gst" class="aaraa-popup-field" name="gst" placeholder="22AAAAA0000A1Z5">
          </div>
          <div class="aaraa-popup-group">
            <label for="v_pan">PAN Number</label>
            <input id="v_pan" class="aaraa-popup-field" name="pan" placeholder="ABCDE1234F">
          </div>
        </div>

        <div class="aaraa-popup-row">
          <div class="aaraa-popup-group">
            <label for="v_aadhaar">Aadhaar Number</label>
            <input id="v_aadhaar" class="aaraa-popup-field" name="aadhaar" placeholder="12-digit Aadhaar number">
          </div>
          <div class="aaraa-popup-group">
            <label for="v_location">City / State</label>
            <input id="v_location" class="aaraa-popup-field" name="location" placeholder="City, State">
          </div>
        </div>

        <div class="aaraa-popup-row">
          <div class="aaraa-popup-group">
            <label for="v_exp">Years of Experience</label>
            <select id="v_exp" class="aaraa-popup-field" name="experience">
              <option value="">Select...</option>
              <option value="Less than 1 year">Less than 1 year</option>
              <option value="1 - 3 years">1 - 3 years</option>
              <option value="3 - 5 years">3 - 5 years</option>
              <option value="5 - 10 years">5 - 10 years</option>
              <option value="10+ years">10+ years</option>
            </select>
          </div>
          <div class="aaraa-popup-group">
            <label for="v_web">Website</label>
            <input id="v_web" class="aaraa-popup-field" name="website" placeholder="https:// (optional)">
          </div>
        </div>

        <div class="aaraa-popup-group">
          <label for="v_services">Services / Materials Provided <span class="required">*</span></label>
          <textarea id="v_services" class="aaraa-popup-field" name="services" required placeholder="Describe the services or materials you provide..."></textarea>
        </div>

        <div class="aaraa-popup-group">
          <label for="v_message">Message</label>
          <textarea id="v_message" class="aaraa-popup-field" name="message" placeholder="Any additional information..."></textarea>
        </div>

        <div class="aaraa-popup-btns">
          <button type="button" class="aaraa-popup-btn-close" data-aaraa-close="vendor">Close</button>
          
      <!-- Cloudflare Turnstile Widget -->
      <div class="cf-turnstile-placeholder" style="margin-bottom: 15px; display: flex; justify-content: center;"></div>
<button type="submit" class="aaraa-popup-submit">
            <span class="aaraa-popup-btn-text">Submit Registration</span>
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
            </nav>
        </div>
    </header>

<section class="page-title-home fullscreen-video-banner yt-hero" aria-label="Hero Video Section">
  <div class="yt-hero__inner">
    <div class="yt-hero__poster" aria-hidden="true"></div>
    <div class="yt-hero__wrap">
    <iframe id="ytHero" class="yt-hero__iframe" src="https://www.youtube-nocookie.com/embed/zPSnAosLNzw?autoplay=1&amp;mute=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;playsinline=1&amp;loop=1&amp;playlist=zPSnAosLNzw&amp;modestbranding=1&amp;iv_load_policy=3&amp;disablekb=1&amp;fs=0&amp;enablejsapi=1" title="AARAA Hero Video" frameborder="0" allow="autoplay; encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    </div>
  </div>
</section>

<main class="main-content">
<section class="section-about h-2 tf-spacing-48">
<div class="tf-container w-1650">
<div class="section-about-inner flex align-items-center">
<div class="section-about-left">
<div class="image img-format-video tf-animate-2">
<img alt="Enterprise Civil Construction and Solar EPC Projects - AARAA Infrastructure" class="lazyload" data-src="image/section/section-about-h2.jpg" src="image/section/section-about-h2.jpg"/>
</div>
</div>
<div class="section-about-right">
<div class="section-content">
<div class="heading-section mb-24">
<span class="sub-title text-uppercase fw5 mb-12 tf-animate-2">AARAA since 2012</span>
<div class="title tf-animate-2" role="heading" aria-level="2">
<div class="font-roboto">
<div class="heading-125 font-roboto">We Love to Build.</div>
<div class="heading-125-light font-roboto">It’s Who We Are <br/>and What We Do.</div>
</div>
</div>
</div>
<div>
<p class="text-large-black font-montserrat">
<strong>At AARAA, it’s not just about what we build — it’s about how we build.</strong> <br/>
Self-performance is at the core of our identity, enabling us to create lasting value across Turnkey Contracts, Pre Engineered Buildings (PEB Builder), and Solar EPC construction. <br/>
Together, we push past challenges and deliver exceptional outcomes for our clients, teams, communities, and families across India.
</p>
<div class="bottom-btn tf-animate-2" style="padding-top: 40px;">
<a class="tf-btn hover-bg-secondary" href="about.html" aria-label="Learn more about AARAA Infrastructure">
<span class="text-uppercase">About AARAA</span>
<div class="icon"><i class="icon-arrow-right"></i></div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="section-about p-testimonials tf-spacing-25">
<div class="tf-container w-1808">
<div class="section-about-inner flex bg-color-secondary">
<div class="img-item">
<img alt="AARAA Industrial Construction Project and Pre Engineered Buildings" class="lazyload" data-src="image/section/item-section-about-p-testimonials-1.png" src="image/section/item-section-about-p-testimonials-1.png"/>
</div>
<div class="left image tf-animate-4">
<img alt="AARAA Collaborative Turnkey Construction Partner" class="lazyload" data-src=" image/section/section-about-p-testimonials.png" src="image/section/section-about-p-testimonials.png"/>
<div class="icon-section">
<i class="icon-costumer" aria-hidden="true"></i>
</div>
</div>
<div class="right">
<div class="heading-section style-color-white">
<div class="font-roboto text-large-white">
<div class="heading-75 font-roboto" role="heading" aria-level="2">A Trusted, Collaborative Partner</div>
<div class="heading-80-bold font-roboto">Focused on Your Goals</div>
</div>
<div class="text lsp-0 lh28 mb-42 tf-animate-2">
<p class="text-large-white font-montserrat">
AARAA is a trusted enterprise construction partner known for solving complex challenges, not just building. We prioritize safety, quality, and innovation, using advanced methods and technology to deliver clear, confident results across commercial, industrial, and infrastructure developments.
</p>
</div>
<div class="tf-animate-2">
<a class="tf-btn" href="about.html" aria-label="Discover our construction approach">
<span class="text-uppercase">Our Approach</span>
<div class="icon"><i class="icon-arrow-right"></i></div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="section-5 h-2">
<div class="section-contact-home h-2 tf-spacing-11">
<div class="tf-container">
<div class="row">
<div class="col-12">
<div class="heading-section text-center mb-50">
<span class="sub-title style-2 text-uppercase fw5 mb-12 mx-auto tf-animate-2">AT AARAA</span>
<div class="title mb-12 tf-animate-2" role="heading" aria-level="2">
<div class="font-roboto">
<div class="heading-125-light font-roboto">We’ve Done One Thing For Over a</div>
<div class="heading-125 heading-uppercase font-roboto">Decade - <span style="color: #ed2f39;">Just Build</span></div>
</div>
</div>
<div class="text lsp-0 tf-animate-2">
<p class="text-large-black font-montserrat">For over ten years, building has been at the heart of everything we do. From concept to completion, we’ve consistently delivered high-quality construction projects across sectors—commercial, industrial, infrastructure, institutional, Solar EPC renewables, and interior fit-outs. Our unwavering focus on execution, PEB craftsmanship, and client satisfaction has earned us a reputation for reliability and excellence across 20+ major cities in India. We don’t just construct structures—we build trust, value, and lasting national partnerships.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="section-2 p-what-we-do tf-spacing-44 scroll-tranform-section">
<div class="img-item scroll-tranform"></div>
<div class="tf-container w-1800">
<div class="section-2-inner flex align-items-center justify-content-end rg-70">
<div class="left">
<div class="font-roboto heading-uppercase">
<div class="heading-125 font-roboto" role="heading" aria-level="2">Solving<br/>Problems</div>
<div class="heading-75 font-roboto">Before They Happen</div>
</div>
<div class="text lsp-0 tf-animate-2">
<p class="text-large-black font-montserrat">
    Proactive thinking is at the core of our turnkey approach.<br/>
    By anticipating challenges early in the EPC project lifecycle, we minimize risk, prevent delays, and ensure smooth execution. <br/><br/>
    Through meticulous planning, expert foresight, and close stakeholder collaboration, we identify potential issues before they arise—
    saving time, cost, and effort. <br/><br/>
    It’s not just about fixing problems; it’s about preventing them altogether.
</p>
</div>
</div>
<div class="wg-video img-7 tf-animate-4"></div>
</div>
</div>
</section>

<section class="section-services tf-spacing-22">
<div class="tf-container">
<div class="heading-section text-center mb-64">
<span class="sub-title style-2 text-uppercase fw5 mb-12 mx-auto tf-animate-2">Building Tomorrow’s Infrastructure</span>
<h2 class="title mb-12 tf-animate-2">OUR SECTORS</h2>
<div class="text lsp-0 body-2 lh28 tf-animate-2">
    We specialize in a wide range of sectors including commercial, industrial, institutional, and renewable energy developments. Our EPC expertise ensures quality and innovation across all project types in India.
</div>
</div>
</div>
<div class="tf-container">
<div class="row rg-57">
<div class="col-lg-4 col-md-6">
<div class="services-item style-5 hover-img">
<div class="top-item">
<a class="image" href="commercial.html"><img alt="Commercial Construction Company in India" class="lazyload" data-src="image/services-item/services-item-1.jpg" src="image/services-item/services-item-1.jpg"/></a>
<div class="icon-services"><i class="icon-construction"></i></div>
</div>
<div class="services-content">
<div class="name-services" role="heading" aria-level="3"><a href="commercial.html">Commercial</a></div>
<div class="desc">Delivering innovative commercial spaces, corporate parks, and office buildings tailored for business success.</div>
<a class="tf-btn-default text-uppercase" href="commercial.html">view more <i class="icon-right-arrow11"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="services-item style-5 hover-img">
<div class="top-item">
<a class="image" href="industrial.html"><img alt="Industrial Facility Construction Company and PEB Builder" class="lazyload" data-src="image/services-item/services-item-2.jpg" src="image/services-item/services-item-2.jpg"/></a>
<div class="icon-services"><i class="icon-sketch"></i></div>
</div>
<div class="services-content">
<div class="name-services" role="heading" aria-level="3"><a href="industrial.html">Industrial</a></div>
<div class="desc">Robust and efficient industrial facility construction and Pre Engineered Buildings (PEB construction) designed to optimize performance.</div>
<a class="tf-btn-default text-uppercase" href="industrial.html">view more <i class="icon-right-arrow11"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="services-item style-5 hover-img">
<div class="top-item">
<a class="image" href="infrastructure.html"><img alt="Infrastructure and Internal Roads Development" class="lazyload" data-src="image/services-item/services-item-3.jpg" src="image/services-item/services-item-3.jpg"/></a>
<div class="icon-services"><i class="icon-remodeling"></i></div>
</div>
<div class="services-content">
<div class="name-services" role="heading" aria-level="3"><a href="infrastructure.html">Infrastructure</a></div>
<div class="desc">Building critical civil infrastructure and internal road networks that empower communities and connect economies.</div>
<a class="tf-btn-default text-uppercase" href="infrastructure.html">view more <i class="icon-right-arrow11"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="services-item style-5 hover-img">
<div class="top-item">
<a class="image" href="institutional.html"><img alt="Institutional Building Contractor" class="lazyload" data-src="image/services-item/services-item-4.jpg" src="image/services-item/services-item-4.jpg"/></a>
<div class="icon-services"><i class="icon-roof"></i></div>
</div>
<div class="services-content">
<div class="name-services" role="heading" aria-level="3"><a href="institutional.html">Institutional</a></div>
<div class="desc">Creating enduring spaces for education, healthcare, campuses, and public service institutions.</div>
<a class="tf-btn-default text-uppercase" href="institutional.html">view more <i class="icon-right-arrow11"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="services-item style-5 hover-img">
<div class="top-item">
<a class="image" href="renewables.html"><img alt="Renewable Energy Construction & Solar EPC Contractor" class="lazyload" data-src="image/services-item/services-item-5.jpg" src="image/services-item/services-item-5.jpg"/></a>
<div class="icon-services"><i class="icon-file22"></i></div>
</div>
<div class="services-content">
<div class="name-services" role="heading" aria-level="3"><a href="renewables.html">Renewables</a></div>
<div class="desc">Pioneering sustainable energy projects and turnkey Solar EPC contracting for a cleaner, greener future.</div>
<a class="tf-btn-default text-uppercase" href="renewables.html">view more <i class="icon-right-arrow11"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="services-item style-5 hover-img">
<div class="top-item">
<a class="image" href="interior-fitout.html"><img alt="Commercial Interior Fit Out Contractors" class="lazyload" data-src="image/services-item/services-item-6.jpg" src="image/services-item/services-item-6.jpg"/></a>
<div class="icon-services"><i class="icon-customer-support"></i></div>
</div>
<div class="services-content">
<div class="name-services" role="heading" aria-level="3"><a href="interior-fitout.html">Interior FIT-OUTS</a></div>
<div class="desc">Crafting premium corporate interiors and turnkey fit-outs that reflect brand identity with precision and elegance.</div>
<a class="tf-btn-default text-uppercase" href="interior-fitout.html">view more <i class="icon-right-arrow11"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- OUR PRESENCE ACROSS INDIA -->
<section class="presence-section tf-spacing-22" id="presence-section">
    <div class="tf-container w-1600">
        <div class="presence-grid">
            <!-- Left Column: Content Area -->
            <div class="presence-content">
                <span class="presence-pill">STRATEGIC PRESENCE</span>
                <h2 class="presence-title">Engineering Excellence Across India</h2>
                <p class="presence-desc">
                    AARAA Infrastructure delivers complex engineering, industrial, utility-scale energy, and infrastructure solutions across key growth corridors of India. Our geographically distributed project footprint enables rapid execution, efficient resource deployment, and consistent project delivery standards nationwide.
                </p>
                <div class="presence-btn-wrap" style="padding-top: 20px;">
                    <a class="tf-btn hover-bg-secondary" href="completed-projects.html" aria-label="View AARAA completed projects">
                        <span class="text-uppercase">View Our Projects</span>
                        <div class="icon"><i class="icon-arrow-right"></i></div>
                    </a>
                </div>
            </div>
            
            <!-- Right Column: Interactive Map -->
            <div class="presence-map-col">
                <div class="map-container-outer">
                    <div class="map-wrapper">
                        <img src="image/map.webp" alt="AARAA Infrastructure Operational Presence Map India" class="map-image" loading="lazy">
                        
                        <div class="map-markers-overlay">
                            <!-- Lucknow -->
                            <div class="map-marker" style="left: 47.0%; top: 31.0%;" 
                                 data-city="Lucknow" data-state="Uttar Pradesh" 
                                 data-presence="Institutional &amp; Infrastructure Operations"
                                 data-x="47.0" data-y="31.0">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-right">Lucknow</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Lucknow</div>
                                    <div class="tooltip-subtitle">Uttar Pradesh</div>
                                    <div class="tooltip-desc">Institutional &amp; Infrastructure Operations</div>
                                </div>
                            </div>

                            <!-- Mumbai -->
                            <div class="map-marker" style="left: 38.0%; top: 53.0%;" 
                                 data-city="Mumbai" data-state="Maharashtra" 
                                 data-presence="Regional Contracting &amp; Industrial Works"
                                 data-x="38.0" data-y="53.0">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-left">Mumbai</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Mumbai</div>
                                    <div class="tooltip-subtitle">Maharashtra</div>
                                    <div class="tooltip-desc">Regional Contracting &amp; Industrial Works</div>
                                </div>
                            </div>
                            
                            <!-- Pune -->
                            <div class="map-marker" style="left: 39.5%; top: 54.5%;" 
                                 data-city="Pune" data-state="Maharashtra" 
                                 data-presence="Institutional &amp; PEB Project Execution"
                                 data-x="39.5" data-y="54.5">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-right">Pune</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Pune</div>
                                    <div class="tooltip-subtitle">Maharashtra</div>
                                    <div class="tooltip-desc">Institutional &amp; PEB Project Execution</div>
                                </div>
                            </div>
                            
                            <!-- Hyderabad -->
                            <div class="map-marker" style="left: 45.8%; top: 58.5%;" 
                                 data-city="Hyderabad" data-state="Telangana" 
                                 data-presence="Urban Infrastructure &amp; Commercial Operations"
                                 data-x="45.8" data-y="58.5">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-right">Hyderabad</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Hyderabad</div>
                                    <div class="tooltip-subtitle">Telangana</div>
                                    <div class="tooltip-desc">Urban Infrastructure &amp; Commercial Operations</div>
                                </div>
                            </div>
                            
                            <!-- Kudligi -->
                            <div class="map-marker" style="left: 41.5%; top: 64.5%;" 
                                 data-city="Kudligi" data-state="Karnataka" 
                                 data-presence="132 MW Wind-Solar Hybrid Project Hub"
                                 data-x="41.5" data-y="64.5">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-left">Kudligi</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Kudligi</div>
                                    <div class="tooltip-subtitle">Karnataka</div>
                                    <div class="tooltip-desc">132 MW Wind-Solar Hybrid Project Hub</div>
                                </div>
                            </div>

                            <!-- Amaravathi -->
                            <div class="map-marker" style="left: 48.5%; top: 64.0%;" 
                                 data-city="Amaravathi" data-state="Andhra Pradesh" 
                                 data-presence="Key Infrastructure Development Works"
                                 data-x="48.5" data-y="64.0">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-right">Amaravathi</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Amaravathi</div>
                                    <div class="tooltip-subtitle">Andhra Pradesh</div>
                                    <div class="tooltip-desc">Key Infrastructure Development Works</div>
                                </div>
                            </div>
                            
                            <!-- Bengaluru -->
                            <div class="map-marker" style="left: 43.0%; top: 71.5%;" 
                                 data-city="Bengaluru" data-state="Karnataka" 
                                 data-presence="Regional Corporate &amp; Technical Center"
                                 data-x="43.0" data-y="71.5">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-left">Bengaluru</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Bengaluru</div>
                                    <div class="tooltip-subtitle">Karnataka</div>
                                    <div class="tooltip-desc">Regional Corporate &amp; Technical Center</div>
                                </div>
                            </div>
                            
                            <!-- Chennai -->
                            <div class="map-marker" style="left: 47.6%; top: 70.0%;" 
                                 data-city="Chennai" data-state="Tamil Nadu" 
                                 data-presence="Corporate Head Office &amp; Engineering Operations"
                                 data-x="47.6" data-y="70.0">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-right">Chennai</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Chennai</div>
                                    <div class="tooltip-subtitle">Tamil Nadu</div>
                                    <div class="tooltip-desc">Corporate Head Office &amp; Engineering Operations</div>
                                </div>
                            </div>
                            
                            <!-- Coimbatore -->
                            <div class="map-marker" style="left: 42.0%; top: 75.5%;" 
                                 data-city="Coimbatore" data-state="Tamil Nadu" 
                                 data-presence="Industrial Projects &amp; PEB Execution"
                                 data-x="42.0" data-y="75.5">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-right">Coimbatore</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Coimbatore</div>
                                    <div class="tooltip-subtitle">Tamil Nadu</div>
                                    <div class="tooltip-desc">Industrial Projects &amp; PEB Execution</div>
                                </div>
                            </div>
                            
                            <!-- Thoothukudi -->
                            <div class="map-marker" style="left: 44.2%; top: 81.5%;" 
                                 data-city="Thoothukudi" data-state="Tamil Nadu" 
                                 data-presence="180 MWp Utility-Scale Solar EPC Project Hub"
                                 data-x="44.2" data-y="81.5">
                                <div class="marker-core"></div>
                                <div class="marker-pulse"></div>
                                <div class="marker-label label-right">Thoothukudi</div>
                                <div class="marker-tooltip">
                                    <div class="tooltip-title">Thoothukudi</div>
                                    <div class="tooltip-subtitle">Tamil Nadu</div>
                                    <div class="tooltip-desc">180 MWp Utility-Scale Solar EPC Project Hub</div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Anchor for click-active popup details -->
                        <div class="popup-anchor">
                            <div class="marker-popup-card">
                                <button class="popup-close" aria-label="Close details">×</button>
                                <div class="popup-city">Chennai</div>
                                <div class="popup-state">Tamil Nadu</div>
                                <div class="popup-label">Presence Details</div>
                                <div class="popup-presence">Corporate Head Office &amp; Engineering Operations</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="why-choose-us">
<h2 class="title mb-12 tf-animate-2">Why Choose Us</h2>
<div class="features">
<div class="feature"><i class="checkmark">✔️</i><span class="feature-text">Industry Expertise</span></div>
<div class="feature"><i class="checkmark">✔️</i><span class="feature-text">Client-Centric Approach</span></div>
<div class="feature"><i class="checkmark">✔️</i><span class="feature-text">Quality Assurance</span></div>
<div class="feature"><i class="checkmark">✔️</i><span class="feature-text">Turnkey Project Delivery</span></div>
<div class="feature"><i class="checkmark">✔️</i><span class="feature-text">Safety Compliance</span></div>
<div class="feature"><i class="checkmark">✔️</i><span class="feature-text">On-Time Delivery</span></div>
</div>
</div>

<div class="tf-container w-1600">
<div class="heading-section text-center mb-64">
<span class="sub-title style-2 text-uppercase fw5 mb-12 mx-auto tf-animate-2">Built on Trust</span>
<h2 class="title mb-12 tf-animate-2">Our Trusted Partners</h2>
<div class="tf-marquee wg-brand mt-66 mb-2" aria-label="Our trusted partners" role="region">
<div class="marquee-wrapper seamless-marquee">
  <div class="marquee-track" id="marquee-track-partners">
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-1.png" alt="Reliance Construction Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-2.png" alt="Blue Star Infrastructure Client"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-3.png" alt="VIBGYOR Institutional Client"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-4.png" alt="Waaree Solar EPC Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-5.png" alt="Continuum Green Energy Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-6.png" alt="Saint-Gobain Industrial Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-7.png" alt="SRM University Institutional Development"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-8.png" alt="L&T Construction Collaboration"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-9.png" alt="Commercial Real Estate Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-10.png" alt="Logistics Park Developer"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-11.png" alt="Corporate Facilities Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-12.png" alt="PEB Steel Supplier Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-13.png" alt="Infrastructure Development Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-14.png" alt="Energy Sector Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-15.png" alt="Civil Engineering Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-16.png" alt="Industrial Construction Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-17.png" alt="Urban Development Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-18.png" alt="Real Estate Development Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-19.png" alt="Power Infrastructure Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-20.png" alt="Smart City Infrastructure Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-21.png" alt="Turnkey Project Partner"></span></div>
    <div class="marquee-child-item"><span class="brand-item"><img loading="lazy" src="image/brand/brand-22.png" alt="Construction Technology Partner"></span></div>
  </div>
</div>
<div class="line-marquee h-2 tf-aniamtion-line line-animation"></div>
</div>
</div>
</div>

<section class="section-cta p-faq tf-spacing-22" style="background: url('image/section/bg-section-faq-p-faq.jpg') center center / cover no-repeat !important; padding: 100px 0;">
    <div class="tf-container w-1800">
        <div class="section-faq-inner" style="padding: 0 15px; text-align: left;">
            <div class="section-content">
                <div class="heading-section mb-20">
                    <div class="title tf-animate-2" role="heading" aria-level="3">
                        <div style="font-family: 'Roboto Condensed', sans-serif; color: black; text-transform:uppercase;">
                            <div class="heading-80-bold font-roboto"> Let’s <br/> Build </div>
                            <div class="heading-80 font-roboto"> Together </div>
                        </div>
                    </div>
                </div>
                <div class="tf-animate-2">
                    <a class="tf-btn hover-bg-secondary" href="/forms/careers.html">
                        <span class="text-uppercase">View Careers</span>
                        <div class="icon"><i class="icon-arrow-right"></i></div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-faq-list tf-spacing-22" style="background-color: #f8f9fb; padding: 80px 0;">
    <div class="tf-container w-1800">
        <div class="tf-animate-2" style="background: #ffffff; border-radius: 12px; padding: 50px 60px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);">
            <h3 style="font-size: 32px; font-weight: 700; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; text-align: center; color: #1f2328;">Frequently Asked Questions</h3>
            <p style="text-align: center; color: #777; font-size: 16px; margin-bottom: 40px; font-family: 'Outfit', sans-serif;">Everything you need to know about AARAA Infrastructure and our services.</p>
            <div class="accordion" id="aaraaFaqAccordion" style="
                --bs-accordion-btn-color:           #1f2328;
                --bs-accordion-active-color:        #1f2328;
                --bs-accordion-active-bg:           transparent;
                --bs-accordion-btn-bg:              transparent;
                --bs-accordion-bg:                  transparent;
                --bs-accordion-border-color:        #eeeeee;
                --bs-accordion-btn-focus-box-shadow: none;
                --bs-accordion-btn-icon: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%231f2328%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3E%3C/svg%3E');
                --bs-accordion-btn-active-icon: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%231f2328%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3E%3C/svg%3E');
            ">

              <!-- FAQ 1 -->
              <div class="accordion-item">
                <h4 class="accordion-header" id="faqHeadingOne">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseOne" aria-expanded="false" aria-controls="faqCollapseOne" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    What is a Solar EPC Contractor?
                  </button>
                </h4>
                <div id="faqCollapseOne" class="accordion-collapse collapse" aria-labelledby="faqHeadingOne" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    A Solar EPC (Engineering, Procurement, and Construction) contractor handles the end-to-end execution of solar power plants — from design and structural engineering to procurement of materials and final grid integration. AARAA Infrastructure delivers solar EPC projects across India with full-cycle accountability.
                  </div>
                </div>
              </div>

              <!-- FAQ 2 -->
              <div class="accordion-item">
                <h4 class="accordion-header" id="faqHeadingTwo">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseTwo" aria-expanded="false" aria-controls="faqCollapseTwo" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    What is a Turnkey Construction Contract?
                  </button>
                </h4>
                <div id="faqCollapseTwo" class="accordion-collapse collapse" aria-labelledby="faqHeadingTwo" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    A turnkey contract is a project delivery model where a single builder — like AARAA Infrastructure — manages the entire project lifecycle, from architectural design to final construction and fit-out, delivering a fully completed facility ready for immediate use. It eliminates the need to coordinate multiple contractors.
                  </div>
                </div>
              </div>

              <!-- FAQ 3 -->
              <div class="accordion-item">
                <h4 class="accordion-header" id="faqHeadingThree">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseThree" aria-expanded="false" aria-controls="faqCollapseThree" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    Which sectors does AARAA Infrastructure specialise in?
                  </button>
                </h4>
                <div id="faqCollapseThree" class="accordion-collapse collapse" aria-labelledby="faqHeadingThree" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    AARAA Infrastructure delivers projects across Commercial, Industrial, Institutional, Infrastructure, Solar EPC &amp; Renewables, PEB (Pre-Engineered Buildings), MEP &amp; HVAC, and Interior Fit-Out sectors. Our multi-sector capability means a single partner can handle your entire project ecosystem.
                  </div>
                </div>
              </div>

              <!-- FAQ 4 -->
              <div class="accordion-item">
                <h4 class="accordion-header" id="faqHeadingFour">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFour" aria-expanded="false" aria-controls="faqCollapseFour" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    What is a Pre-Engineered Building (PEB) and what are its advantages?
                  </button>
                </h4>
                <div id="faqCollapseFour" class="accordion-collapse collapse" aria-labelledby="faqHeadingFour" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    A Pre-Engineered Building (PEB) is a steel structure designed, fabricated, and assembled using standardised components manufactured off-site. Key advantages include faster construction timelines (up to 30% quicker than conventional methods), lower material waste, design flexibility for large clear-span spaces, and significantly reduced construction costs — making it ideal for warehouses, factories, and large commercial facilities.
                  </div>
                </div>
              </div>

              <!-- FAQ 5 -->
              <div class="accordion-item">
                <h4 class="accordion-header" id="faqHeadingFive">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFive" aria-expanded="false" aria-controls="faqCollapseFive" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    Which cities and regions does AARAA Infrastructure operate in?
                  </button>
                </h4>
                <div id="faqCollapseFive" class="accordion-collapse collapse" aria-labelledby="faqHeadingFive" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    We operate across 25+ major cities in India including Chennai, Bengaluru, Mumbai, Delhi NCR, Hyderabad, Pune, Ahmedabad, Coimbatore, Kochi, and more. Our project portfolio spans Tamil Nadu, Karnataka, Maharashtra, Telangana, Gujarat, Rajasthan, and multiple other states.
                  </div>
                </div>
              </div>

              <!-- FAQ 6 -->
              <div class="accordion-item">
                <h4 class="accordion-header" id="faqHeadingSix">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseSix" aria-expanded="false" aria-controls="faqCollapseSix" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    How can I get a project quote or estimate from AARAA Infrastructure?
                  </button>
                </h4>
                <div id="faqCollapseSix" class="accordion-collapse collapse" aria-labelledby="faqHeadingSix" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    You can request a project quote by filling out our Quick Enquiry form, emailing us at <a href="/cdn-cgi/l/email-protection#95f4f4e7f4f4fcfbf3e7f4e6e1e7e0f6e1e0e7f0d5f2f8f4fcf9bbf6faf8" style="color: #ea2a31; text-decoration: none; font-weight: 600;"><span class="__cf_email__" data-cfemail="a5c4c4d7c4c4cccbc3d7c4d6d1d7d0c6d1d0d7c0e5c2c8c4ccc98bc6cac8">[email&#160;protected]</span></a>, or calling us directly. Our team typically responds within one business day with an initial assessment and project discussion.
                  </div>
                </div>
              </div>

              <!-- FAQ 7 -->
              <div class="accordion-item">
                <h4 class="accordion-header" id="faqHeadingSeven">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseSeven" aria-expanded="false" aria-controls="faqCollapseSeven" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    What quality and safety standards does AARAA follow on its projects?
                  </button>
                </h4>
                <div id="faqCollapseSeven" class="accordion-collapse collapse" aria-labelledby="faqHeadingSeven" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    AARAA Infrastructure follows ISO-compliant quality management systems and adheres to BIS (Bureau of Indian Standards), NBC (National Building Code), and relevant IS codes across all project categories. Our safety protocols include site-specific HSE (Health, Safety &amp; Environment) plans, regular audits, certified safety personnel, and mandatory PPE compliance across all active sites.
                  </div>
                </div>
              </div>

              <!-- FAQ 8 -->
              <div class="accordion-item" style="border-bottom: none;">
                <h4 class="accordion-header" id="faqHeadingEight">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseEight" aria-expanded="false" aria-controls="faqCollapseEight" style="font-weight: 600; font-size: 16px; padding: 20px 0; line-height: 1.5;">
                    How long does a typical commercial or industrial construction project take?
                  </button>
                </h4>
                <div id="faqCollapseEight" class="accordion-collapse collapse" aria-labelledby="faqHeadingEight" data-bs-parent="#aaraaFaqAccordion">
                  <div class="accordion-body" style="padding: 0 0 20px 0; color: #555; font-size: 16px; line-height: 1.75; font-family: 'Outfit', sans-serif;">
                    Project timelines vary significantly based on scope, site conditions, approvals, and complexity. A small commercial interior fit-out may take 6–12 weeks, while a large industrial facility or institutional campus can take 12–36 months. AARAA provides a detailed project schedule during the pre-construction phase and uses milestone-based tracking to ensure timely delivery.
                  </div>
                </div>
              </div>

            </div>
        </div>
    </div>
</section>

<!-- FROM THE FIELD (BLOG STRIP) -->
<section class="section-blog tf-spacing-22" style="background-color: #ffffff; padding: 80px 0; overflow: hidden; position: relative;">
  <div class="tf-container" style="max-width: 1400px; margin: 0 auto; padding: 0 24px;">
    <div class="row align-items-center justify-content-between mb-40">
      <div class="col-md-8">
        <div class="heading-section text-start">
          <span class="sub-title style-2 text-uppercase fw5 mb-12 tf-animate-2">From the Field</span>
          <h2 class="title tf-animate-2">Project Stories &amp; Industry Insights<span style="color:#ea2a31">.</span></h2>
        </div>
      </div>
      <div class="col-md-4 text-end d-none d-md-flex align-items-center justify-content-end gap-3">
        <!-- Arrow Navigation -->
        <button id="blogPrevBtn" class="blog-nav-btn" aria-label="Previous posts"><i class="fas fa-chevron-left"></i></button>
        <button id="blogNextBtn" class="blog-nav-btn" aria-label="Next posts"><i class="fas fa-chevron-right"></i></button>
        <a href="blog.html" class="rb-btn rb-btn--primary" style="margin-left: 10px; width: auto;">View All Stories</a>
      </div>
    </div>

    <!-- Scroll wrapper -->
    <div class="blog-slider-container" style="position: relative; width: 100%; overflow: hidden; padding: 10px 0;">
      <div id="blogSliderTrack" class="blog-slider-track" style="display: flex; gap: 30px; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform;">

        <!-- Post Card 1 -->
        <div class="blog-slide-card">
          <div class="blog-card-img-wrap">
            <img src="image/blog/blog-gmit-office-group.jpg" alt="GMIT Students Complete Practical Training at AARAA Office: 4 Appointed as Junior Site Engineers" loading="lazy">
            <span class="blog-card-badge">Training & Placement</span>
          </div>
          <div class="blog-card-body">
            <div class="blog-card-meta"><span>June 14</span><span>•</span><span>5 min read</span></div>
            <h4 class="blog-card-title"><a href="blog-post-1.html">GMIT Students Complete Practical Training at AARAA Office: 4 Appointed as Junior Site Engineers</a></h4>
            <p class="blog-card-excerpt">AARAA Infrastructure welcomed civil engineering graduates from GMIT Davangere for a comprehensive 1-week practical training program at our head office, culminating in the appointment of 4 candidates as Junior Site Engineers.</p>
            <div class="blog-card-footer">
              <a href="blog-post-1.html" class="blog-card-link">Read Story <i class="fas fa-arrow-right"></i></a>
              <span class="blog-card-tag">#AARAAOffice</span>
            </div>
          </div>
        </div>

        <!-- Post Card 2 -->
        <div class="blog-slide-card">
          <div class="blog-card-img-wrap">
            <img src="image/blog/blog-gmit-campus.jpg" alt="Campus Recruitment & Internship Program at GM Institute of Technology, Davangere" loading="lazy">
            <span class="blog-card-badge">Campus Drive</span>
          </div>
          <div class="blog-card-body">
            <div class="blog-card-meta"><span>June 12</span><span>•</span><span>5 min read</span></div>
            <h4 class="blog-card-title"><a href="blog-post-2.html">Campus Recruitment & Internship Program at GM Institute of Technology, Davangere</a></h4>
            <p class="blog-card-excerpt">AARAA Infrastructure conducted a highly successful Campus Interview & Internship Drive at GM Institute of Technology (GMIT), Davangere, Karnataka, selecting bright engineering talent for core construction roles.</p>
            <div class="blog-card-footer">
              <a href="blog-post-2.html" class="blog-card-link">Read Story <i class="fas fa-arrow-right"></i></a>
              <span class="blog-card-tag">#CampusDrive</span>
            </div>
          </div>
        </div>

        <!-- Post Card 3 -->
        <div class="blog-slide-card">
          <div class="blog-card-img-wrap">
            <img src="image/blog/blog-tuticorin.png" alt="180 MWp Solar Power Project — Civil Infrastructure Works, Tuticorin" loading="lazy">
            <span class="blog-card-badge">Solar EPC</span>
          </div>
          <div class="blog-card-body">
            <div class="blog-card-meta"><span>June 1</span><span>•</span><span>6 min read</span></div>
            <h4 class="blog-card-title"><a href="blog-post-3.html">180 MWp Solar Power Project — Civil Infrastructure Works, Tuticorin</a></h4>
            <p class="blog-card-excerpt">AARAA Infrastructure executed civil infrastructure works for Waree Energies' 180 MWp Solar Power Project in Tuticorin, Tamil Nadu — site grading, earthworks, MMS foundations, internal roads and drainage. Value: ₹11 Crores.</p>
            <div class="blog-card-footer">
              <a href="blog-post-3.html" class="blog-card-link">Read Story <i class="fas fa-arrow-right"></i></a>
              <span class="blog-card-tag">#SolarEPC</span>
            </div>
          </div>
        </div>

        <!-- Post Card 4 -->
        <div class="blog-slide-card">
          <div class="blog-card-img-wrap">
            <img src="image/blog/blog-karnataka.png" alt="132 MW Wind-Solar Hybrid Project — Civil Infrastructure Works, Kudligi, Karnataka" loading="lazy">
            <span class="blog-card-badge">Solar EPC</span>
          </div>
          <div class="blog-card-body">
            <div class="blog-card-meta"><span>May 15</span><span>•</span><span>5 min read</span></div>
            <h4 class="blog-card-title"><a href="blog-post-4.html">132 MW Wind-Solar Hybrid Project — Civil Infrastructure Works, Kudligi, Karnataka</a></h4>
            <p class="blog-card-excerpt">AARAA Infrastructure executed civil infrastructure for Continuum Green Energy's 132 MW Wind-Solar Hybrid Project at Kudligi, Karnataka — piling, trenching, internal roads, drainage and foundations. Value: ₹20 Crores.</p>
            <div class="blog-card-footer">
              <a href="blog-post-4.html" class="blog-card-link">Read Story <i class="fas fa-arrow-right"></i></a>
              <span class="blog-card-tag">#WindSolarHybrid</span>
            </div>
          </div>
        </div>

        <!-- Post Card 5 -->
        <div class="blog-slide-card">
          <div class="blog-card-img-wrap">
            <img src="image/blog/blog-reliance.png" alt="Civil, Interior & MEP Fit-Out for Reliance Group — Chennai" loading="lazy">
            <span class="blog-card-badge">MEP Fit-Out</span>
          </div>
          <div class="blog-card-body">
            <div class="blog-card-meta"><span>May 1</span><span>•</span><span>5 min read</span></div>
            <h4 class="blog-card-title"><a href="blog-post-5.html">Civil, Interior & MEP Fit-Out for Reliance Group — Chennai</a></h4>
            <p class="blog-card-excerpt">AARAA Infrastructure executed civil, interior, and MEP fit-out works for Reliance Group in Chennai — structural modifications, HVAC, electrical, plumbing, ELV, fire-fighting systems and final commissioning.</p>
            <div class="blog-card-footer">
              <a href="blog-post-5.html" class="blog-card-link">Read Story <i class="fas fa-arrow-right"></i></a>
              <span class="blog-card-tag">#MEPFitOut</span>
            </div>
          </div>
        </div>

        <!-- Post Card 6 -->
        <div class="blog-slide-card">
          <div class="blog-card-img-wrap">
            <img src="image/blog/blog-vibgyor.png" alt="G+7 Institutional Development — VIBGYOR Group of Schools, Hinjewadi, Pune" loading="lazy">
            <span class="blog-card-badge">Institutional</span>
          </div>
          <div class="blog-card-body">
            <div class="blog-card-meta"><span>April 10</span><span>•</span><span>5 min read</span></div>
            <h4 class="blog-card-title"><a href="blog-post-6.html">G+7 Institutional Development — VIBGYOR Group of Schools, Hinjewadi, Pune</a></h4>
            <p class="blog-card-excerpt">AARAA Infrastructure executed masonry, plastering, flooring, tiling, plumbing, painting, and full joinery for VIBGYOR High School G+7 building at Hinjewadi, Pune. Value: ₹5 Crores.</p>
            <div class="blog-card-footer">
              <a href="blog-post-6.html" class="blog-card-link">Read Story <i class="fas fa-arrow-right"></i></a>
              <span class="blog-card-tag">#InstitutionalConstruction</span>
            </div>
          </div>
        </div>

        <!-- Post Card 7 -->
        <div class="blog-slide-card">
          <div class="blog-card-img-wrap">
            <img src="image/blog/blog-srm.png" alt="Institutional Development & Precast Works — SRM University, Andhra Pradesh" loading="lazy">
            <span class="blog-card-badge">Institutional</span>
          </div>
          <div class="blog-card-body">
            <div class="blog-card-meta"><span>April 1</span><span>•</span><span>4 min read</span></div>
            <h4 class="blog-card-title"><a href="blog-post-7.html">Institutional Development & Precast Works — SRM University, Andhra Pradesh</a></h4>
            <p class="blog-card-excerpt">AARAA Infrastructure executed basement precast wall planning, masonry, flooring, tiling, plumbing, waterproofing, and complete painting and joinery for SRM University, Andhra Pradesh. Value: ₹6 Crores.</p>
            <div class="blog-card-footer">
              <a href="blog-post-7.html" class="blog-card-link">Read Story <i class="fas fa-arrow-right"></i></a>
              <span class="blog-card-tag">#SRMUniversity</span>
            </div>
          </div>
        </div>

      </div>
    </div>
    
    <!-- Mobile view button -->
    <div class="col-12 text-center d-flex d-md-none justify-content-center mt-3">
      <a href="blog.html" class="rb-btn rb-btn--primary" style="width: auto;">View All Stories</a>
    </div>
  </div>
</section>

<section class="section-5 h-2">
<div class="section-contact-home h-2 tf-spacing-11">
<div class="tf-container">
<div class="row">
<div class="col-12">
<div class="heading-section text-center mb-50">
<span class="sub-title style-2 text-uppercase fw5 mb-12 mx-auto tf-animate-2">CONTACT US</span>
<h2 class="title mb-12 tf-animate-2">We'd Love to Hear From You</h2>
<div class="text lsp-0 tf-animate-2">
<p class="text-large-black font-montserrat"> If you’d like to know more about our services or how we can help you with your project, please get in touch.</p>
</div>
</div>
</div>
<div class="col-12">
<div class="list-contact-home-item flex align-items-center justify-content-between">
<div class="contact-home-item">
<a class="icon-contact wow fadeInUp" data-bs-toggle="modal" href="#quickEnquiry"><i class="icon-conversation1"></i></a>
<div class="name-contact wow fadeInUp" role="heading" aria-level="3"><a data-bs-toggle="modal" href="#quickEnquiry">Quick Enquiry</a></div>
</div>
<div class="contact-home-item">
<a class="icon-contact wow fadeInUp" data-bs-toggle="modal" data-wow-delay=".2s" href="#sendEmail"><i class="icon-envelope"></i></a>
<div class="name-contact wow fadeInUp" data-wow-delay=".2s" role="heading" aria-level="3"><a data-bs-toggle="modal" href="#sendEmail">Send Email Us</a></div>
</div>
<div class="contact-home-item">
<a class="icon-contact wow fadeInUp" data-bs-toggle="modal" data-wow-delay=".1s" href="#callmeBack"><i class="icon-callback"></i></a>
<div class="name-contact wow fadeInUp" data-wow-delay=".1s" role="heading" aria-level="3"><a data-bs-toggle="modal" href="#callmeBack">Call Me Back</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

</main>

<div class="modal modalCentered fade auto-popup modal-quick-enquiry modal-contact" id="startyourproject">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-top">
<div class="title">Enquiry</div>
<button class="btn-hide-popup" data-bs-dismiss="modal" aria-label="Close Modal"><i class="icon-close"></i></button>
</div>
<form class="form-contact-us" id="contactform">
<div class="cols"><fieldset class="item"><input id="st_name" name="name" placeholder="*Full name" required="" type="text" aria-label="Full name"/></fieldset><fieldset class="item"><input id="st_email" name="email" placeholder="*Email address" required="" type="email" aria-label="Email address"/></fieldset></div>
<div class="cols"><fieldset class="item"><input id="st_phone" name="phone" placeholder="*Phone number" required="" type="tel" aria-label="Phone number"/></fieldset><fieldset class="item"><input id="st_subject" name="subject" placeholder="Subject" required="" type="text" aria-label="Subject"/></fieldset></div>
<fieldset><textarea id="st_message" name="message" placeholder="Your Message*" required="" aria-label="Your Message"></textarea></fieldset>
<div class="bottom-form flex justify-content-between align-items-center flex-wrap gap-20">
<fieldset class="check-box"><input id="st_save1" name="terms" required="" type="checkbox"/><label for="st_save1">Accept terms and conditions from AARAA.</label></fieldset>

      <!-- Cloudflare Turnstile Widget -->
      <div class="cf-turnstile-placeholder" style="margin-bottom: 15px; display: flex; justify-content: center;"></div>
<button class="tf-btn style-1 hover-bg-secondary text-uppercase" type="submit"><span>send message</span><span class="icon"><i class="icon-arrow-right"></i></span></button>
</div>
</form>
</div>
</div>
</div>

<div class="modal modalCentered fade auto-popup modal-quick-enquiry modal-contact" id="quickEnquiry">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-top">
<div class="title">Quick Enquiry</div>
<button class="btn-hide-popup" data-bs-dismiss="modal" aria-label="Close Modal"><i class="icon-close"></i></button>
</div>
<form class="form-contact-us" id="modalQuickEnquiryForm">
<div class="cols"><fieldset class="item"><input id="q_name_modal" name="name" placeholder="*Full name" required="" type="text" aria-label="Full name"/></fieldset><fieldset class="item"><input id="q_email_modal" name="email" placeholder="*Email address" required="" type="email" aria-label="Email address"/></fieldset></div>
<div class="cols"><fieldset class="item"><input id="q_phone_modal" name="phone" placeholder="*Phone number" required="" type="tel" aria-label="Phone number"/></fieldset><fieldset class="item"><input id="q_subject_modal" name="subject" placeholder="Subject" required="" type="text" aria-label="Subject"/></fieldset></div>
<fieldset><textarea id="q_message_modal" name="message" placeholder="Your Message*" required="" aria-label="Your Message"></textarea></fieldset>
<div class="bottom-form flex justify-content-between align-items-center flex-wrap gap-20">
<fieldset class="check-box"><input id="q_save1_modal" name="terms" required="" type="checkbox"/><label for="q_save1_modal">Accept terms and conditions from AARAA.</label></fieldset>

      <!-- Cloudflare Turnstile Widget -->
      <div class="cf-turnstile-placeholder" style="margin-bottom: 15px; display: flex; justify-content: center;"></div>
<button class="tf-btn style-1 hover-bg-secondary text-uppercase" type="submit"><span>send message</span><span class="icon"><i class="icon-arrow-right"></i></span></button>
</div>
</form>
</div>
</div>
</div>

<div class="modal modalCentered fade auto-popup modal-quick-enquiry modal-contact" id="sendEmail">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-top">
<div class="title">Send us Email</div>
<button class="btn-hide-popup" data-bs-dismiss="modal" aria-label="Close Modal"><i class="icon-close"></i></button>
</div>
<form class="form-contact-us" id="emailform">
<div class="cols"><fieldset class="item"><input id="e_name" name="name" placeholder="*Full name" required="" type="text" aria-label="Full name"/></fieldset><fieldset class="item"><input id="e_email" name="email" placeholder="*Email address" required="" type="email" aria-label="Email address"/></fieldset></div>
<div class="cols"><fieldset class="item"><input id="e_phone" name="phone" placeholder="*Phone number" required="" type="tel" aria-label="Phone number"/></fieldset><fieldset class="item"><input id="e_subject" name="subject" placeholder="Subject" required="" type="text" aria-label="Subject"/></fieldset></div>
<fieldset><textarea id="e_message" name="message" placeholder="Your Message*" required="" aria-label="Your Message"></textarea></fieldset>
<div class="bottom-form flex justify-content-between align-items-center flex-wrap gap-20">
<fieldset class="check-box"><input id="e_save1" name="terms" required="" type="checkbox"/><label for="e_save1">Accept terms and conditions from AARAA.</label></fieldset>

      <!-- Cloudflare Turnstile Widget -->
      <div class="cf-turnstile-placeholder" style="margin-bottom: 15px; display: flex; justify-content: center;"></div>
<button class="tf-btn style-1 hover-bg-secondary text-uppercase" type="submit"><span>Send Email</span><span class="icon"><i class="icon-arrow-right"></i></span></button>
</div>
</form>
</div>
</div>
</div>

<div class="modal modalCentered fade auto-popup modal-call-me-back modal-contact" id="callmeBack">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-top">
<div class="title">Call Me Back</div>
<button class="btn-hide-popup" data-bs-dismiss="modal" aria-label="Close Modal"><i class="icon-close"></i></button>
</div>
<form class="form-contact-us" id="callbackform">
<fieldset class="item mb-20"><input id="callback-name" name="name" placeholder="*Full name" required="" type="text" aria-label="Full name"/></fieldset>
<fieldset class="item mb-20"><input id="callback-phone" name="phone" placeholder="*Phone number" required="" type="number" aria-label="Phone number"/></fieldset>

      <!-- Cloudflare Turnstile Widget -->
      <div class="cf-turnstile-placeholder" style="margin-bottom: 15px; display: flex; justify-content: center;"></div>
<button class="tf-btn style-1 hover-bg-secondary text-uppercase" type="submit"><span>send message</span><span class="icon"><i class="icon-arrow-right"></i></span></button>
</form>
</div>
</div>
</div>

<footer class="footer" id="footer">
<div class="tf-container">
<div class="row">
<div class="col-12">
<div class="footer-inner">
<ul class="menu-footer-list"></ul>
<div class="footer-middle">
<div class="left logo-footer">
<a class="logo" href="#"><img alt="AARAA INFRASTRUCTURE - Enterprise Civil Construction" src="image/logo/logofooter.png"/></a>
<div class="post-social bg-color-bg-1">
<ul>
<li><a class="icon-socila" href="https://www.facebook.com/people/Aaraa-Infrastructure/61577346574499/" rel="noopener" target="_blank" aria-label="Facebook"><i class="icon-facebook"></i></a></li>
<li><a class="icon-socila" href="https://www.instagram.com/aaraa_infrastructure/" rel="noopener" target="_blank" aria-label="Instagram"><i class="icon-instagram"></i></a></li>
<li><a class="icon-socila" href="https://www.linkedin.com/company/aaraa-infrastructure/" rel="noopener" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a></li>
<li><a class="icon-socila" href="https://www.youtube.com/@AaraaInfrastructure" rel="noopener" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="middle address footer-list">
<h6 class="title">Address & Presence</h6>
<div class="item"><div class="icon"><i class="icon-map-pin2"></i></div><span>Corporate Office: <br> #85, 4th Floor, Lotus Tower, Anna Salai, Guindy, Chennai-600032.</span></div>
<div class="item"><div class="icon"><i class="icon-map-pin2"></i></div><span>Branch Office: <br>WeWork, Oberoi Commerz II, Mumbai 400 063.</span></div>
<div class="item"><div class="icon"><i class="icon-call"></i></div><span>Call Us: <a href="tel:+918681003111">+91 868 100 3111</a></span></div>
<div class="item"><div class="icon"><i class="icon-map-pin2"></i></div><span>Mail: <a href="/cdn-cgi/l/email-protection#137a7d757c5372726172727a7d7561726067616670676661763d707c7e"><span class="__cf_email__" data-cfemail="d4bdbab2bb94b5b5a6b5b5bdbab2a6b5a7a0a6a1b7a0a1a6b1fab7bbb9">[email&#160;protected]</span></a></span></div>
</div>
<div class="right subscribe footer-list">
<h6 class="title">Subscribe Newsletter</h6>
<p class="text">Subscribe to receive the latest news from us, we make sure not to spam your inbox.</p>
<form class="form-newsletter subscribe-form" id="newsletterForm">
<input aria-required="true" class="subscribe-email" name="email" placeholder="Email address" required="" tabindex="0" type="email" aria-label="Email address"/>

      <!-- Cloudflare Turnstile Widget -->
      <div class="cf-turnstile-placeholder" style="margin-bottom: 15px; display: flex; justify-content: center;"></div>
<button class="subscribe-button tf-btn-newsletter" type="submit" aria-label="Subscribe"><i class="icon-arrow-right"></i></button>
</form>
</div>
</div>
<div class="line-footer"></div>
<div class="footer-bottom">
<span>© <span id="currentYear"></span> AARAA INFRASTRUCTURE. All rights reserved.</span>
<ul>
<li><a href="aaraa-privacy-policy.html">Privacy policy.</a></li>
<li><a href="#">Terms of use.</a></li>
<li><a href="#">Site map.</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.getElementById("currentYear").textContent = new Date().getFullYear();</script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/lazysize.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/gsap.min.js"></script>
<script src="js/gsap-animation.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<script src="js/Splitetext.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="js/carousel.js"></script>
<script src="js/odometer.min.js"></script>
<script src="js/simpleParallaxVanilla.js"></script>
<script src="js/jquery-validate.js"></script>
<script src="js/m_menu.js"></script>
<script>window.addEventListener("load", function () { setTimeout(() => { document.getElementById("ai-preloader")?.remove(); }, 3000); });</script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/map-presence.js" type="text/javascript"></script>

<script>
document.addEventListener("DOMContentLoaded", () => {
    // ------------------------------------------
    // 1. Popup Overlay Triggers (Enquiry & Vendor)
    // ------------------------------------------
    document.querySelectorAll('[data-aaraa-enquiry]').forEach(btn => {
        btn.addEventListener('click', (e) => {
            e.preventDefault();
            const popup = document.getElementById('aaraaEnquiryOverlay');
            if (popup) {
                popup.style.display = 'flex';
                setTimeout(() => popup.classList.add('active'), 10);
            }
        });
    });

    document.querySelectorAll('[data-aaraa-vendor]').forEach(btn => {
        btn.addEventListener('click', (e) => {
            e.preventDefault();
            const popup = document.getElementById('aaraaVendorOverlay');
            if (popup) {
                popup.style.display = 'flex';
                setTimeout(() => popup.classList.add('active'), 10);
            }
        });
    });

    // Close logic for custom overlays
    document.querySelectorAll('.aaraa-popup-close, [data-aaraa-close]').forEach(btn => {
        btn.addEventListener('click', (e) => {
            e.preventDefault();
            const popup = e.target.closest('.aaraa-popup-overlay');
            if (popup) {
                popup.classList.remove('active');
                setTimeout(() => popup.style.display = 'none', 300);
            }
        });
    });
});
</script>

<!-- ⭐ API BRIDGE - MUST be before app.js ⭐ -->
<script src="js/api-bridge.js"></script>
<script type="module" src="js/firebase/app.js?v=4"></script>

<script>
  if(!window._ytApiInjected){
    var s=document.createElement('script'); s.src="https://www.youtube.com/iframe_api"; document.head.appendChild(s);
    window._ytApiInjected=true;
  }
  var _ytHeroPlayer;
  function onYouTubeIframeAPIReady(){
    try{
      _ytHeroPlayer = new YT.Player('ytHero',{
        events:{
          onReady:function(e){ try{e.target.mute(); e.target.playVideo();}catch(_){} document.body.classList.add('yt-ready'); },
          onStateChange:function(s){ if(s.data===YT.PlayerState.ENDED){ try{_ytHeroPlayer.seekTo(0); _ytHeroPlayer.playVideo(); }catch(_){ } } }
        }
      });
    }catch(err){ console.warn('YT init error', err); }
  }
  setTimeout(function(){ document.body.classList.add('yt-ready'); }, 1500);
</script>

<script>
(function () {
  var header = document.getElementById('header');
  function onScroll() {
    if (!header) return;
    if (window.scrollY > 10) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); }
  }
  window.addEventListener('scroll', onScroll, { passive: true });
  window.addEventListener('load', onScroll);
})();
</script>

<script>
/* ── Marquee Track Duplication ───────────────────────────────────────
   translateX(-50%) only loops seamlessly when the track contains
   an exact clone of all items. This script doubles the content at
   runtime so the HTML stays clean and editable.
────────────────────────────────────────────────────────────────────── */
(function () {
  function initMarquee() {
    document.querySelectorAll('.marquee-track').forEach(function (track) {
      if (track.dataset.cloned) return; // guard against double-run
      track.dataset.cloned = '1';

      // Grab the original items and append a clone set
      var original = track.innerHTML;
      track.innerHTML = original + original;

      // Reset the animation so it starts cleanly after cloning
      track.style.animation = 'none';
      // Force reflow
      void track.offsetWidth;
      track.style.animation = '';
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initMarquee);
  } else {
    initMarquee();
  }
})();

// Horizontal Blog Slider with Smooth Cursor-Tracking (Hover Parallax) & Touch Swipe
(function () {
  var container = document.querySelector('.blog-slider-container');
  var track = document.getElementById('blogSliderTrack');
  var prevBtn = document.getElementById('blogPrevBtn');
  var nextBtn = document.getElementById('blogNextBtn');
  if (!container || !track) return;

  var trackWidth = track.scrollWidth;
  var containerWidth = container.clientWidth;
  var maxScroll = Math.max(0, trackWidth - containerWidth);

  var targetTranslate = 0;
  var currentTranslate = 0;
  var animationFrameId = null;
  var easing = 0.08; // Butter smooth easing factor

  // Dragging & Touch State
  var isDragging = false;
  var startX = 0;
  var initialTranslate = 0;

  function updateDimensions() {
    trackWidth = track.scrollWidth;
    containerWidth = container.clientWidth;
    maxScroll = Math.max(0, trackWidth - containerWidth);
    targetTranslate = Math.max(-maxScroll, Math.min(0, targetTranslate));
  }

  function animate() {
    currentTranslate += (targetTranslate - currentTranslate) * easing;
    
    // Boundary check
    if (currentTranslate > 0) currentTranslate = 0;
    if (currentTranslate < -maxScroll) currentTranslate = -maxScroll;

    track.style.transform = 'translateX(' + currentTranslate.toFixed(2) + 'px)';

    if (Math.abs(targetTranslate - currentTranslate) > 0.05) {
      animationFrameId = requestAnimationFrame(animate);
    } else {
      currentTranslate = targetTranslate;
      track.style.transform = 'translateX(' + currentTranslate + 'px)';
      animationFrameId = null;
    }
  }

  function triggerAnimation() {
    if (!animationFrameId) {
      animationFrameId = requestAnimationFrame(animate);
    }
  }

  // Mousemove cursor translation
  container.addEventListener('mousemove', function (e) {
    if (isDragging) return;
    updateDimensions();
    
    var rect = container.getBoundingClientRect();
    var x = e.clientX - rect.left;
    
    // 80px comfort padding zone on left and right to easily hit limits
    var padding = 80;
    var activeWidth = rect.width - (padding * 2);
    if (activeWidth <= 0) return;
    
    var relX = x - padding;
    var percentage = relX / activeWidth;
    if (percentage < 0) percentage = 0;
    if (percentage > 1) percentage = 1;

    targetTranslate = -percentage * maxScroll;
    triggerAnimation();
  });

  // Touch and drag implementation
  function startDrag(clientX) {
    isDragging = true;
    startX = clientX;
    initialTranslate = currentTranslate;
    track.style.transition = 'none';
    if (animationFrameId) {
      cancelAnimationFrame(animationFrameId);
      animationFrameId = null;
    }
  }

  function moveDrag(clientX) {
    if (!isDragging) return;
    updateDimensions();
    var deltaX = clientX - startX;
    targetTranslate = initialTranslate + deltaX;

    // Boundary resistance (rubber banding effect)
    if (targetTranslate > 0) {
      targetTranslate = targetTranslate * 0.3;
    } else if (targetTranslate < -maxScroll) {
      var overScroll = targetTranslate + maxScroll;
      targetTranslate = -maxScroll + (overScroll * 0.3);
    }

    currentTranslate = targetTranslate;
    track.style.transform = 'translateX(' + currentTranslate + 'px)';
  }

  function endDrag() {
    if (!isDragging) return;
    isDragging = false;
    
    if (targetTranslate > 0) targetTranslate = 0;
    if (targetTranslate < -maxScroll) targetTranslate = -maxScroll;
    
    triggerAnimation();
  }

  // Drag event listeners
  container.addEventListener('mousedown', function (e) {
    if (e.button !== 0 || e.target.closest('a') || e.target.closest('button')) return;
    startDrag(e.clientX);
    container.style.cursor = 'grabbing';
  });

  window.addEventListener('mousemove', function (e) {
    if (isDragging) {
      moveDrag(e.clientX);
    }
  });

  window.addEventListener('mouseup', function () {
    if (isDragging) {
      endDrag();
      container.style.cursor = 'grab';
    }
  });

  // Touch event listeners
  container.addEventListener('touchstart', function (e) {
    if (e.target.closest('a') || e.target.closest('button')) return;
    startDrag(e.touches[0].clientX);
  }, { passive: true });

  container.addEventListener('touchmove', function (e) {
    if (isDragging) {
      moveDrag(e.touches[0].clientX);
    }
  }, { passive: true });

  container.addEventListener('touchend', function () {
    endDrag();
  });

  // Keep navigation buttons active
  function shiftByCards(direction) {
    updateDimensions();
    var shiftAmt = 370 * direction; // Approximately 1 card width + gap
    targetTranslate = targetTranslate + shiftAmt;
    targetTranslate = Math.max(-maxScroll, Math.min(0, targetTranslate));
    triggerAnimation();
  }

  if (nextBtn) {
    nextBtn.addEventListener('click', function () {
      shiftByCards(-1);
    });
  }
  if (prevBtn) {
    prevBtn.addEventListener('click', function () {
      shiftByCards(1);
    });
  }

  // Window Resize & Load
  window.addEventListener('resize', function () {
    updateDimensions();
    triggerAnimation();
  });
  window.addEventListener('load', function () {
    updateDimensions();
    triggerAnimation();
  });

  // Initial call
  updateDimensions();
})();
</script>
</div>

<!-- Cloudflare Turnstile API Script -->
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback&render=explicit" async defer></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a1004ef83e767ec1',t:'MTc4MjE4NDMxOA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>