<?php
require_once __DIR__ . '/includes/site_data.php';
?>
<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>About Project | <?php echo htmlspecialchars($siteSettings['company_name'], ENT_QUOTES, 'UTF-8'); ?> Zirakpur</title>
    <meta name="AdsBot-Google" content="noindex follow" />
    <meta name="description" content="Learn more about <?php echo htmlspecialchars($siteSettings['company_name'], ENT_QUOTES, 'UTF-8'); ?> Zirakpur, GMADA approved plotted township near PR-7 Airport Road.">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<?php if (!empty($siteSettings['header_scripts'])): echo $siteSettings['header_scripts']; endif; ?>

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png" />

    <!-- CSS (Font, Vendor, Icon, Plugins & Style CSS files) -->

    <!-- Font CSS -->
    <!-- <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=karla:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet"> -->


    <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=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&amp;family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;display=swap" rel="stylesheet">

    <!-- Vendor CSS (Bootstrap & Icon Font) -->

    <!-- Plugins CSS (All Plugins Files) -->

    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />

    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css" />


    <!-- Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css?v=<?php echo time(); ?>" />

</head>


<body class="font-karla text-body text-tiny">
    <div class="overflow-hidden">

        <!-- Header start -->
        <div class="medallion-header-wrapper absolute top-0 left-0 w-full z-[35]">
            <header id="sticky-header" class="medallion-header-bar secondary-sticky">
                <div class="container">
                    <div class="grid grid-cols-12">
                        <div class="col-span-12">
                            <div class="flex items-center justify-between w-full">
                                <!-- Logo on Left -->
                                <a href="./" class="block py-1 shrink-0">
                                    <img src="assets/images/logo/medallion-brochure-logo-white.svg" alt="Medallion Aero Park" class="medallion-header-logo drop-shadow-md" style="height: 58px; width: auto; max-width: 270px; object-fit: contain; display: block;">
                                </a>

                                <!-- Menu Centrally Aligned -->
                                <nav class="medallion-nav-center">
                                    <ul class="medallion-nav-links font-lora">
                                        <li><a href="./">Home</a></li>
                                        <li><a href="about">About</a></li>
                                        <li><a href="plots">Plots</a></li>
                                        <li><a href="amenities">Amenities</a></li>
                                        <li><a href="blog">Blog</a></li>
                                        <li><a href="contact">Contact</a></li>
                                    </ul>
                                </nav>

                                <!-- Enquire Button and Mobile Toggle on Right -->
                                <div class="flex items-center gap-3 shrink-0">
                                    <a href="contact" class="medallion-enquire-btn before:rounded-md before:block before:absolute before:left-auto before:right-0 before:inset-y-0 before:-z-[1] before:bg-[#b89558] before:w-0 hover:before:w-full hover:before:left-0 hover:before:right-auto before:transition-all leading-none px-[20px] xl:px-[24px] py-[13px] capitalize font-medium text-white text-[14px] xl:text-[16px] relative after:block after:absolute after:inset-0 after:-z-[2] after:bg-[#a3824f] after:rounded-md after:transition-all shadow-md">Enquire Now</a>
                                    <a href="#offcanvas-mobile-menu" class="offcanvas-toggle flex lg:hidden text-white hover:text-secondary p-1">
                                        <svg width="24" height="24" class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                                            <path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
        </div>
        <!-- offcanvas-overlay start -->
        <div class="offcanvas-overlay hidden fixed inset-0 bg-black opacity-50 z-50"></div>
        <!-- offcanvas-overlay end -->
        <!-- offcanvas-mobile-menu start -->
        <div id="offcanvas-mobile-menu" class="offcanvas left-0 transform -translate-x-full fixed font-normal text-sm top-0 z-50 h-screen xs:w-[300px] lg:w-[380px] transition-all ease-in-out duration-300 bg-white">
            <div class="py-12 pr-5 h-[100vh] overflow-y-auto">
                <button class="offcanvas-close text-primary text-[25px] w-10 h-10 absolute right-0 top-0 z-[1]" aria-label="offcanvas">x</button>
                <nav class="offcanvas-menu mr-[20px]">
                    <ul>
                        <li class="relative block border-b-primary border-b first:border-t first:border-t-primary"><a href="./" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Home</a></li>
                        <li class="relative block border-b-primary border-b"><a href="about" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">About</a></li>
                        <li class="relative block border-b-primary border-b"><a href="plots" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Plots</a></li>
                        <li class="relative block border-b-primary border-b"><a href="amenities" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Amenities</a></li>
                        <li class="relative block border-b-primary border-b"><a href="blog" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Blog</a></li>
                        <li class="relative block border-b-primary border-b"><a href="contact" class="block capitalize font-normal text-black hover:text-secondary text-base my-2 py-1 px-5">Contact</a></li>
                    </ul>
                </nav>
                <div class="px-5 flex flex-wrap mt-3 sm:hidden">
                    <a href="tel:+917837335599" class="bg-[#0b2c3d] text-white px-5 py-3 rounded-md font-medium text-center w-full block">Call +91 78373 35599</a>
                </div>
            </div>
        </div>
        <!-- offcanvas-mobile-menu end -->
        <!-- Header end -->

        <!-- Inner Page Hero Section Start -->
        <section class="medallion-inner-hero">
            <!-- Hero Background Image (Homepage full-bleed photo) -->
            <div class="absolute inset-0 w-full h-full pointer-events-none z-[1]">
                <img class="w-full h-full object-cover object-center" src="assets/images/hero/aeropark-hero-plots.jpg" alt="About Medallion Aero Park">
            </div>

            <!-- Balanced Dark Vignette Overlay -->
            <div class="medallion-inner-hero-overlay"></div>

            <!-- Hero Content -->
            <div class="container relative z-[5]">
                <div class="grid grid-cols-12">
                    <div class="col-span-12 lg:col-span-10 text-left">
                        <span class="medallion-inner-hero-tag">M E D A L L I O N&nbsp;&nbsp; A E R O&nbsp;&nbsp; P A R K</span>
                        <h1 class="medallion-inner-hero-title">
                            About Medallion Aero Park
                        </h1>
                        <p class="medallion-inner-hero-desc">
                            Discover an exclusive 22.5-acre plotted township adjoining Aerotropolis in Zirakpur, crafted for refined living, prime connectivity, and lasting value.
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Inner Page Hero Section End -->
        <!-- Hero section end -->

        <!-- About section start -->
        <section class="pt-[80px] lg:pt-[120px]">
            <div class="container">
                <div class="grid grid-cols-12 gap-x-[15px] sm:gap-x-[20px] mb-[-40px]">

                    <div class="col-span-12 lg:col-span-6 mb-[40px] scene reveal-on-scroll reveal-left" data-relative-input="true">
                        <img data-depth="0.1" class="w-full rounded-[6px]" src="assets/images/about/about1.png?v=<?php echo time(); ?>" loading="lazy" width="611" height="375" alt="Medallion Aero Park Lifestyle">
                    </div>

                    <div class="col-span-12 lg:col-span-6 xl:pl-[100px] mb-[40px] reveal-on-scroll reveal-right">
                        <span class="text-secondary text-tiny uppercase tracking-wider inline-block mb-2 font-semibold">About Medallion Aero Park</span>
                        <h2 class="font-lora text-primary text-[24px] sm:text-[30px] leading-[1.388] xl:text-[35px] capitalize mb-[15px] lg:mb-[50px] font-medium">
                            Thoughtfully Planned Residential Plots with World-Class Infrastructure &amp; Seamless Airport Road Connectivity
                            <span class="text-secondary">.</span>
                        </h2>

                        <ul class="flex flex-nowrap items-start justify-between gap-2 sm:gap-6 list-none pt-4 border-t border-gray-100">
                            <li class="block flex-1 min-w-0">
                                <span class="font-lora text-secondary text-[24px] sm:text-[30px] font-semibold leading-tight block"><span>22.5</span> <span class="text-primary text-lg sm:text-xl font-normal">+</span></span>
                                <p class="text-[12px] sm:text-[14px] text-body font-medium mt-1 truncate">Acres Township</p>
                            </li>
                            <li class="block flex-1 min-w-0 border-l border-gray-200 pl-2 sm:pl-5">
                                <span class="font-lora text-secondary text-[24px] sm:text-[30px] font-semibold leading-tight block"><span class="counter-up">3</span> <span class="text-primary text-xs sm:text-sm font-normal">Sizes</span></span>
                                <p class="text-[12px] sm:text-[14px] text-body font-medium mt-1 truncate">90, 125, 150 Yd</p>
                            </li>
                            <li class="block flex-1 min-w-0 border-l border-gray-200 pl-2 sm:pl-5">
                                <span class="font-lora text-secondary text-[24px] sm:text-[30px] font-semibold leading-tight block"><span class="counter-up">100</span><span class="text-primary text-lg sm:text-xl font-normal">%</span></span>
                                <p class="text-[12px] sm:text-[14px] text-body font-medium mt-1 truncate">RERA Approved</p>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </section>
        <!-- About section end -->

        <!-- Unique 6-Card Highlights Section Start -->
        <section class="about-choice-section">
            <div class="container">
                <div class="about-choice-row">

                    <!-- Left: 6 Distinct Cards (2x3 Grid with alternating White & Gold) -->
                    <div class="about-choice-left reveal-on-scroll reveal-left">
                        <div class="about-choice-grid">

                            <!-- Card 1: Verified Projects (White) -->
                            <div class="choice-box-card choice-box-white">
                                <div class="choice-icon-wrap">
                                    <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
                                </div>
                                <h4>Verified Projects</h4>
                            </div>

                            <!-- Card 2: Prime Locations (Gold) -->
                            <div class="choice-box-card choice-box-gold">
                                <div class="choice-icon-wrap">
                                    <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
                                </div>
                                <h4>Prime Locations</h4>
                            </div>

                            <!-- Card 3: Trusted Builders (White) -->
                            <div class="choice-box-card choice-box-white">
                                <div class="choice-icon-wrap">
                                    <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V18z"/></svg>
                                </div>
                                <h4>Trusted Builders</h4>
                            </div>

                            <!-- Card 4: Clear Pricing (Gold) -->
                            <div class="choice-box-card choice-box-gold">
                                <div class="choice-icon-wrap">
                                    <svg viewBox="0 0 24 24"><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></svg>
                                </div>
                                <h4>Clear Pricing</h4>
                            </div>

                            <!-- Card 5: Site Visit Support (White) -->
                            <div class="choice-box-card choice-box-white">
                                <div class="choice-icon-wrap">
                                    <svg viewBox="0 0 24 24"><path d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z"/></svg>
                                </div>
                                <h4>Site Visit Support</h4>
                            </div>

                            <!-- Card 6: Buyer Support (Gold) -->
                            <div class="choice-box-card choice-box-gold">
                                <div class="choice-icon-wrap">
                                    <svg viewBox="0 0 24 24"><path d="M12 1c-4.97 0-9 4.03-9 9v7c0 2.21 1.79 4 4 4h3v-8H5v-3c0-3.87 3.13-7 7-7s7 3.13 7 7v3h-5v8h3c2.21 0 4-1.79 4-4v-7c0-4.97-4.03-9-9-9z"/></svg>
                                </div>
                                <h4>Buyer Support</h4>
                            </div>

                        </div>
                    </div>

                    <!-- Right: Balanced Content with Value Points for Visual Equality -->
                    <div class="about-choice-right reveal-on-scroll reveal-right">
                        <span class="choice-eyebrow">W H Y&nbsp;&nbsp; C H O O S E&nbsp;&nbsp; U S</span>
                        <h2 class="choice-main-title">
                            Your Trusted Partner For Luxury Homes<span class="text-secondary">.</span>
                        </h2>
                        <p class="choice-lead-text">
                            We simplify your search for premier plotted enclaves and luxury living in Zirakpur with verified options, honest guidance, location insights, and personalized support from initial consultation to final possession.
                        </p>

                        <!-- Key Pillars for Height & Visual Equality with the 6 Left Cards -->
                        <ul class="choice-feature-list">
                            <li class="choice-feature-item">
                                <div class="choice-feature-bullet">
                                    <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                                </div>
                                <div class="choice-feature-content">
                                    <h5>100% RERA Approved &amp; Clear Titles</h5>
                                    <p>Fully compliant plotted township with transparent documentation, immediate registration, and top-tier bank approvals.</p>
                                </div>
                            </li>
                            <li class="choice-feature-item">
                                <div class="choice-feature-bullet">
                                    <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                                </div>
                                <div class="choice-feature-content">
                                    <h5>Master Infrastructure &amp; Wide Roads</h5>
                                    <p>Engineered 40' to 60' paved avenue roads, underground utilities, manicured parks, and integrated modern amenities.</p>
                                </div>
                            </li>
                            <li class="choice-feature-item">
                                <div class="choice-feature-bullet">
                                    <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                                </div>
                                <div class="choice-feature-content">
                                    <h5>Strategic PR-7 Airport Road Connectivity</h5>
                                    <p>Unmatched location advantage with rapid signal-free access to Chandigarh International Airport and Tricity hubs.</p>
                                </div>
                            </li>
                        </ul>

                        <!-- Flawlessly Aligned CTA Buttons -->
                        <div class="choice-cta-group">
                            <a href="tel:+917837335599" class="choice-btn-primary">
                                <svg viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
                                Schedule Site Visit
                            </a>
                            <a href="contact" class="choice-btn-secondary">
                                ENQUIRE NOW
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- Unique 6-Card Highlights Section End -->

        <!-- Simple & Normal Plotted Section (Redesigned with Premium Spacing & Cards) Start -->
        <section class="plotted-showcase-section">
            <div class="container">
                <div class="plotted-showcase-grid">

                    <!-- Left: Clear, Balanced Heading, Intro & 3 Interactive Feature Cards -->
                    <div class="plotted-content-col reveal-on-scroll reveal-left">
                        <div class="plotted-eyebrow">
                            <span class="pulse-dot"></span>
                            Master Planned Plotted Enclave
                        </div>
                        <h2 class="plotted-title">
                            Premium Residential Plots Near <span class="text-[#B39359]">Chandigarh Airport</span>.
                        </h2>
                        <p class="plotted-lead">
                            Medallion Aero Park is a thoughtfully planned 22.5-acre plotted township in Dayalpura, Zirakpur. Planned for modern families and long-term investors with wide tree-lined boulevards, lush green spaces, 24/7 secure living and unmatched airport-road connectivity.
                        </p>

                        <div class="plotted-features-list">
                            <!-- Feature 1: EOI Payment Plan -->
                            <div class="plotted-feature-item">
                                <div class="plotted-icon-box">
                                    <svg viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>
                                </div>
                                <div class="plotted-text-wrap">
                                    <div class="plotted-item-header">
                                        <h3 class="plotted-item-title">EOI Payment Plan</h3>
                                        <span class="plotted-item-tag">Pre-Launch Benefits</span>
                                    </div>
                                    <p class="plotted-item-desc">Attractive pre-launch pricing with investor-friendly payment milestones and instant bank loan assistance from premier financial institutions.</p>
                                </div>
                            </div>

                            <!-- Feature 2: Prime PR-7 Location -->
                            <div class="plotted-feature-item">
                                <div class="plotted-icon-box">
                                    <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
                                </div>
                                <div class="plotted-text-wrap">
                                    <div class="plotted-item-header">
                                        <h3 class="plotted-item-title">Prime PR-7 Location</h3>
                                        <span class="plotted-item-tag">5 Mins to Airport</span>
                                    </div>
                                    <p class="plotted-item-desc">Direct signal-free connectivity to Chandigarh International Airport, Aerocity, and Mohali IT City via the grand 200-ft PR-7 Airport Road corridor.</p>
                                </div>
                            </div>

                            <!-- Feature 3: Secure Gated Township -->
                            <div class="plotted-feature-item">
                                <div class="plotted-icon-box">
                                    <svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>
                                </div>
                                <div class="plotted-text-wrap">
                                    <div class="plotted-item-header">
                                        <h3 class="plotted-item-title">Secure Gated Township</h3>
                                        <span class="plotted-item-tag">Stilt + 3 Sanctioned</span>
                                    </div>
                                    <p class="plotted-item-desc">Complete RERA-approved 22.5-acre gated enclave with boundary walls, 24/7 security surveillance, wide asphalt roads, and sanctioned Stilt + 3 construction.</p>
                                </div>
                            </div>
                        </div>

                        <div class="plotted-action-row">
                            <a href="contact" class="plotted-btn-gold">
                                <span>Schedule Site Visit</span>
                                <svg viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
                            </a>
                            <a href="plots" class="plotted-btn-outline">
                                <span>Explore Available Plots</span>
                                <svg viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </a>
                        </div>
                    </div>

                    <!-- Right: Premium Township Showcase Visual with Layered Frame & Floating Badges -->
                    <div class="reveal-on-scroll reveal-right">
                        <div class="plotted-visual-wrapper group">
                            <div class="plotted-badge-top">
                                <svg class="text-[#B39359] fill-current" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
                                <span>22.5 Acres RERA Plotted Enclave</span>
                            </div>
                            <div class="plotted-visual-main">
                                <img src="assets/images/about/about-plotted-enclave.jpg?v=<?php echo time(); ?>" class="w-full h-full object-cover block" loading="lazy" width="600" height="520" alt="Medallion Aero Park Luxury Gated Entrance">
                            </div>
                            <div class="plotted-badge-bottom">
                                <div class="badge-icon">
                                    <svg class="fill-current" viewBox="0 0 24 24"><path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"/></svg>
                                </div>
                                <div>
                                    <div class="badge-title">200-Ft PR-7 Frontage</div>
                                    <div class="badge-sub">Direct Airport Road Corridor</div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- Simple & Normal Plotted Section End -->

        <!-- Testimonial carousel Start -->
        <section class="testimonial-section pb-[80px] lg:pb-[120px] bg-center bg-no-repeat bg-white relative z-10 reveal-on-scroll">
            <div class="container testimonial-carousel-two relative">
                <div class="scene dots-shape absolute left-0">
                    <img data-depth="0.4" class="z-[1]" src="assets/images/testimonial/dots.png" width="106" height="129" loading="lazy" alt="shape">
                </div>
                <div class="grid items-center grid-cols-12 gap-x-[30px]">
                    <div class="col-span-12 relative">
                        <div class="swiper rounded-[30px] pb-[40px] md:pb-0">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <!-- shape and images -->

                                    <div class="pl-[50px] xl:pl-[150px]">
                                        <div class="inline-block relative bg-primary text-primary rounded-[30px] z-10">
                                            <img src="assets/images/testimonial/client-neha.png" class="w-auto h-auto block mx-auto relative z-[2] thumb" loading="lazy" width="402" height="505" alt="Neha Sharma">
                                            <img class="absolute left-[0px] top-0 z-[1]" src="assets/images/testimonial/persone-pattern.png" width="400" height="500" loading="lazy" alt="shape">
                                        </div>
                                    </div>


                                    <div class="before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:w-full before:h-[395px] before:content-[''] before:bg-[#F5F9F8] before:rounded-[30px]">

                                        <div class="text-left rounded-[14px] max-w-[100%] sm:max-w-[90%] md:max-w-[560px] mx-auto md:ml-auto absolute top-[65%] sm:top-1/2 left-0 md:left-auto right-0 md:right-[50px] xl:right-0 -translate-y-1/2 px-[20px] md:px-[30px] xl:pl-[0px] xl:pr-[60px]  py-[20px] md:py-[30px] z-20 bg-white xl:bg-transparent shadow lg:shadow-none scale-[0.8] sm:scale-100">
                                            <div class="relative">
                                                <span class="block absolute right-[0px] top-[0px]">

                    <svg class="ml-auto mb-[4px]" width="78" height="57" viewBox="0 0 78 57" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g opacity="0.08">
                        <path d="M5.50357 56.0343H22.0143L33.0214 34.02V0.998535H0V34.02H16.5107L5.50357 56.0343ZM49.5321 56.0343H66.0429L77.05 34.02V0.998535H44.0286V34.02H60.5393L49.5321 56.0343Z" fill="#01614E"/>
                        </g>
                        </svg>


                </span>

                                                <span class="text-secondary text-tiny capitalize inline-block mb-[5px] xl:mb-[10px]">Testimonial</span>
                                                <h2 class="font-lora text-primary text-[24px] xl:text-xl capitalize mb-[10px] xl:mb-[20px] leading-[1.2] font-medium">
                                                    Reviews from our <br class="hidden xl:block" /> happy Clients<span class="text-secondary">.</span>
                                                </h2>
                                                <p class="max-w-[480px]">
                                                    Medallion Aero Park Zirakpur gave us the right mix of location,
                                                    clean planning, and future growth. The site connectivity towards
                                                    Airport Road and Chandigarh made our plot decision very easy.
                                                </p>
                                            </div>

                                            <ul>
                                                <li class="flex flex-wrap items-center justify-between mt-4">
                                                    <span class="font-lora text-[18px] leading-none capitalize text-secondary">Neha Sharma</span>
                                                    <span class="flex flex-wrap">
                        <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    </span>
                                                </li>
                                            </ul>

                                        </div>

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <!-- shape and images -->

                                    <div class="pl-[50px] xl:pl-[150px]">
                                        <div class="inline-block relative bg-primary text-primary rounded-[30px] z-10">
                                            <img src="assets/images/testimonial/client-rajiv.png" class="w-auto h-auto block mx-auto relative z-[2] thumb" loading="lazy" width="402" height="505" alt="Rajiv Bansal">
                                            <img class="absolute left-[0px] top-0 z-[1]" src="assets/images/testimonial/persone-pattern.png" width="400" height="500" loading="lazy" alt="shape">
                                        </div>
                                    </div>


                                    <div class="before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:w-full before:h-[395px] before:content-[''] before:bg-[#F5F9F8] before:rounded-[30px]">

                                        <div class="text-left rounded-[14px] max-w-[100%] sm:max-w-[90%] md:max-w-[560px] mx-auto md:ml-auto absolute top-[65%] sm:top-1/2 left-0 md:left-auto right-0 md:right-[50px] xl:right-0 -translate-y-1/2 px-[20px] md:px-[30px] xl:pl-[0px] xl:pr-[60px]  py-[20px] md:py-[30px] z-20 bg-white xl:bg-transparent shadow lg:shadow-none scale-[0.8] sm:scale-100">
                                            <div class="relative">
                                                <span class="block absolute right-[0px] top-[0px]">

                    <svg class="ml-auto mb-[4px]" width="78" height="57" viewBox="0 0 78 57" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g opacity="0.08">
                        <path d="M5.50357 56.0343H22.0143L33.0214 34.02V0.998535H0V34.02H16.5107L5.50357 56.0343ZM49.5321 56.0343H66.0429L77.05 34.02V0.998535H44.0286V34.02H60.5393L49.5321 56.0343Z" fill="#01614E"/>
                        </g>
                        </svg>


                </span>

                                                <span class="text-secondary text-tiny capitalize inline-block mb-[5px] xl:mb-[10px]">Testimonial</span>
                                                <h2 class="font-lora text-primary text-[24px] xl:text-xl capitalize mb-[10px] xl:mb-[20px] leading-[1.2] font-medium">
                                                    Reviews from our <br class="hidden xl:block" /> happy Clients<span class="text-secondary">.</span>
                                                </h2>
                                                <p class="max-w-[480px]">
                                                    We were looking for a plotted investment near Zirakpur with smooth
                                                    access to Mohali, Panchkula, and the airport. The project location
                                                    and clear guidance from the team gave us full confidence.
                                                </p>
                                            </div>

                                            <ul>
                                                <li class="flex flex-wrap items-center justify-between mt-4">
                                                    <span class="font-lora text-[18px] leading-none capitalize text-secondary">Rajiv Bansal</span>
                                                    <span class="flex flex-wrap">
                        <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    </span>
                                                </li>
                                            </ul>

                                        </div>

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <!-- shape and images -->

                                    <div class="pl-[50px] xl:pl-[150px]">
                                        <div class="inline-block relative bg-primary text-primary rounded-[30px] z-10">
                                            <img src="assets/images/testimonial/client-simran.png" class="w-auto h-auto block mx-auto relative z-[2] thumb" loading="lazy" width="402" height="505" alt="Simran Kaur">
                                            <img class="absolute left-[0px] top-0 z-[1]" src="assets/images/testimonial/persone-pattern.png" width="400" height="500" loading="lazy" alt="shape">
                                        </div>
                                    </div>


                                    <div class="before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:w-full before:h-[395px] before:content-[''] before:bg-[#F5F9F8] before:rounded-[30px]">

                                        <div class="text-left rounded-[14px] max-w-[100%] sm:max-w-[90%] md:max-w-[560px] mx-auto md:ml-auto absolute top-[65%] sm:top-1/2 left-0 md:left-auto right-0 md:right-[50px] xl:right-0 -translate-y-1/2 px-[20px] md:px-[30px] xl:pl-[0px] xl:pr-[60px]  py-[20px] md:py-[30px] z-20 bg-white xl:bg-transparent shadow lg:shadow-none scale-[0.8] sm:scale-100">
                                            <div class="relative">
                                                <span class="block absolute right-[0px] top-[0px]">

                    <svg class="ml-auto mb-[4px]" width="78" height="57" viewBox="0 0 78 57" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g opacity="0.08">
                        <path d="M5.50357 56.0343H22.0143L33.0214 34.02V0.998535H0V34.02H16.5107L5.50357 56.0343ZM49.5321 56.0343H66.0429L77.05 34.02V0.998535H44.0286V34.02H60.5393L49.5321 56.0343Z" fill="#01614E"/>
                        </g>
                        </svg>


                </span>

                                                <span class="text-secondary text-tiny capitalize inline-block mb-[5px] xl:mb-[10px]">Testimonial</span>
                                                <h2 class="font-lora text-primary text-[24px] xl:text-xl capitalize mb-[10px] xl:mb-[20px] leading-[1.2] font-medium">
                                                    Reviews from our <br class="hidden xl:block" /> happy Clients<span class="text-secondary">.</span>
                                                </h2>
                                                <p class="max-w-[480px]">
                                                    The location felt practical for both living and investment. Wide
                                                    roads, nearby city access, and the Aero Park address make it a
                                                    promising option in Zirakpur's growing real estate belt.
                                                </p>
                                            </div>

                                            <ul>
                                                <li class="flex flex-wrap items-center justify-between mt-4">
                                                    <span class="font-lora text-[18px] leading-none capitalize text-secondary">Simran Kaur</span>
                                                    <span class="flex flex-wrap">
                        <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    <span class="ml-[4px]">
                            <svg width="10" height="11" viewBox="0 0 10 11" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M9.64181 4.13829L6.66642 3.70586L5.33634 1.00938C5.30001 0.935551 5.24024 0.875786 5.16642 0.839457C4.98126 0.748051 4.75626 0.824223 4.66368 1.00938L3.3336 3.70586L0.358214 4.13829C0.276182 4.15 0.201182 4.18868 0.143761 4.24727C0.0743407 4.31862 0.0360871 4.41461 0.0374056 4.51416C0.038724 4.6137 0.0795065 4.70864 0.150792 4.77813L2.30353 6.87696L1.79493 9.84063C1.78301 9.90957 1.79063 9.98048 1.81695 10.0453C1.84327 10.1101 1.88723 10.1663 1.94384 10.2074C2.00045 10.2485 2.06745 10.2729 2.13724 10.2779C2.20702 10.2829 2.27681 10.2682 2.33868 10.2356L5.00001 8.83633L7.66134 10.2356C7.73399 10.2742 7.81837 10.2871 7.89923 10.2731C8.10314 10.2379 8.24024 10.0445 8.20509 9.84063L7.69649 6.87696L9.84923 4.77813C9.90782 4.72071 9.94649 4.64571 9.95821 4.56368C9.98985 4.3586 9.84688 4.16875 9.64181 4.13829Z"
                                    fill="#B39359" />
                            </svg>
                        </span>
                                                    </span>
                                                </li>
                                            </ul>

                                        </div>

                                    </div>
                                </div>

                            </div>
                            <!-- If we need navigation buttons -->
                            <div class="testimonial-pagination hidden sm:block">
                                <div class="swiper-button-prev w-[36px] h-[36px] rounded-full bg-secondary xl:bg-primary  text-white hover:bg-secondary top-auto bottom-[85px] left-[30px]">
                                </div>
                                <div class="swiper-button-next w-[36px] h-[36px] rounded-full bg-secondary xl:bg-primary  text-white hover:bg-secondary top-auto bottom-[85px] left-[85px]">
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- Testimonial carousel End -->

