<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- ============================================================
       FAVICONS & SITE ICONS
       Google uses favicon-512.png as the circle icon in search results.
       Apple Touch Icon is used on iPhone/iPad home screens.
       ============================================================ -->
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="icon" type="image/png" href="favicon-16.png" sizes="16x16">
  <link rel="icon" type="image/png" href="favicon-32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="favicon-192.png" sizes="192x192">
  <link rel="icon" type="image/png" href="favicon-512.png" sizes="512x512">
  <link rel="apple-touch-icon" type="image/png" href="apple-touch-icon.png">

  <!-- ============================================================
       FONT PRELOADS
       ============================================================ -->
  <link rel="preload" href="helvetica-now-display/helvetica-now-display.ttf" as="font" type="font/ttf" crossorigin>
  <link rel="preload" href="fat-frank-heavy/fat-frank-heavy.otf" as="font" type="font/otf" crossorigin>
  <link rel="preload" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/bold/Phosphor-Bold.woff2" as="font" type="font/woff2" crossorigin>

  <!-- ============================================================
       PRIMARY SEO
       ============================================================ -->
  <title>The Common House — Best PG &amp; Co-living Near Symbiosis, Viman Nagar Pune</title>

  <meta name="description"
    content="Premium student accommodation in Viman Nagar. The Common House is the top furnished boys and girls PG near Symbiosis Pune. AC, 3 meals &amp; no curfew.">

  <link rel="canonical" href="https://www.thecommonhouse.in/">

  <!-- Sitemap discovery -->
  <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">

  <!-- Google Search Console verification — paste your code here once you add the property -->
  <!-- <meta name="google-site-verification" content="PASTE_YOUR_GSC_CODE_HERE"> -->

  <!-- ============================================================
       OPEN GRAPH (Facebook, WhatsApp, LinkedIn previews)
       ============================================================ -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.thecommonhouse.in/">
  <meta property="og:site_name" content="The Common House">
  <meta property="og:title" content="The Common House — Best PG &amp; Co-living Near Symbiosis, Viman Nagar Pune">
  <meta property="og:description"
    content="Not a hostel. Not a hotel. A real home 200 m from Symbiosis — AC rooms, 3 meals/day, WiFi, gym, laundry &amp; community. No curfew. Inquire for 2026.">
  <meta property="og:image" content="https://www.thecommonhouse.in/og-image.png">
  <meta property="og:image:width" content="630">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt"
    content="The Common House logo — shared residential accommodation near Symbiosis, Viman Nagar Pune">
  <meta property="og:locale" content="en_IN">

  <!-- ============================================================
       TWITTER / X CARD
       ============================================================ -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="The Common House — Best PG Near Symbiosis, Viman Nagar Pune">
  <meta name="twitter:description"
    content="Premium co-living 200 m from Symbiosis. AC rooms, 3 meals, WiFi, gym, no curfew. Inquire for 2026 admissions.">
  <meta name="twitter:image" content="https://www.thecommonhouse.in/og-image.png">
  <meta name="twitter:image:alt" content="The Common House — shared residential accommodation, Viman Nagar Pune">

  <!-- ============================================================
       GEO / LOCAL / MOBILE
       ============================================================ -->
  <meta name="geo.region" content="IN-MH">
  <meta name="geo.placename" content="Viman Nagar, Pune, Maharashtra, India">
  <meta name="geo.position" content="18.5638623;73.9074761">
  <meta name="ICBM" content="18.5638623, 73.9074761">
  <meta name="theme-color" content="#2C395F">
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
  <meta name="author" content="The Common House">
  <meta name="rating" content="general">

  <!-- ============================================================
       AGENT & LLM DISCOVERY LINKS (RFC 8288 / RFC 9727 / IANA)
       These <link> elements mirror the HTTP Link response headers
       (set via _headers for Cloudflare Pages) so AI bots that
       parse HTML can also discover machine-readable resources.
       ============================================================ -->
  <!-- Page sections -->
  <link rel="about" href="#about" title="About The Common House">
  <link rel="section" href="#location" title="Maps and Location">
  <link rel="section" href="#amenities" title="Co-Living Amenities">
  <link rel="collection" href="#gallery" title="Property Images & Gallery">
  <link rel="help" href="#faq" title="Frequently Asked Questions">
  <link rel="author" href="#philosophy" title="Our Philosophy">
  <!-- Machine-readable alternates (RFC 8288 / RFC 9727) -->
  <link rel="alternate" type="text/markdown" href="/index.md" title="Markdown version for AI agents">
  <link rel="api-catalog" href="/.well-known/api-catalog" type="application/linkset+json"
    title="API Catalog (RFC 9727)">
  <link rel="describedby" href="/.well-known/agent-skills/index.json" type="application/json"
    title="Agent Skills Discovery Index">
  <link rel="describedby" href="/.well-known/mcp/server-card.json" type="application/json" title="MCP Server Card">
  <link rel="describedby" href="/auth.md" type="text/markdown" title="Agent Registration (auth.md)">

  <!-- ============================================================
       STRUCTURED DATA — JSON-LD
       Feeds Google rich results, and AI engines (ChatGPT, Perplexity,
       Gemini) that parse schema.org for factual answers.
       =================================================  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": ["LodgingBusiness", "LocalBusiness"],
    "@id": "https://www.thecommonhouse.in/#business",
    "name": "The Common House",
    "alternateName": ["The Common House Pune", "Common House Viman Nagar"],
    "description": "Premium co-living PG and shared residential accommodation 200 metres from Symbiosis International University in Sakore Nagar, Viman Nagar, Pune. AC rooms with balconies, 3 hot meals daily, unlimited WiFi, gym, unlimited laundry, co-working space, 24/7 security and electricity backup. No curfew. Ideal for Symbiosis students (SCMS, SCMC, SSLA, SID, BBA, MBA) and young professionals.",
    "url": "https://www.thecommonhouse.in",
    "image": [
      "https://www.thecommonhouse.in/gallery/the-common-house-pune-living-space.jpeg",
      "https://www.thecommonhouse.in/gallery/ac-bedroom-balcony-the-common-house-pune.jpeg",
      "https://www.thecommonhouse.in/gallery/lounge-area-the-common-house-viman-nagar.jpeg"
    ],
    "telephone": "+917447444110",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Sakore Nagar",
      "addressLocality": "Viman Nagar",
      "addressRegion": "Maharashtra",
      "postalCode": "411014",
      "addressCountry": "IN"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 18.5638623,
      "longitude": 73.9074761
    },
    "hasMap": "https://www.google.com/maps?cid=5245116633647500120",
    "openingHoursSpecification": {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
      "opens": "00:00",
      "closes": "23:59"
    },
    "amenityFeature": [
      {"@type": "LocationFeatureSpecification", "name": "Air Conditioning",         "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Balcony",                  "value": true},
      {"@type": "LocationFeatureSpecification", "name": "3 Meals Per Day",           "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Unlimited WiFi",            "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Unlimited Laundry",         "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Gym",                       "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Co-working Space",          "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Conference Room",           "value": true},
      {"@type": "LocationFeatureSpecification", "name": "24/7 Security",             "value": true},
      {"@type": "LocationFeatureSpecification", "name": "24/7 Electricity Backup",   "value": true},
      {"@type": "LocationFeatureSpecification", "name": "24/7 Hot & Cold Water",     "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Common Area / Lounge",      "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Pantry",                    "value": true},
      {"@type": "LocationFeatureSpecification", "name": "App & RFID Access",         "value": true},
      {"@type": "LocationFeatureSpecification", "name": "No Curfew",                 "value": true},
      {"@type": "LocationFeatureSpecification", "name": "Community Events",          "value": true}
    ],
    "sameAs": [
      "https://www.instagram.com/thecommonhouse.in",
      "https://wa.me/917447444110"
    ],
    "priceRange": "$$",
    "currenciesAccepted": "INR",
    "paymentAccepted": "Cash, Bank Transfer, UPI",
    "servesCuisine": "Indian",
    "keywords": "PG Pune, hostel Symbiosis, co-living Viman Nagar, student accommodation Pune, SCMS PG, SCMC hostel, SSLA accommodation, Symbiosis BBA stay, Sakore Nagar PG, best PG near Symbiosis 2026",
    "parentOrganization": { "@id": "https://www.thecommonhouse.in/#organization" }
  }
  </script>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "@id": "https://www.thecommonhouse.in/#faq",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Where is The Common House located?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "The Common House is located in Sakore Nagar, Viman Nagar, Pune — 411014. It is just 200 metres (a 2-minute walk) from Symbiosis International University (SIU) campus."
        }
      },
      {
        "@type": "Question",
        "name": "Is The Common House suitable for Symbiosis students?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. The Common House is specifically popular with students of Symbiosis Centre for Management Studies (SCMS), Symbiosis Centre for Media and Communication (SCMC), Symbiosis School for Liberal Arts (SSLA), Symbiosis Institute of Design (SID), and other SIU programmes including BBA and MBA. It is within walking distance of all Symbiosis campuses in Viman Nagar."
        }
      },
      {
        "@type": "Question",
        "name": "What amenities does The Common House include?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "The Common House includes: AC rooms with private balconies, 3 hot meals per day (breakfast, lunch, dinner), unlimited high-speed WiFi, unlimited machine laundry, a fully-equipped gym, a co-working space, a conference room, a large common lounge area, 24/7 security, 24/7 electricity backup, 24/7 hot and cold water, a pantry, and app + RFID key access. All amenities are included in the rent."
        }
      },
      {
        "@type": "Question",
        "name": "Is there a curfew at The Common House?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. The Common House has no curfew. Residents are treated as adults and can come and go as they please, 24 hours a day, 7 days a week."
        }
      },
      {
        "@type": "Question",
        "name": "How do I inquire about rooms at The Common House for 2026?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "You can inquire about availability for 2026 by calling +91 74474 44110 or sending a WhatsApp message. Rooms fill quickly around Symbiosis admission season, so early inquiry is recommended."
        }
      },
      {
        "@type": "Question",
        "name": "What is the distance from The Common House to key landmarks?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "The Common House is 0.2 km (2 min walk) from Symbiosis campus, 1.7 km from Ramwadi Metro Station, 1.9 km from Symbiosis Law School, and 2.3 km from Pune Airport."
        }
      },
      {
        "@type": "Question",
        "name": "Is The Common House a hostel or a PG?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "The Common House is neither a traditional hostel nor a hotel. It is a premium co-living / paying guest (PG) residence — a fully managed shared home with private and semi-private rooms, community spaces, and all-inclusive services. Think of it as a real home, not just a place to stay."
        }
      }
    ]
  }
  </script>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "@id": "https://www.thecommonhouse.in/#website",
    "name": "The Common House",
    "url": "https://www.thecommonhouse.in",
    "description": "Premium co-living and PG accommodation near Symbiosis University, Viman Nagar, Pune",
    "publisher": { "@id": "https://www.thecommonhouse.in/#organization" }
  }
  </script>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "@id": "https://www.thecommonhouse.in/#organization",
    "name": "The Common House",
    "alternateName": ["The Covie", "The Covie Viman Nagar 102"],
    "url": "https://www.thecommonhouse.in",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.thecommonhouse.in/favicon-512.png",
      "width": 512,
      "height": 512
    },
    "image": "https://www.thecommonhouse.in/favicon-512.png",
    "telephone": "+917447444110",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Sakore Nagar",
      "addressLocality": "Viman Nagar",
      "addressRegion": "Maharashtra",
      "postalCode": "411014",
      "addressCountry": "IN"
    },
    "sameAs": [
      "https://www.instagram.com/thecommonhouse.in",
      "https://wa.me/917447444110"
    ]
  }
  </script>

  <!-- Phosphor Icons — Bold weight -->
  <link rel="preconnect" href="https://cdn.jsdelivr.net">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/bold/style.css" media="print" onload="this.media='all'">
  <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/bold/style.css"></noscript>
  <style>@font-face{font-family:'Fat Frank';src:url('./fat-frank-heavy/fat-frank-heavy.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Helvetica Now Display';src:url('./helvetica-now-display/helvetica-now-display.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}:root{--color-indigo:#2C395F;--color-cream:#F1E8D1;--color-red:#BF2F2E;--color-forest:#2C3A2D;--color-bg:var(--color-cream);--color-border:rgba(44, 57, 95, 0.14);--color-border-light:rgba(241, 232, 209, 0.18);--font-display:'Fat Frank',Georgia,serif;--font-body:'Helvetica Now Display',system-ui,-apple-system,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:7rem;--space-2xl:11rem;--container-max:1380px;--container-pad:clamp(1.25rem, 5vw, 3.5rem);--radius-sm:6px;--radius-md:14px;--radius-pill:100px;--ease:cubic-bezier(0.16, 1, 0.3, 1);--transition:0.32s cubic-bezier(0.16, 1, 0.3, 1);--transition-slow:0.7s cubic-bezier(0.16, 1, 0.3, 1);--navbar-height:116px}@media (max-width:768px){:root{--navbar-height:72px}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-indigo);line-height:1.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.menu-open{overflow:hidden}:focus-visible{outline:3px solid var(--color-indigo);outline-offset:3px;border-radius:2px}.seo-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:900;color:var(--color-indigo);line-height:1.18;letter-spacing:.01em;word-spacing:0.16em;text-transform:uppercase;margin:0}h2{font-size:clamp(2.25rem, 5.5vw, 4.25rem)}h3{font-size:clamp(1.2rem, 2.8vw, 1.75rem)}p{font-size:1.25rem;line-height:1.85;color:var(--color-indigo);text-align:justify;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;overflow-wrap:break-word;word-break:normal;margin:0;letter-spacing:.01em}p+p{margin-top:1.5rem}a{color:inherit;text-decoration:none;transition:all var(--transition)}ul{list-style:none}img{max-width:100%;height:auto;display:block}address{font-style:normal}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.section{padding:var(--space-xl) 0}section[id]{scroll-margin-top:var(--navbar-height)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 2.25rem;font-family:var(--font-body);font-size:.875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:1.5px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn i{font-size:1.1em;flex-shrink:0;line-height:1}.btn-primary{background-color:var(--color-red);border-color:var(--color-red);color:#fff}.btn-primary:hover{background-color:#fff;border-color:#fff;color:var(--color-red);transform:translateY(-2px);box-shadow:0 0 15px rgba(191,47,46,.8),0 0 30px rgba(191,47,46,.5)}.btn-outline{background-color:transparent;border-color:var(--color-indigo);color:var(--color-indigo)}.btn-outline:hover{background-color:#fff;border-color:#fff;color:var(--color-indigo);transform:translateY(-2px);box-shadow:0 0 15px rgba(80,100,180,.8),0 0 30px rgba(80,100,180,.5)}.btn-cream{background-color:var(--color-cream);border-color:var(--color-cream);color:var(--color-indigo)}.btn-cream:hover{background-color:#fff;border-color:#fff;color:var(--color-indigo);transform:translateY(-2px);box-shadow:0 0 15px rgba(241,232,209,.8),0 0 30px rgba(241,232,209,.5)}.btn-forest{background-color:var(--color-forest);border-color:var(--color-forest);color:var(--color-cream)}.btn-forest:hover{background-color:#fff;border-color:#fff;color:var(--color-forest);transform:translateY(-2px);box-shadow:0 0 15px rgba(100,180,100,.8),0 0 30px rgba(100,180,100,.5)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);z-index:1002;background-color:transparent;border-bottom:1px solid transparent;transition:background-color var(--transition),border-color var(--transition)}.navbar.scrolled{background-color:rgba(241,232,209,.96);border-color:var(--color-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height)}.nav-logo-link{display:flex;align-items:center}.nav-logo-img{height:104px;width:auto;transition:height var(--transition)}@media (max-width:768px){.nav-logo-img{height:56px}.navbar.scrolled .nav-logo-img{height:44px}.nav-container{height:var(--navbar-height)}}.navbar.scrolled .nav-logo-img{height:72px}.nav-links{display:none;align-items:center;gap:1.625rem}.nav-link{font-family:var(--font-body);font-size:.79rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-cream);position:relative;padding-bottom:3px;transition:color var(--transition)}.navbar.scrolled .nav-link{color:var(--color-indigo)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background-color:var(--color-red);border-radius:2px;transition:width var(--transition)}.nav-link.active::after,.nav-link:hover::after{width:100%}.nav-cta{padding:.55rem 1.35rem;font-size:.79rem}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:36px;height:36px;background:0 0;border:none;cursor:pointer;z-index:1002;padding:0}.menu-toggle span{display:block;width:30px;height:1.5px;background-color:var(--color-cream);transition:all var(--transition);transform-origin:center}.menu-open .menu-toggle span,.navbar.scrolled .menu-toggle span{background-color:var(--color-indigo)}.menu-open .menu-toggle span:first-child{transform:translateY(8.5px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background-color:var(--color-cream);z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity var(--transition-slow),visibility var(--transition-slow),transform var(--transition-slow)}.mobile-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu nav ul{display:flex;flex-direction:column;align-items:center;gap:1.375rem}.mobile-nav-link{font-family:var(--font-display);font-size:clamp(1.5rem, 7vw, 2.75rem);font-weight:900;text-transform:uppercase;letter-spacing:.01em;word-spacing:0.16em;color:var(--color-indigo);transition:color var(--transition)}.mobile-nav-link:hover{color:var(--color-red)}.mobile-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hero-section{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-spacer{height:100dvh;width:100%;pointer-events:none}.footer,main>section:not(.hero-section){position:relative;z-index:1}.parallax-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.parallax-img{width:100%;height:120%;object-fit:cover;object-position:center;filter:blur(6px) brightness(.6);transform:scale(1.1);transition:transform .1s linear}.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(155deg,rgba(44,57,95,.42) 0,rgba(44,57,95,.22) 50%,rgba(44,58,45,.42) 100%)}.hero-side-deco{position:absolute;right:0;top:0;height:100%;width:min(38vw,560px);object-fit:contain;object-position:right center;opacity:1;z-index:2;pointer-events:none}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--container-pad);gap:0}.main-logo{max-width:4000px;width:250%;max-height:120vh;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .5));margin-top:-8rem;margin-bottom:-12rem}@media (max-width:768px){.main-logo{width:100vw;max-width:340px;margin-top:-3rem;margin-bottom:-4.5rem}}.hero-tagline{font-family:var(--font-display);font-size:clamp(.75rem, 1.8vw, 1.25rem);font-weight:900;text-transform:uppercase;letter-spacing:.22em;color:rgba(241,232,209,.62);text-align:center;margin:0;line-height:1.4;position:relative;z-index:2}.hero-ctas{display:flex;gap:.875rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;position:relative;z-index:2}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:3}.scroll-line{width:1px;height:56px;background:linear-gradient(to bottom,rgba(241,232,209,0),rgba(241,232,209,.5));animation:scrollPulse 2.4s ease-in-out infinite}@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.7);transform-origin:top}60%{opacity:1;transform:scaleY(1);transform-origin:top}}.welcome-banner{background-color:var(--color-indigo);padding:clamp(3rem,7vw,5.5rem) var(--container-pad);text-align:center;overflow:hidden}.welcome-headline{font-family:var(--font-display);font-size:clamp(1.25rem, 4.8vw, 5.5rem);color:var(--color-cream);text-transform:uppercase;letter-spacing:.01em;word-spacing:0.16em;line-height:1;white-space:nowrap;margin:0}.section-label{display:block;text-align:center;font-family:var(--font-body);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;color:var(--color-red);margin-bottom:1.5rem;white-space:nowrap}.about-section{background-color:var(--color-cream);padding:4rem 0;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.25)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center}.about-left h2{font-size:clamp(1.875rem, 4.5vw, 3.75rem);line-height:1.15}.location-section{background-color:var(--color-cream);padding-bottom:2rem}.location-header{margin-bottom:var(--space-lg)}.location-header h2{margin-bottom:1.125rem}.location-address{display:flex;align-items:flex-start;gap:.5rem;font-size:1.0625rem;color:var(--color-indigo);font-weight:700;letter-spacing:.02em;text-align:left;hyphens:none;justify-content:center}.location-address i{color:var(--color-red);font-size:1.15rem;flex-shrink:0;margin-top:.2em}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem);align-items:start}.distances-intro{font-size:1.1rem;color:var(--color-indigo);font-style:italic;margin-bottom:1.75rem;text-align:left}.distance-row{display:flex;align-items:center;gap:1.75rem;padding:1.375rem 0;border-bottom:1px solid var(--color-border)}.distance-row:first-of-type{border-top:1px solid var(--color-border)}.distance-val{font-family:var(--font-display);font-size:clamp(2rem, 4.5vw, 3.25rem);font-weight:900;color:var(--color-indigo);letter-spacing:0;line-height:1;min-width:80px;flex-shrink:0}.distance-detail{display:flex;flex-direction:column;gap:.3rem}.distance-detail strong{font-family:var(--font-body);font-weight:700;font-size:1.0625rem;color:var(--color-indigo);letter-spacing:.02em}.distance-detail span{font-family:var(--font-body);font-size:.8125rem;color:var(--color-red);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.maps-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;font-family:var(--font-body);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-indigo);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:.7rem 1.5rem;transition:all var(--transition)}.maps-cta i{color:var(--color-red);font-size:1.1em}.maps-cta:hover{background-color:var(--color-indigo);border-color:var(--color-indigo);color:var(--color-cream);transform:translateY(-2px);box-shadow:0 8px 28px rgba(44,57,95,.2)}.maps-cta:hover i{color:var(--color-cream)}.neighbourhood-col h3{font-size:clamp(1.3rem, 2.8vw, 2rem);color:var(--color-indigo);margin-bottom:var(--space-md);line-height:1.18}.amenities-section{background-color:var(--color-cream);padding-top:2rem;padding-bottom:2rem}.amenities-header{text-align:center;margin:0 auto var(--space-lg);max-width:800px}.amenities-header h2{margin-bottom:1.5rem}.amenities-heading{font-size:clamp(1.5rem, 6.5vw, 15rem);white-space:nowrap;width:100vw;margin-left:calc(-50vw + 50%)}@media (max-width:768px){.amenities-heading{white-space:normal;width:100%;margin-left:0;font-size:clamp(1.75rem, 9vw, 3rem)}}.amenities-intro{font-size:1.25rem;color:var(--color-indigo);line-height:1.85;text-align:center;hyphens:none;-webkit-hyphens:none;overflow-wrap:break-word;max-width:800px;margin:0 auto}.amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.125rem}.amenity-item{padding:2rem 1.75rem;background-color:rgba(44,57,95,.04);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition)}.amenity-item:hover{background-color:rgba(44,57,95,.08);transform:translateY(-3px);box-shadow:0 12px 40px rgba(44,57,95,.12)}.amenity-icon{font-size:2.125rem;color:var(--color-indigo);display:block;line-height:1;margin-bottom:1.125rem}.amenity-num{display:block;font-family:var(--font-body);font-size:.625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-red);margin-bottom:.5rem}.amenity-item h3{font-size:.9375rem;letter-spacing:.01em;word-spacing:0.1em;color:var(--color-indigo);line-height:1.25;margin-bottom:.375rem}.amenity-item p{font-size:.9rem;color:var(--color-indigo);opacity:.6;margin:0;line-height:1.55;text-align:left}.gallery-section{background-color:var(--color-cream);padding-top:2rem}.gallery-header{margin-bottom:var(--space-lg)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-item{height:340px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 28px rgba(44,57,95,.1)}.gallery-item--wide{grid-column:span 2}.gallery-item--full{grid-column:span 3;height:460px}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .85s var(--ease),filter .85s var(--ease)}.gallery-item:hover img{transform:scale(1.04);filter:brightness(1.06)}.philosophy-section{background-color:var(--color-forest);color:var(--color-cream);padding:3rem 0}.philosophy-section .section-label{color:var(--color-red);display:block;text-align:center}.philosophy-container{max-width:1000px;margin:0 auto;text-align:center}.philosophy-quote{font-family:var(--font-display);font-size:clamp(1.625rem, 4.5vw, 3rem);color:var(--color-cream);text-transform:uppercase;letter-spacing:.01em;word-spacing:0.16em;line-height:1.18;font-weight:900;font-style:normal;margin-bottom:var(--space-lg);border:none;padding:0}.philosophy-body{max-width:850px;margin:0 auto}.philosophy-body p{color:rgba(241,232,209,.72);text-align:center}.community-section{background-color:var(--color-cream);padding:3rem 0}.community-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:center;max-width:1000px;margin:0 auto}p.lead{font-size:1.3125rem;color:var(--color-indigo)}.guest-policy{margin-top:var(--space-md);padding-left:1.625rem;border-left:3px solid var(--color-red)}.policy-line{font-family:var(--font-display);font-size:clamp(1rem, 2.5vw, 1.375rem);text-transform:uppercase;letter-spacing:.01em;word-spacing:0.16em;color:var(--color-indigo);line-height:1.25;margin-bottom:1.125rem;font-weight:900;text-align:left}.final-cta-section{background-color:var(--color-indigo);text-align:center;padding:3rem 1rem}.final-cta-inner{max-width:1200px;margin:0 auto}.final-hashtag{display:block;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.24em;color:var(--color-red);margin-bottom:1.5rem}.final-headline{font-family:var(--font-display);font-size:clamp(2.5rem, 8vw, 15rem);color:var(--color-cream);text-transform:uppercase;letter-spacing:-.02em;word-spacing:0.1em;line-height:1;white-space:nowrap;margin-bottom:.5rem;width:100vw;margin-left:calc(-50vw + 50%)}@media (max-width:768px){.final-headline{white-space:normal;width:100%;margin-left:0;font-size:clamp(2rem, 10vw, 3.5rem)}}.final-sub{font-size:1.25rem;color:rgba(241,232,209,.6);line-height:1.4;text-align:center;hyphens:none;margin-bottom:.25rem}.final-word{font-family:var(--font-display);font-size:clamp(1.375rem, 4vw, 2.25rem);color:var(--color-cream);text-transform:uppercase;letter-spacing:.01em;word-spacing:0.16em;text-align:center;margin-top:0;margin-bottom:1.5rem}.final-buttons{display:flex;gap:.875rem;justify-content:center;flex-wrap:wrap;margin-bottom:0}.footer{background-color:var(--color-indigo);padding:var(--space-xl) 0 var(--space-md);border-top:1px solid var(--color-border-light)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.footer-brand{max-width:290px}.footer-logo{height:70px;width:auto;margin-bottom:1.625rem}.footer-address{font-size:1rem;color:rgba(241,232,209,.6);line-height:1.85}.footer-col h3{font-family:var(--font-body);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--color-cream);margin-bottom:1.5rem}.footer-col ul{display:flex;flex-direction:column;gap:.875rem}.footer-col a{font-size:1rem;color:rgba(241,232,209,.65)}.footer-col a:hover{color:var(--color-cream)}.footer-link-icon{display:inline-flex;align-items:center;gap:.6rem}.footer-link-icon i{font-size:1.1rem;color:var(--color-red);flex-shrink:0;transition:color var(--transition)}.footer-col a.footer-link-icon:hover i{color:var(--color-cream)}.footer-bottom{display:flex;padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.footer-domain{font-family:var(--font-body);font-size:.8125rem;color:rgba(241,232,209,.35);letter-spacing:.06em;margin:0}.anim-hero-fade{opacity:0;transform:scale(.97);filter:blur(6px);will-change:opacity,transform,filter;transition:opacity 1.2s var(--ease) var(--anim-delay, 0s),transform 1.2s var(--ease) var(--anim-delay, 0s),filter 1.2s var(--ease) var(--anim-delay, 0s)}.anim-hero-fade.loaded{opacity:1;transform:scale(1);filter:blur(0)}.anim-fade-up{opacity:0;transform:translateY(18px);will-change:opacity,transform;transition:opacity .7s var(--ease) var(--anim-delay, 0s),transform .7s var(--ease) var(--anim-delay, 0s)}.anim-fade-up.in-view{opacity:1;transform:translateY(0)}.anim-clip{opacity:0;transform:scale(1.06);will-change:opacity,transform;transition:opacity .75s var(--ease) var(--anim-delay, 0s),transform .95s var(--ease) var(--anim-delay, 0s)}.anim-clip.in-view{opacity:1;transform:scale(1)}.faq-section{background-color:var(--color-cream);padding-top:2rem;padding-bottom:var(--space-xl)}.faq-header{margin-bottom:var(--space-lg)}.faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:0}.faq-item{border-top:1px solid var(--color-border)}.faq-item:last-child{border-bottom:1px solid var(--color-border)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;padding:1.5rem 0;background:0 0;border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:clamp(.95rem, 2vw, 1.1875rem);font-weight:900;text-transform:uppercase;letter-spacing:.01em;word-spacing:0.12em;color:var(--color-indigo);line-height:1.25;transition:color var(--transition)}.faq-question:hover{color:var(--color-red)}.faq-question[aria-expanded=true]{color:var(--color-red)}.faq-icon{font-size:1.125rem;color:var(--color-red);flex-shrink:0;transition:transform var(--transition);line-height:1}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(45deg)}.faq-answer{padding-bottom:1.625rem;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.faq-question[aria-expanded="false"]+.faq-answer{max-height:0;overflow:hidden;padding-bottom:0;opacity:0}.faq-question[aria-expanded="true"]+.faq-answer{max-height:1000px;opacity:1}.faq-answer p{font-size:1.125rem;color:rgba(44,57,95,.78);line-height:1.85;text-align:left}.faq-answer a{color:var(--color-red);text-decoration:underline;text-underline-offset:3px}.faq-answer a:hover{color:var(--color-indigo)}@media (max-width:768px){.faq-question{font-size:.9rem;padding:1.25rem 0}.faq-answer p{font-size:1rem}}@media (min-width:768px){.nav-links{display:flex}.menu-toggle{display:none}}@media (max-width:1100px){.amenities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item--full,.gallery-item--wide{grid-column:span 2}.hero-side-deco{display:none}}@media (max-width:768px){:root{--space-xl:3.5rem;--space-2xl:5rem;--space-lg:2.5rem}.section{padding:var(--space-xl) 0}.about-grid,.community-grid,.location-grid{grid-template-columns:1fr;gap:var(--space-md)}.footer-inner{flex-direction:column;gap:var(--space-md)}.amenities-heading,.final-headline,.welcome-headline{white-space:normal;width:100%;margin-left:0}.welcome-headline{font-size:clamp(1.25rem, 8vw, 3.5rem)}p{font-size:1.05rem}.amenities-intro{font-size:1.05rem}.distance-val{font-size:clamp(1.5rem, 8vw, 2.5rem);min-width:60px}.about-left h2{font-size:clamp(1.75rem, 8vw, 3rem)}.community-grid{grid-template-columns:1fr;gap:var(--space-md)}.philosophy-section{padding:2.5rem 0}.final-cta-section{padding:2.5rem 1rem}.footer{padding:var(--space-lg) 0 var(--space-sm)}.footer-inner{margin-bottom:var(--space-md)}.footer-logo{height:52px}}@media (max-width:520px){.hero-ctas{flex-direction:column;align-items:center;width:100%;max-width:300px}.hero-ctas .btn{width:100%;justify-content:center}.about-actions,.final-buttons{flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 auto}.about-actions .btn,.final-buttons .btn{width:100%}.amenities-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.amenity-item{padding:1.25rem 1rem}.amenity-icon{font-size:1.625rem;margin-bottom:.75rem}.amenity-item h3{font-size:.8125rem}.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item--full,.gallery-item--wide{grid-column:span 1;height:240px}p{text-align:left}.mobile-cta{flex-direction:column;align-items:center;width:100%;padding:0 2rem}.mobile-cta .btn{width:100%;justify-content:center}.hero-tagline{font-size:clamp(.6rem, 3.5vw, .9rem);letter-spacing:.14em}.scroll-indicator{bottom:1.5rem}.location-address{font-size:.9375rem}.philosophy-quote{font-size:clamp(1.25rem, 5.5vw, 2rem);margin-bottom:var(--space-md)}.guest-policy{padding-left:1rem}h2{font-size:clamp(1.75rem, 8vw, 3rem)}h3{font-size:clamp(1rem, 4.5vw, 1.4rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.anim-hero-fade{opacity:1;transform:none;filter:none;transition:none}.anim-fade-up{opacity:1;transform:none;transition:none}.anim-clip{opacity:1;transform:none;transition:none}.scroll-line{animation:none;opacity:.5}.gallery-item img{transition:none}}</style>
</head>


<body>

  <!-- =============================================================
     NAVIGATION
     Order: Location · About · Amenities · Gallery · Philosophy · Community
     ============================================================= -->
  <header role="banner">
    <nav class="navbar" id="navbar" role="navigation" aria-label="Main">
      <div class="container nav-container">
        <a href="#hero" class="nav-logo-link" aria-label="The Common House — Go to top">
          <img src="the-common-house-pune-logo-600.png"
            srcset="the-common-house-pune-logo-600.png 600w, the-common-house-pune-logo-1200.png 1200w, the-common-house-pune-logo-2400.png 2400w, the-common-house-pune-logo.png 8334w"
            sizes="(max-width: 768px) 200px, 400px"
            alt="The Common House logo — premium PG and co-living in Pune"
            class="nav-logo-img" fetchpriority="high">
        </a>

        <ul class="nav-links" role="list">
          <li><a href="#about" class="nav-link">About</a></li>
          <li><a href="#location" class="nav-link">Location</a></li>
          <li><a href="#amenities" class="nav-link">Amenities</a></li>
          <li><a href="#gallery" class="nav-link">Gallery</a></li>
          <li><a href="#philosophy" class="nav-link">Philosophy</a></li>
          <li><a href="#community" class="nav-link">Community</a></li>
          <li><a href="#faq" class="nav-link">FAQ</a></li>
          <li>
            <a href="https://wa.me/917447444110?text=Hi%20I%20would%20like%20to%20inquire%20about%20accommodation%20at%20The%20Common%20House"
              class="btn btn-primary nav-cta" target="_blank" rel="noopener noreferrer"
              aria-label="Inquire on WhatsApp">
              <i class="ph-bold ph-whatsapp-logo" aria-hidden="true"></i>
              Inquire
            </a>
          </li>
        </ul>

        <button class="menu-toggle" id="menuToggle" aria-label="Open navigation menu" aria-expanded="false"
          aria-controls="mobileMenu">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </button>
      </div>
    </nav>

    <!-- Mobile Menu -->
    <div class="mobile-menu" id="mobileMenu" aria-hidden="true" role="dialog" aria-label="Navigation menu">
      <nav aria-label="Mobile navigation">
        <ul role="list">
          <li><a href="#about" class="mobile-nav-link">About</a></li>
          <li><a href="#location" class="mobile-nav-link">Location</a></li>
          <li><a href="#amenities" class="mobile-nav-link">Amenities</a></li>
          <li><a href="#gallery" class="mobile-nav-link">Gallery</a></li>
          <li><a href="#philosophy" class="mobile-nav-link">Philosophy</a></li>
          <li><a href="#community" class="mobile-nav-link">Community</a></li>
          <li><a href="#faq" class="mobile-nav-link">FAQ</a></li>
        </ul>
      </nav>
      <div class="mobile-cta">
        <a href="tel:+917447444110" class="btn btn-cream">
          <i class="ph-bold ph-phone" aria-hidden="true"></i>
          Call Us
        </a>
        <a href="https://wa.me/917447444110?text=Hi%20I%20would%20like%20to%20inquire%20about%20accommodation%20at%20The%20Common%20House"
          class="btn btn-primary" target="_blank" rel="noopener noreferrer">
          <i class="ph-bold ph-whatsapp-logo" aria-hidden="true"></i>
          WhatsApp
        </a>
      </div>
    </div>
  </header>

  <main id="main-content" role="main">

    <!-- =============================================================
       HERO — Parallax background with centered content
       ============================================================= -->
    <section id="hero" class="hero-section" aria-label="Welcome to The Common House">


      <!-- Bottom Layer: The Blurred Parallax Background -->
      <div class="parallax-wrap" aria-hidden="true">
        <img src="gallery/the-common-house-pune-living-space.webp" width="1280" height="852"
          alt="The Common House — premium co-living shared accommodation near Symbiosis in Pune" class="parallax-img"
          loading="eager" fetchpriority="high">
      </div>

      <!-- Top Layer: The Logo and Content -->
      <div class="hero-content">
        <h1 class="seo-h1">Top furnished PG in Viman Nagar Pune. Premium student accommodation Pune featuring a boys PG
          &amp; girls PG near Symbiosis Pune—the ultimate alternative to a hostel near Symbiosis.</h1>
        <img src="the-common-house-pune-logo-1200.png"
          srcset="the-common-house-pune-logo-600.png 600w, the-common-house-pune-logo-1200.png 1200w, the-common-house-pune-logo-2400.png 2400w, the-common-house-pune-logo.png 8334w"
          sizes="(max-width: 768px) 100vw, 600px"
          alt="The Common House — Best student housing near Symbiosis Pune"
          class="main-logo anim-hero-fade" loading="eager" fetchpriority="high">

        <p class="hero-tagline anim-hero-fade" style="--anim-delay: 0.25s">
          Shared Residential Accommodation
        </p>

        <div class="hero-ctas anim-hero-fade" style="--anim-delay: 0.45s">
          <a href="tel:+917447444110" class="btn btn-cream">
            <i class="ph-bold ph-phone" aria-hidden="true"></i>
            Call Us
          </a>
          <a href="https://wa.me/917447444110?text=Hi%20I%20would%20like%20to%20inquire%20about%20accommodation%20at%20The%20Common%20House"
            class="btn btn-primary" target="_blank" rel="noopener noreferrer">
            <i class="ph-bold ph-whatsapp-logo" aria-hidden="true"></i>
            WhatsApp Us
          </a>
          <a href="https://www.google.com/maps?cid=5245116633647500120" class="btn btn-forest" target="_blank"
            rel="noopener noreferrer">
            <i class="ph-bold ph-map-pin" aria-hidden="true"></i>
            Visit Us
          </a>
        </div>
      </div>

      <!-- Scroll indicator -->
      <div class="scroll-indicator anim-hero-fade" style="--anim-delay: 0.8s" aria-hidden="true">
        <div class="scroll-line"></div>
      </div>
    </section>

    <!-- Spacer: maintains scroll height for the fixed hero above -->
    <div class="hero-spacer" aria-hidden="true"></div>

    <!-- =============================================================
       ABOUT
       ============================================================= -->
    <section id="about" class="section about-section" aria-labelledby="about-heading">
      <div class="container">
        <div class="about-grid">
          <div class="about-left" style="text-align: center;">
            <span class="section-label anim-fade-up"
              style="display: block; text-align: center; margin-bottom: 0.5rem;">About Us</span>
            <h2 id="about-heading" class="anim-fade-up" style="--anim-delay: 0.1s">
              Your home in Pune.
            </h2>
          </div>
          <div class="about-right anim-fade-up" style="--anim-delay: 0.2s">
            <p style="font-size: 1.25rem; font-weight: bold; color: var(--color-indigo); margin-bottom: 1.5rem;">Home is
              where your Wi-Fi connects automatically and where everyone actually knows your name.</p>
            <p>We know you're here in Pune to build something big — a career, a degree, a future. But we also know that
              building a new life from scratch can be daunting. We've been there. We built a place for exactly that
              moment, the one where you need a solid foundation more than you need a place to stay.</p>
            <p>Introducing The Common House. It's not a hostel, it's not a hotel, it's a real home. Built for you. A
              place where independence and belonging coexist perfectly.</p>

            <div class="about-points" style="display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem;">
              <div class="gallery-point"
                style="display: flex; align-items: center; gap: 0.75rem; font-size: 1.1rem; color: var(--color-indigo);">
                <i class="ph-bold ph-bird" style="color: var(--color-red); font-size: 1.5rem; flex-shrink: 0;"></i>
                <span><strong>Freedom:</strong> No ridiculous curfews or overbearing rules.</span>
              </div>
              <div class="gallery-point"
                style="display: flex; align-items: center; gap: 0.75rem; font-size: 1.1rem; color: var(--color-indigo);">
                <i class="ph-bold ph-shield-check"
                  style="color: var(--color-red); font-size: 1.5rem; flex-shrink: 0;"></i>
                <span><strong>Reliability:</strong> Clean and functional space.</span>
              </div>
              <div class="gallery-point"
                style="display: flex; align-items: center; gap: 0.75rem; font-size: 1.1rem; color: var(--color-indigo);">
                <i class="ph-bold ph-users" style="color: var(--color-red); font-size: 1.5rem; flex-shrink: 0;"></i>
                <span><strong>Community:</strong> Because a city's easier with your people in it.</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- =============================================================
       FINAL CTA (Moved after About)
       ============================================================= -->
    <section id="contact" class="section final-cta-section" aria-label="Book your stay">
      <div class="container">
        <div class="final-cta-inner anim-fade-up" style="text-align: center;">

          <h2 class="final-headline">Welcome to the house.</h2>
          <p class="final-sub">Not for a semester. Not for a project. Not just until you find something better.</p>
          <p class="final-word">Home. That's the idea.</p>
          <div class="final-buttons">
            <a href="tel:+917447444110" class="btn btn-cream">
              <i class="ph-bold ph-phone" aria-hidden="true"></i>
              Call Us
            </a>
            <a href="https://wa.me/917447444110?text=Hi%20I%20would%20like%20to%20inquire%20about%20accommodation%20at%20The%20Common%20House"
              class="btn btn-primary" target="_blank" rel="noopener noreferrer">
              <i class="ph-bold ph-whatsapp-logo" aria-hidden="true"></i>
              WhatsApp Us
            </a>
            <a href="https://www.google.com/maps?cid=5245116633647500120" class="btn btn-forest" target="_blank"
              rel="noopener noreferrer">
              <i class="ph-bold ph-map-pin" aria-hidden="true"></i>
              Visit Us
            </a>
          </div>
        </div>
      </div>
    </section>

    <!-- =============================================================
       LOCATION
       ============================================================= -->
    <section id="location" class="section location-section" aria-labelledby="location-heading">
      <div class="container">
        <div class="location-header" style="text-align: center;">
          <span class="section-label anim-fade-up"
            style="display: block; text-align: center; margin-bottom: 1rem;">Where We Are</span>
          <h2 id="location-heading" class="anim-fade-up" style="color: var(--color-red);">Just 200 Meters from
            Symbiosis.</h2>
          <p class="location-address anim-fade-up" style="--anim-delay: 0.12s">
            <i class="ph-bold ph-map-pin" aria-hidden="true"></i>
            The Common House, Sakore Nagar, Viman Nagar, Pune &mdash; 411014
          </p>
        </div>

        <div class="location-grid">

          <!-- Left: Static typographic distance list -->
          <div class="distances-static anim-fade-up" style="--anim-delay: 0.1s">
            <p class="distances-intro">Step outside and you're already there.</p>

            <div class="distance-row">
              <span class="distance-val">0.2</span>
              <div class="distance-detail">
                <strong>Symbiosis Campus</strong>
                <span>km &middot; 2 min walk</span>
              </div>
            </div>

            <div class="distance-row">
              <span class="distance-val">1.7</span>
              <div class="distance-detail">
                <strong>Ramwadi Metro Station</strong>
                <span>km</span>
              </div>
            </div>

            <div class="distance-row">
              <span class="distance-val">1.9</span>
              <div class="distance-detail">
                <strong>Symbiosis Law School</strong>
                <span>km</span>
              </div>
            </div>

            <div class="distance-row">
              <span class="distance-val">2.3</span>
              <div class="distance-detail">
                <strong>Pune Airport</strong>
                <span>km</span>
              </div>
            </div>

            <a href="https://www.google.com/maps?cid=5245116633647500120" class="maps-cta" target="_blank"
              rel="noopener noreferrer">
              <i class="ph-bold ph-map-pin" aria-hidden="true"></i>
              Open in Google Maps
            </a>
          </div>

          <!-- Right: Neighbourhood description -->
          <div class="neighbourhood-col anim-fade-up" style="--anim-delay: 0.2s">
            <h3>Viman Nagar, the kind of neighbourhood that grows on you.</h3>
            <p>Viman Nagar has mastered the art of keeping things interesting. It just quietly becomes part of your
              routine.</p>
            <p>One day you're grabbing a quick bite from the legendary Maushi Vada Pav stand. The next, you're becoming
              a regular at Heera without quite realizing it happened. Soon, Arjaz's juice stall becomes your go-to cure,
              from late-night study sessions to those long days where you just need a reset.</p>
            <p>Because the best neighborhoods are built on the places that remember you — and more importantly, your
              order. The Common House, your steady foundation in the middle of it all, a home embedded in the local
              rhythm, and the feeling that somehow, you've started to belong.</p>
          </div>

        </div>
      </div>
    </section>

    <!-- =============================================================
       AMENITIES
       ============================================================= -->
    <section id="amenities" class="section amenities-section" aria-labelledby="amenities-heading">
      <div class="container">
        <div class="amenities-header text-center">
          <span class="section-label anim-fade-up" style="display: block; text-align: center;">What We Offer</span>
          <h2 id="amenities-heading" class="amenities-heading anim-fade-up" style="--anim-delay: 0.1s">We Handle the
            Boring Stuff.</h2>
          <p class="amenities-intro anim-fade-up" style="--anim-delay: 0.18s">No grocery runs. No cleaning schedules. No
            maintenance headaches. Good food, clean spaces, and everything working exactly as it should — without you
            having to think about it. Because real luxury is having more time for the things you'd rather be doing.</p>
        </div>

        <div class="amenities-grid" role="list" aria-label="List of amenities">
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.05s" role="listitem">
            <i class="ph-bold ph-snowflake amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">01</span>
            <h3>AC Room with Balcony</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.1s" role="listitem">
            <i class="ph-bold ph-fork-knife amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">02</span>
            <h3>3 Hot Meals a Day</h3>
            <p>Breakfast, Lunch &amp; Dinner</p>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.15s" role="listitem">
            <i class="ph-bold ph-wrench amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">03</span>
            <h3>Maintenance</h3>
            <p>Hygiene &amp; Upkeep</p>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.2s" role="listitem">
            <i class="ph-bold ph-wifi-high amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">04</span>
            <h3>Unlimited WiFi</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.05s" role="listitem">
            <i class="ph-bold ph-washing-machine amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">05</span>
            <h3>Unlimited Laundry</h3>
            <p>Unlimited machine usage</p>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.1s" role="listitem">
            <i class="ph-bold ph-barbell amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">06</span>
            <h3>Gym</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.15s" role="listitem">
            <i class="ph-bold ph-couch amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">07</span>
            <h3>Massive Common Area</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.2s" role="listitem">
            <i class="ph-bold ph-presentation-chart amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">08</span>
            <h3>Conference Room</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.05s" role="listitem">
            <i class="ph-bold ph-laptop amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">09</span>
            <h3>Co-working Space</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.1s" role="listitem">
            <i class="ph-bold ph-drop amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">10</span>
            <h3>24/7 Hot &amp; Cold Water</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.15s" role="listitem">
            <i class="ph-bold ph-shield-check amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">11</span>
            <h3>24/7 Security</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.2s" role="listitem">
            <i class="ph-bold ph-lightning amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">12</span>
            <h3>24/7 Electricity Backup</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.05s" role="listitem">
            <i class="ph-bold ph-users amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">13</span>
            <h3>Community Events</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.1s" role="listitem">
            <i class="ph-bold ph-coffee amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">14</span>
            <h3>Pantry</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.15s" role="listitem">
            <i class="ph-bold ph-device-mobile amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">15</span>
            <h3>App &amp; RFID Keys</h3>
          </div>
          <div class="amenity-item anim-fade-up" style="--anim-delay: 0.2s" role="listitem">
            <i class="ph-bold ph-clock amenity-icon" aria-hidden="true"></i>
            <span class="amenity-num">16</span>
            <h3>Prompt Service</h3>
          </div>
        </div>
      </div>
    </section>

    <!-- =============================================================
       GALLERY — All 11 photos
       ============================================================= -->
    <section id="gallery" class="section gallery-section" aria-labelledby="gallery-heading">
      <div class="container">
        <div class="gallery-header" style="text-align: center; margin-bottom: 1.5rem;">
          <span class="section-label anim-fade-up" style="display: block; text-align: center;">Our Space</span>
          <h2 id="gallery-heading" class="anim-fade-up" style="--anim-delay: 0.1s">A Look Inside.</h2>
        </div>

        <div class="gallery-grid">
          <div class="gallery-item gallery-item--wide">
            <img src="gallery/the-common-house-pune-living-space.webp" width="1280" height="852"
              alt="Premium student co-living lounge and common area near Symbiosis Viman Nagar Pune" loading="lazy"
              decoding="async" class="anim-clip">
          </div>
          <div class="gallery-item">
            <img src="gallery/ac-bedroom-balcony-the-common-house-pune.webp" width="1280" height="847"
              alt="Premium double sharing AC student room with private balcony in Viman Nagar" loading="lazy"
              decoding="async" class="anim-clip" style="--anim-delay: 0.1s">
          </div>
          <div class="gallery-item">
            <img src="gallery/bathroom-the-common-house-pune-pg.webp" width="1280" height="848"
              alt="Clean modern attached bathroom with 24/7 hot water in Viman Nagar PG" loading="lazy" decoding="async"
              class="anim-clip" style="--anim-delay: 0.2s">
          </div>
          <div class="gallery-item">
            <img src="gallery/lounge-area-the-common-house-viman-nagar.webp" width="1280" height="853"
              alt="Spacious common lounge area for students in premium co-living near Symbiosis" loading="lazy"
              decoding="async" class="anim-clip" style="--anim-delay: 0.05s">
          </div>
          <div class="gallery-item">
            <img src="gallery/kitchen-pantry-the-common-house-pune.webp" width="1280" height="852"
              alt="Fully-equipped pantry for student use in top Viman Nagar accommodation" loading="lazy"
              decoding="async" class="anim-clip" style="--anim-delay: 0.15s">
          </div>
          <div class="gallery-item gallery-item--wide">
            <img src="gallery/dining-meals-the-common-house-pune.webp" width="1280" height="840"
              alt="Student dining hall serving 3 hot meals daily in Viman Nagar PG" loading="lazy" decoding="async"
              class="anim-clip" style="--anim-delay: 0.25s">
          </div>
          <div class="gallery-item">
            <img src="gallery/gym-the-common-house-viman-nagar-pune.webp" width="1280" height="853"
              alt="Fully-equipped in-house fitness gym for residents in premium student housing" loading="lazy"
              decoding="async" class="anim-clip" style="--anim-delay: 0.05s">
          </div>
          <div class="gallery-item">
            <img src="gallery/coworking-space-the-common-house-symbiosis-pune.webp" width="1280" height="848"
              alt="Dedicated quiet co-working and study space for university students in Pune" loading="lazy"
              decoding="async" class="anim-clip" style="--anim-delay: 0.15s">
          </div>
          <div class="gallery-item">
            <img src="gallery/conference-room-the-common-house-pune.webp" width="1280" height="853"
              alt="Private conference and group study room in luxury PG near Symbiosis" loading="lazy" decoding="async"
              class="anim-clip" style="--anim-delay: 0.25s">
          </div>
          <div class="gallery-item">
            <img src="gallery/community-event-the-common-house-viman-nagar.webp" width="1280" height="738"
              alt="Vibrant student community event night at premium co-living residence" loading="lazy" decoding="async"
              class="anim-clip" style="--anim-delay: 0.05s">
          </div>
          <div class="gallery-item gallery-item--full">
            <img src="gallery/the-common-house-exterior-sakore-nagar-pune.webp" width="1280" height="725"
              alt="Premium PG building exterior located in Sakore Nagar, Viman Nagar near Symbiosis" loading="lazy"
              decoding="async" class="anim-clip" style="--anim-delay: 0.15s">
          </div>
        </div>
      </div>
    </section>

    <!-- =============================================================
       PHILOSOPHY
       ============================================================= -->
    <section id="philosophy" class="section philosophy-section" aria-labelledby="philosophy-heading">
      <div class="container philosophy-container">
        <span class="section-label anim-fade-up">Our Philosophy</span>
        <blockquote class="philosophy-quote anim-fade-up" style="--anim-delay: 0.1s" id="philosophy-heading">
          We didn't build The Common House as just another place to stay — we built it because no other place felt like
          home.
        </blockquote>
        <div class="philosophy-body anim-fade-up" style="--anim-delay: 0.25s">
          <p>No endless rulebooks. No constant monitoring. Just good people, mutual respect, and a space that is
            entirely yours.</p>
          <p>We treat adults like adults. We operate on trust and autonomy. This isn't a temporary roof over your head
            or a place you move into for a semester. It's your residence, a safe space to let your guard down. A space
            to focus on more important things, to finally start building.</p>
        </div>
      </div>
    </section>

    <!-- =============================================================
       COMMUNITY
       ============================================================= -->
    <section id="community" class="section community-section" aria-labelledby="community-heading">
      <div class="container">
        <div class="community-grid">
          <div class="community-left" style="text-align: center;">
            <span class="section-label anim-fade-up" style="display: block; text-align: center;">Community</span>
            <h2 id="community-heading" class="anim-fade-up" style="--anim-delay: 0.1s">Built around you.</h2>
          </div>
          <div class="community-right">
            <p class="lead anim-fade-up" style="--anim-delay: 0.1s">The Common House meets you where you are. It's a
              lounge, a workspace, a sanctuary, and a weekend hangout all rolled into one.</p>
            <p class="anim-fade-up" style="--anim-delay: 0.18s">From curated community events to quiet hours to protect
              your sleep, The Common House is built around you. Communal spaces designed for connection, with you at the
              centre of it. Everyone is welcome as they are. It's safe, it's real, and it's yours.</p>
            <div class="guest-policy anim-fade-up" style="--anim-delay: 0.26s">
              <p class="policy-line">"Bring the kind of people you'd happily introduce to your mom."</p>
              <p>That's it. That's the whole guest policy. We don't have a giant textbook of guest rules because we
                trust your judgment. The Common House is special because of the people inside. After all, it's never
                about the place — it's always about the people.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- =============================================================
       FAQ — Visible content that backs the FAQPage JSON-LD schema.
       Google requires structured data to reflect real on-page content.
       ============================================================= -->
    <section id="faq" class="section faq-section" aria-labelledby="faq-heading" itemscope
      itemtype="https://schema.org/FAQPage">
      <div class="container">
        <div class="faq-header" style="text-align: center;">
          <span class="section-label anim-fade-up" style="display: block; text-align: center;">Got Questions?</span>
          <h2 id="faq-heading" class="anim-fade-up" style="--anim-delay: 0.1s">We've Got Answers.</h2>
        </div>

        <div class="faq-list" role="list">

          <div class="faq-item anim-fade-up" role="listitem" style="--anim-delay: 0.05s" itemscope itemprop="mainEntity"
            itemtype="https://schema.org/Question">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-1" id="faq-btn-1">
              <span itemprop="name">Where is The Common House located?</span>
              <i class="ph-bold ph-plus faq-icon" aria-hidden="true"></i>
            </button>
            <div class="faq-answer" id="faq-1" role="region" aria-labelledby="faq-btn-1" itemscope
              itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
              <div itemprop="text">
                <p>The Common House is located in Sakore Nagar, Viman Nagar, Pune — 411014. It is just 200 metres (a
                  2-minute walk) from Symbiosis International University (SIU) campus.</p>
              </div>
            </div>
          </div>

          <div class="faq-item anim-fade-up" role="listitem" style="--anim-delay: 0.1s" itemscope itemprop="mainEntity"
            itemtype="https://schema.org/Question">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-2" id="faq-btn-2">
              <span itemprop="name">Is The Common House suitable for Symbiosis students?</span>
              <i class="ph-bold ph-plus faq-icon" aria-hidden="true"></i>
            </button>
            <div class="faq-answer" id="faq-2" role="region" aria-labelledby="faq-btn-2" itemscope
              itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
              <div itemprop="text">
                <p>Yes. The Common House is specifically popular with students of Symbiosis Centre for Management
                  Studies
                  (SCMS), Symbiosis Centre for Media and Communication (SCMC), Symbiosis School for Liberal Arts (SSLA),
                  Symbiosis Institute of Design (SID), and other SIU programmes including BBA and MBA. It is within
                  walking distance of all Symbiosis campuses in Viman Nagar.</p>
              </div>
            </div>
          </div>

          <div class="faq-item anim-fade-up" role="listitem" style="--anim-delay: 0.15s" itemscope itemprop="mainEntity"
            itemtype="https://schema.org/Question">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-3" id="faq-btn-3">
              <span itemprop="name">What amenities does The Common House include?</span>
              <i class="ph-bold ph-plus faq-icon" aria-hidden="true"></i>
            </button>
            <div class="faq-answer" id="faq-3" role="region" aria-labelledby="faq-btn-3" itemscope
              itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
              <div itemprop="text">
                <p>The Common House includes: AC rooms with private balconies, 3 hot meals per day (breakfast, lunch,
                  dinner), unlimited high-speed WiFi, unlimited machine laundry, a fully-equipped gym, a co-working
                  space,
                  a conference room, a large common lounge area, 24/7 security, 24/7 electricity backup, 24/7 hot and
                  cold
                  water, a pantry, and app + RFID key access. All amenities are included in the rent.</p>
              </div>
            </div>
          </div>

          <div class="faq-item anim-fade-up" role="listitem" style="--anim-delay: 0.2s" itemscope itemprop="mainEntity"
            itemtype="https://schema.org/Question">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-4" id="faq-btn-4">
              <span itemprop="name">Is there a curfew at The Common House?</span>
              <i class="ph-bold ph-plus faq-icon" aria-hidden="true"></i>
            </button>
            <div class="faq-answer" id="faq-4" role="region" aria-labelledby="faq-btn-4" itemscope
              itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
              <div itemprop="text">
                <p>No. The Common House has no curfew. Residents are treated as adults and can come and go as they
                  please,
                  24 hours a day, 7 days a week.</p>
              </div>
            </div>
          </div>

          <div class="faq-item anim-fade-up" role="listitem" style="--anim-delay: 0.25s" itemscope itemprop="mainEntity"
            itemtype="https://schema.org/Question">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-5" id="faq-btn-5">
              <span itemprop="name">How do I inquire about rooms for 2026?</span>
              <i class="ph-bold ph-plus faq-icon" aria-hidden="true"></i>
            </button>
            <div class="faq-answer" id="faq-5" role="region" aria-labelledby="faq-btn-5" itemscope
              itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
              <div itemprop="text">
                <p>You can inquire about availability for 2026 by calling <a href="tel:+917447444110">+91 74474
                    44110</a>
                  or sending a <a
                    href="https://wa.me/917447444110?text=Hi%20I%20would%20like%20to%20inquire%20about%20accommodation%20at%20The%20Common%20House"
                    target="_blank" rel="noopener noreferrer">WhatsApp message</a>. Rooms fill quickly around Symbiosis
                  admission season, so early inquiry is recommended.</p>
              </div>
            </div>
          </div>

          <div class="faq-item anim-fade-up" role="listitem" style="--anim-delay: 0.3s" itemscope itemprop="mainEntity"
            itemtype="https://schema.org/Question">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-6" id="faq-btn-6">
              <span itemprop="name">How far is The Common House from key landmarks?</span>
              <i class="ph-bold ph-plus faq-icon" aria-hidden="true"></i>
            </button>
            <div class="faq-answer" id="faq-6" role="region" aria-labelledby="faq-btn-6" itemscope
              itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
              <div itemprop="text">
                <p>The Common House is 0.2 km (2 min walk) from Symbiosis campus, 1.7 km from Ramwadi Metro Station, 1.9
                  km from Symbiosis Law School, and 2.3 km from Pune Airport.</p>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>


  </main>

  <!-- =============================================================
     FOOTER
     ============================================================= -->
  <footer class="footer" role="contentinfo">
    <div class="container">
      <div class="footer-inner">

        <!-- Brand & Address -->
        <div class="footer-brand">
          <img src="the-common-house-pune-logo-600.png"
            srcset="the-common-house-pune-logo-600.png 600w, the-common-house-pune-logo-1200.png 1200w, the-common-house-pune-logo-2400.png 2400w, the-common-house-pune-logo.png 8334w"
            sizes="(max-width: 768px) 200px, 400px"
            alt="The Common House — Viman Nagar Pune PG Co-living"
            class="footer-logo" loading="lazy">
          <address class="footer-address">
            The Common House,<br>
            Sakore Nagar, Viman Nagar,<br>
            Pune &mdash; 411014
          </address>
        </div>

        <!-- Navigate -->
        <div class="footer-col">
          <h3>Navigate</h3>
          <ul role="list">
            <li><a href="#about">About</a></li>
            <li><a href="#location">Location</a></li>
            <li><a href="#amenities">Amenities</a></li>
            <li><a href="#gallery">Gallery</a></li>
            <li><a href="#philosophy">Philosophy</a></li>
            <li><a href="#community">Community</a></li>
            <li><a href="#faq">FAQ</a></li>
          </ul>
        </div>

        <!-- Connect -->
        <div class="footer-col">
          <h3>Connect</h3>
          <ul role="list">
            <li>
              <a href="tel:+917447444110" class="footer-link-icon">
                <i class="ph-bold ph-phone" aria-hidden="true"></i>
                +91 74474 44110
              </a>
            </li>
            <li>
              <a href="https://wa.me/917447444110?text=Hi%20I%20would%20like%20to%20inquire%20about%20accommodation%20at%20The%20Common%20House"
                class="footer-link-icon" target="_blank" rel="noopener noreferrer">
                <i class="ph-bold ph-whatsapp-logo" aria-hidden="true"></i>
                WhatsApp
              </a>
            </li>
            <li>
              <a href="https://www.google.com/maps?cid=5245116633647500120" class="footer-link-icon" target="_blank"
                rel="noopener noreferrer">
                <i class="ph-bold ph-map-pin" aria-hidden="true"></i>
                Google Maps
              </a>
            </li>
            <li>
              <a href="https://www.instagram.com/thecommonhouse.in?igsh=amk0bTJhYXI2cTg%3D&utm_source=qr"
                class="footer-link-icon" target="_blank" rel="noopener noreferrer">
                <i class="ph-bold ph-instagram-logo" aria-hidden="true"></i>
                Instagram
              </a>
            </li>
          </ul>
        </div>

      </div>

      <div class="footer-bottom">
        <p class="footer-domain">thecommonhouse.in</p>
      </div>

    </div>
  </footer>

  <script src="main.js" defer></script>
</body>

</html>