<?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>World-Class Amenities &amp; Facilities | <?php echo htmlspecialchars($siteSettings['company_name'], ENT_QUOTES, 'UTF-8'); ?> Zirakpur</title>
    <meta name="description" content="Explore world-class amenities at <?php echo htmlspecialchars($siteSettings['company_name'], ENT_QUOTES, 'UTF-8'); ?>, Zirakpur: gated plotted township with clubhouse, green parks, wide roads, 24x7 security &amp; underground cabling.">
    <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 -->
                                <!-- 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" class="active">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 -->
            <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/blog-covers/zirakpur-plotted-development.jpg?v=<?php echo time(); ?>" alt="World-Class Amenities 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">
                            World-Class Amenities &amp; Facilities
                        </h1>
                        <p class="medallion-inner-hero-desc">
                            Experience high-end community living with a 2,471 Sq. Yd. clubhouse, 3 landscaped green parks, 3-tier security, and 100% underground utilities across 25 acres.
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Inner Page Hero Section End -->

        <!-- Township Highlights & Amenities Feature Section Start -->
        <section class="py-[80px] lg:py-[110px] bg-white">
            <div class="container">
                <div class="text-center max-w-[760px] mx-auto mb-[50px]">
                    <span class="text-secondary text-[12.5px] font-bold uppercase tracking-[2px] inline-block mb-3">★ EXCLUSIVE TOWNSHIP HIGHLIGHTS</span>
                    <h2 class="font-lora text-primary text-[28px] sm:text-[36px] xl:text-[40px] font-bold leading-tight mb-3">
                        Designed for an Elevated Lifestyle<span class="text-secondary">.</span>
                    </h2>
                    <p class="text-gray-600 text-[15.5px] leading-relaxed">
                        Thoughtfully planned conveniences and leisure spaces spread across 22.5 acres in Sector Dayalpura, Zirakpur — offering unmatched comfort, green open spaces, and modern community living.
                    </p>
                </div>

                <!-- 8 Modern Amenity Feature Cards Grid -->
                <div class="amenity-icon-grid">
                    <!-- 1. Clubhouse -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                        </div>
                        <h3 class="amenity-icon-title">2,471 Sq. Yd. Clubhouse</h3>
                        <p class="amenity-icon-desc">Grand independent community centre featuring indoor sports, social banquet halls, and leisure lounges.</p>
                    </div>

                    <!-- 2. 3 Green Parks -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
                        </div>
                        <h3 class="amenity-icon-title">3 Lush Thematic Parks</h3>
                        <p class="amenity-icon-desc">Expansive landscaped green parks with manicured lawns, blooming flowerbeds, and shaded sit-out gazebos.</p>
                    </div>

                    <!-- 3. Kids Play -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
                        </div>
                        <h3 class="amenity-icon-title">Dedicated Kids Play Zones</h3>
                        <p class="amenity-icon-desc">Safe outdoor play arenas equipped with modern swings, slides, sandpits, and child-friendly play turf.</p>
                    </div>

                    <!-- 4. Wide Roads -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
                        </div>
                        <h3 class="amenity-icon-title">30 to 80-Ft Wide Roads</h3>
                        <p class="amenity-icon-desc">Spacious asphalt boulevards featuring paved concrete curbs, illuminated pathways, and smooth traffic flow.</p>
                    </div>

                    <!-- 5. Underground Utilities -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
                        </div>
                        <h3 class="amenity-icon-title">100% Underground Network</h3>
                        <p class="amenity-icon-desc">Fully concealed electricity cabling, optic-fiber internet ducts, and clean clutter-free skyline views.</p>
                    </div>

                    <!-- 6. 24x7 Security -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
                        </div>
                        <h3 class="amenity-icon-title">24×7 Multi-Tier Security</h3>
                        <p class="amenity-icon-desc">Gated community with RFID boom barriers, boundary wall with security patrol, and continuous CCTV coverage.</p>
                    </div>

                    <!-- 7. Jogging Tracks -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
                        </div>
                        <h3 class="amenity-icon-title">Jogging &amp; Walking Trails</h3>
                        <p class="amenity-icon-desc">Continuous tree-lined jogging paths and pedestrian walkways encouraging healthy mornings and fitness.</p>
                    </div>

                    <!-- 8. Drainage & Water -->
                    <div class="amenity-icon-card">
                        <div class="amenity-icon-badge">
                            <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path></svg>
                        </div>
                        <h3 class="amenity-icon-title">Water &amp; Storm Drainage</h3>
                        <p class="amenity-icon-desc">Engineered stormwater drainage, eco-friendly rainwater harvesting, and reliable 24/7 dual water supply.</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- Township Highlights & Amenities Feature Section End -->

        <!-- Facilities & Amenities Section Start (Auto-Scrolling Swiper Carousel) -->
        <section class="py-[80px] lg:py-[115px] bg-[#f8fafc] border-t border-b border-gray-200/80">
            <div class="container">
                <div class="grid grid-cols-12 mb-[45px]">
                    <div class="col-span-12 text-center max-w-[760px] mx-auto">
                        <span class="text-secondary text-[13px] font-bold uppercase tracking-[2px] inline-block mb-2">Verified Township Highlights</span>
                        <h2 class="font-lora text-primary text-[28px] sm:text-[36px] xl:text-[42px] font-bold leading-tight mb-3">
                            Exclusive Facilities &amp; Amenities<span class="text-secondary">.</span>
                        </h2>
                        <p class="text-gray-600 text-[15px] leading-relaxed">
                            Every facility at Medallion Aero Park is curated directly from the master brochure to ensure natural open greenery, recreation, and luxury community living.
                        </p>
                    </div>
                </div>

                <!-- Swiper Auto-Scroll Carousel Container -->
                <div class="amenities-swiper-container">
                    <div class="swiper amenities-swiper">
                        <div class="swiper-wrapper">

                            <!-- Slide 1: Grand Clubhouse -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Community &amp; Leisure</span>
                                        <img src="assets/images/gallery/showcase/terrace-deck-pergola.jpg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="Clubhouse &amp; Community Centre">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">Independent Community Centre &amp; Clubhouse</h3>
                                        <p class="amenity-simple-desc">A 2,471 Sq. Yd. grand residents' clubhouse dedicated to social gatherings, indoor recreational games, banquet celebrations, and community events.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 2: Lush Green Parks -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Nature &amp; Greenery</span>
                                        <img src="assets/images/brochure_extracted/page_05_image_06.jpeg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="3 Landscaped Green Parks">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">3 Lush Green Thematic Parks</h3>
                                        <p class="amenity-simple-desc">Expansive landscaped green parks featuring manicured grass lawns, ornamental flowerbeds, tranquil sit-out pergolas, and walking pathways.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 3: Kids Play Area -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Kids &amp; Family</span>
                                        <img src="assets/images/brochure_extracted/page_04_image_07.jpeg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="Equipped Kids Play Zones">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">Equipped Kids Play Zones</h3>
                                        <p class="amenity-simple-desc">Safe dedicated outdoor activity parks equipped with child-friendly swings, slides, adventure play stations, and soft-turf open lawns.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 4: 30 to 80-Ft Roads -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Wide Infrastructure</span>
                                        <img src="assets/images/gallery/showcase/wide-internal-road.jpg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="30 to 80-Ft Wide Internal Roads">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">30 to 80-Ft Wide Internal Roads</h3>
                                        <p class="amenity-simple-desc">Generous asphalt bitumen internal road network designed with concrete curbs, paved pedestrian footpaths, and energy-efficient LED streetlamps.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 5: Underground Wiring -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Modern Engineering</span>
                                        <img src="assets/images/gallery/onsite-plot-view.jpg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="Underground Electrical Wiring">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">100% Underground Electrical Wiring</h3>
                                        <p class="amenity-simple-desc">No unsightly overhead wires or electric poles. Complete underground electrical distribution, optic-fiber broadband conduits, and clean vistas.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 6: 24x7 Security & CCTV -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Safe Gated Enclave</span>
                                        <img src="assets/images/blog-covers/zirakpur-plotted-development.jpg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="24x7 Security &amp; CCTV">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">24×7 Manned Security &amp; CCTV</h3>
                                        <p class="amenity-simple-desc">Comprehensive 3-tier security featuring a solid boundary wall, RFID boom-barrier entrance gate, security personnel, and full CCTV surveillance.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 7: Pedestrian Boulevards -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Healthy Living</span>
                                        <img src="assets/images/gallery/showcase/landscaped-boulevard-walkway.jpg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="Tree-Lined Avenues &amp; Jogging Tracks">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">Tree-Lined Avenues &amp; Walkways</h3>
                                        <p class="amenity-simple-desc">Beautifully landscaped road medians, ornamental flora plantation, and continuous paved jogging tracks encouraging an active lifestyle.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Slide 8: Modern Underground Drainage -->
                            <div class="swiper-slide">
                                <div class="amenity-simple-card">
                                    <div class="amenity-simple-img">
                                        <span class="amenity-simple-badge">Utilities &amp; Hygiene</span>
                                        <img src="assets/images/gallery/showcase/ground-floor-road-network.jpg?v=<?php echo time(); ?>" loading="lazy" width="380" height="220" alt="Modern Drainage &amp; Water Supply">
                                    </div>
                                    <div class="amenity-simple-content">
                                        <h3 class="amenity-simple-title">Underground Storm Drainage &amp; Water</h3>
                                        <p class="amenity-simple-desc">Engineered storm-water channels, efficient sewage network, and continuous 24×7 pressurized clean water supply for every residential plot.</p>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <!-- Swiper Pagination -->
                        <div class="swiper-pagination amenities-swiper-pagination !bottom-0 mt-8 flex justify-center"></div>
                    </div>

                    <!-- Navigation Arrows -->
                    <div class="amenities-swiper-nav">
                        <button type="button" class="amenity-nav-btn amenity-prev" aria-label="Previous Amenity">
                            <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"></polyline></svg>
                        </button>
                        <button type="button" class="amenity-nav-btn amenity-next" aria-label="Next Amenity">
                            <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"></polyline></svg>
                        </button>
                    </div>
                </div>

                <!-- Township Specifications & Metrics Bar -->
                <div class="amenities-metrics-bar">
                    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6">
                        <div class="amenities-metric-item">
                            <div class="amenities-metric-num">25</div>
                            <div class="amenities-metric-label">Acres Township Area</div>
                        </div>
                        <div class="amenities-metric-item">
                            <div class="amenities-metric-num">353</div>
                            <div class="amenities-metric-label">Total Residential Plots</div>
                        </div>
                        <div class="amenities-metric-item">
                            <div class="amenities-metric-num">2,471</div>
                            <div class="amenities-metric-label">Sq. Yd. Grand Clubhouse</div>
                        </div>
                        <div class="amenities-metric-item">
                            <div class="amenities-metric-num">30-80</div>
                            <div class="amenities-metric-label">Ft. Wide Avenue Roads</div>
                        </div>
                        <div class="amenities-metric-item">
                            <div class="amenities-metric-num">164-Ft</div>
                            <div class="amenities-metric-label">Direct Cargo Road Corridor</div>
                        </div>
                        <div class="amenities-metric-item">
                            <div class="amenities-metric-num">Stilt + 3</div>
                            <div class="amenities-metric-label">Sanctioned Construction</div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!-- Facilities & Amenities Section End -->

        <!-- Testimonial carousel Start -->
        <section class="testimonial-section pb-[80px] lg:pb-[120px] bg-center bg-no-repeat bg-white relative z-10">
            <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>

    <!-- Amenities Swiper Auto-Scroll Initialization -->
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        if (typeof Swiper !== 'undefined' && document.querySelector('.amenities-swiper')) {
            var amenitiesSwiper = new Swiper('.amenities-swiper', {
                slidesPerView: 1,
                spaceBetween: 24,
                loop: true,
                speed: 850,
                grabCursor: true,
                autoplay: {
                    delay: 2800,
                    disableOnInteraction: false,
                    pauseOnMouseEnter: true
                },
                pagination: {
                    el: '.amenities-swiper-pagination',
                    clickable: true
                },
                navigation: {
                    nextEl: '.amenity-next',
                    prevEl: '.amenity-prev'
                },
                breakpoints: {
                    640: {
                        slidesPerView: 2,
                        spaceBetween: 24
                    },
                    1024: {
                        slidesPerView: 3,
                        spaceBetween: 28
                    }
                }
            });
        }
    });
    </script>

</body>


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