<?php include __DIR__ . '/footer.php'; ?>
        <a id="scrollUp" class="w-12 h-12 rounded-full bg-primary text-white fixed right-5 bottom-16 flex flex-wrap items-center justify-center transition-all duration-300 z-10" href="#" aria-label="scroll up">
            <svg width="25" height="25" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                <path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z" />
            </svg>
        </a>
    </div>

    <!-- JS Vendor, Plugins & Activation Script Files -->

    <!-- Vendors JS -->
    <script src="assets/js/vendor/modernizr-3.11.7.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <!-- Plugins JS -->
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/popper.min.js"></script>
    <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/parallax.min.js"></script>
    <script src="assets/js/plugins/jquery.waypoints.js"></script>
    <script src="assets/js/plugins/jquery.counterup.min.js"></script>

    <!-- Activation JS -->
    <script src="assets/js/main.js"></script>

    <!-- Dynamic Scroll Reveal Activation -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var revealElements = document.querySelectorAll('.reveal-on-scroll');
            if (!revealElements.length) return;

            if ('IntersectionObserver' in window) {
                var revealObserver = new IntersectionObserver(function(entries, observer) {
                    entries.forEach(function(entry) {
                        if (entry.isIntersecting) {
                            entry.target.classList.add('is-revealed');
                            observer.unobserve(entry.target);
                        }
                    });
                }, {
                    root: null,
                    rootMargin: '0px 0px -40px 0px',
                    threshold: 0.1
                });

                revealElements.forEach(function(el) {
                    revealObserver.observe(el);
                });
            } else {
                revealElements.forEach(function(el) {
                    el.classList.add('is-revealed');
                });
            }
        });
    </script>
</body>


<!-- Mirrored from htmldemo.net/bery/bery/about-v2.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 22 Sep 2026 10:14:11 GMT -->
</html>











