Property Network | Navi Mumbai Real Estate
:root {
--gold: #ffd65a;
--gold-light: #fff0a5;
--orange: #ff8c24;
--black: #080808;
--panel: #11110f;
--muted: #bcb6a7;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background: #fff;
color: #171717;
font-family: Arial, Helvetica, sans-serif;
}
a { color: inherit; }
.pn-container {
width:100%;
margin: auto;
}
/* HEADER */
.pn-header {
background: #080808;
color: #fff;
border-bottom: 1px solid #302a1c;
}
.pn-nav {
min-height: 88px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.pn-logo {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
min-width: 205px;
}
.pn-logo-image {
display: block;
width: 88px;
height: 78px;
object-fit: contain;
flex: 0 0 auto;
}
.pn-logo-mark {
width: 53px;
height: 53px;
display: grid;
place-items: center;
border: 2px solid var(--gold);
color: var(--gold);
font-family: Georgia, serif;
font-weight: 900;
font-size: 23px;
transform: rotate(-3deg);
}
.pn-logo-name {
font-size: 19px;
font-weight: 900;
letter-spacing: .5px;
}
.pn-logo-name span { color: var(--gold); }
.pn-logo small {
display: block;
margin-top: 5px;
font-size: 8px;
color: #bdb6a4;
letter-spacing: 1.5px;
}
.pn-menu {
display: flex;
align-items: center;
gap: 27px;
}
.pn-menu a {
text-decoration: none;
font-size: 14px;
font-weight: 700;
transition: color .2s;
}
.pn-menu a:hover { color: var(--gold); }
.pn-call {
display: inline-block;
background: var(--gold);
color: #111;
text-decoration: none;
font-weight: 800;
padding: 14px 23px;
border-radius: 30px;
white-space: nowrap;
}
.pn-call:hover { background: #ffe58a; }
.pn-mobile-call { display: none; }
/* DIWALI BANNER */
.pn-diwali,
.pn-diwali * { box-sizing: border-box; }
.pn-diwali {
--gold: #ffd65a;
--orange: #ff8c24;
position: relative;
isolation: isolate;
width: 100%;
overflow: hidden;
padding: 155px 20px 30px;
color: #fff;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background:
radial-gradient(ellipse at 50% 100%, #6b250c 0%, transparent 48%),
radial-gradient(ellipse at 0% 0%, #34200b 0%, transparent 40%),
linear-gradient(135deg, #080808, #17120b 55%, #050505);
border: 1px solid rgba(255,214,90,.55);
border-radius: 12px;
box-shadow: 0 8px 28px rgba(0,0,0,.25);
}
.pn-diwali::before {
content: "";
position: absolute;
inset: 7px;
z-index: 0;
border: 1px solid rgba(255,214,90,.28);
border-radius: 8px;
pointer-events: none;
}
/* Traditional hanging genda phool toran */
.pn-diwali .pn-toran {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 130px;
z-index: 3;
overflow: hidden;
pointer-events: none;
}
.pn-diwali .pn-toran-top {
position: absolute;
top: 8px;
left: 0;
width: 100%;
height: 13px;
border-radius: 10px;
background:
radial-gradient(circle,#ffec62 2px,#e87500 3px,transparent 4px)
0 0 / 8px 8px repeat-x,
radial-gradient(circle,#ffcc22 2px,#ff8c00 3px,transparent 4px)
4px 4px / 8px 8px repeat-x;
filter: drop-shadow(0 0 5px #ffb300);
}
.pn-diwali .pn-hangings {
position: absolute;
top: 16px;
left: 0;
display: flex;
justify-content: space-around;
align-items: flex-start;
width: 100%;
}
.pn-diwali .pn-hanging {
position: relative;
flex: 0 1 10px;
width: 10px;
height: 92px;
background:
radial-gradient(circle,#ffdc28 2px,#ff9d00 3px,transparent 4px)
center top / 8px 8px repeat-y;
filter: drop-shadow(0 0 2px #ffb900);
}
.pn-diwali .pn-hanging span {
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
font-size: 17px;
letter-spacing: -7px;
line-height: 1;
}
.pn-diwali .pn-hanging:nth-child(odd) { height: 112px; }
.pn-diwali .pn-hanging:nth-child(even) { height: 78px; }
.pn-diwali .pn-hanging::after {
content: "";
position: absolute;
bottom: -5px;
left: 1px;
width: 8px;
height: 13px;
background: linear-gradient(90deg,#387b12,#80bb22,#24590a);
clip-path: polygon(50% 100%,0 0,50% 22%,100% 0);
}
/* Sparkles */
.pn-diwali .pn-sparkle {
position: absolute;
z-index: 1;
color: var(--gold);
opacity: .7;
pointer-events: none;
animation: pn-twinkle 2s ease-in-out infinite alternate;
}
.pn-diwali .pn-s1 {
top: 37%; left: 7%; font-size: 22px;
}
.pn-diwali .pn-s2 {
top: 43%; right: 8%; font-size: 26px;
animation-delay: -.7s;
}
.pn-diwali .pn-s3 {
bottom: 13%; left: 17%; font-size: 17px;
animation-delay: -1s;
}
.pn-diwali .pn-s4 {
bottom: 17%; right: 17%; font-size: 18px;
animation-delay: -.4s;
}
/* Greeting */
.pn-diwali .pn-content {
position: relative;
z-index: 2;
}
.pn-diwali .pn-eyebrow {
color: var(--gold);
font-size: 12px;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 12px;
}
.pn-diwali .pn-title {
color: #fff;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(38px, 5.2vw, 65px);
font-weight: 900;
line-height: 1.12;
margin: 0 auto 16px;
letter-spacing: -.8px;
}
.pn-diwali .pn-title span {
color: var(--gold);
text-shadow: 0 0 22px #ffb52d44;
}
.pn-diwali .pn-divider {
width: 110px;
height: 1px;
margin: 0 auto 16px;
background: linear-gradient(90deg,transparent,#ffd65a,transparent);
}
.pn-diwali .pn-message {
position: relative;
max-width: 680px;
margin: 0 auto 20px;
color: #f5e7cc;
font-size: clamp(14px,2vw,17px);
line-height: 1.8;
}
.pn-diwali .pn-message strong {
color: var(--gold);
font-weight: 700;
}
/* Glowing diyas */
.pn-diwali .pn-diyas {
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
margin: 12px 0 22px;
}
.pn-diwali .pn-diya {
display: inline-block;
font-size: clamp(30px,4vw,42px);
line-height: 1.3;
animation: pn-glow 1.8s ease-in-out infinite alternate;
filter: drop-shadow(0 0 6px #ff9d22);
}
.pn-diwali .pn-diya:nth-child(2) { animation-delay: -.7s; }
.pn-diwali .pn-diya:nth-child(3) { animation-delay: -1.1s; }
.pn-diwali .pn-brand {
position: relative;
display: inline-block;
color: #111 !important;
background: linear-gradient(135deg,#fff0a5,#ffd347,#e7a928);
padding: 13px 28px;
border: 1px solid #ffe58b;
border-radius: 40px;
font-size: 13px;
font-weight: 900;
letter-spacing: 1px;
text-decoration: none !important;
box-shadow: 0 0 22px #ffcc4d33;
transition: transform .2s, box-shadow .2s;
}
.pn-diwali .pn-brand:hover {
color: #000 !important;
transform: translateY(-2px);
box-shadow: 0 0 28px #ffcc4d66;
}
.pn-diwali .pn-footer {
margin: 17px 0 0;
color: #d4b878;
font-size: 11px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
@keyframes pn-glow {
from {
transform: scale(.96);
filter: drop-shadow(0 0 3px #ff9d22);
}
to {
transform: scale(1.06);
filter: drop-shadow(0 0 12px #ffba35);
}
}
@keyframes pn-twinkle {
from { opacity: .25; transform: scale(.8); }
to { opacity: 1; transform: scale(1.15); }
}
/* HERO */
.pn-hero {
position: relative;
padding: 85px 0;
color: #fff;
background:
radial-gradient(ellipse at 80% 30%,#3b2b10 0%,transparent 45%),
linear-gradient(120deg,#070707,#17140d 65%,#080808);
}
.pn-hero-inner {
max-width: 800px;
}
.pn-kicker {
display: inline-block;
color: var(--gold);
border: 1px solid #856a27;
background: #211b0d;
border-radius: 30px;
padding: 10px 17px;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
}
.pn-hero h1 {
font-size: clamp(38px,6vw,72px);
line-height: 1.08;
letter-spacing: -1.5px;
margin: 24px 0;
}
.pn-hero h1 span { color: var(--gold); }
.pn-hero p {
max-width: 650px;
color: #d3cfc3;
line-height: 1.8;
font-size: 17px;
margin-bottom: 30px;
}
.pn-actions {
display: flex;
flex-wrap: wrap;
gap: 13px;
}
.pn-button {
display: inline-block;
padding: 15px 24px;
border-radius: 5px;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
.pn-button-gold {
color: #111;
background: var(--gold);
}
.pn-button-outline {
color: #fff;
border: 1px solid #bba55e;
}
.pn-button:hover { opacity: .88; }
/* SEARCH */
.pn-search-section {
padding: 30px 0;
background: #f8f7f3;
}
.pn-search {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr)) auto;
gap: 14px;
align-items: end;
padding: 24px;
background: #fff;
border: 1px solid #e8e2d3;
border-radius: 10px;
box-shadow: 0 8px 25px #00000008;
}
.pn-field label {
display: block;
font-size: 12px;
font-weight: 800;
margin-bottom: 9px;
color: #444;
}
.pn-field select {
width: 100%;
min-height: 46px;
padding: 10px;
background: #fff;
border: 1px solid #ddd5c4;
border-radius: 5px;
font-size: 14px;
}
.pn-search button {
min-height: 46px;
border: 0;
border-radius: 5px;
padding: 0 24px;
background: #111;
color: var(--gold);
font-weight: 800;
cursor: pointer;
}
/* GENERAL SECTIONS */
.pn-section { padding: 75px 0; }
.pn-section-heading {
text-align: center;
margin: 0 auto 38px;
max-width: 700px;
}
.pn-section-heading .pn-label {
color: #9b741c;
font-size: 12px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
}
.pn-section-heading h2 {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(30px,4vw,43px);
margin: 13px 0;
color: #151515;
}
.pn-section-heading p {
color: #6b6b6b;
line-height: 1.8;
margin: 0;
}
.pn-property-grid {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 23px;
}
.pn-property-card {
overflow: hidden;
border: 1px solid #e8e3d8;
border-radius: 9px;
background: #fff;
transition: transform .2s, box-shadow .2s;
}
.pn-property-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 35px #00000010;
}
.pn-property-visual {
height: 185px;
display: grid;
place-items: center;
background:
radial-gradient(ellipse at 50% 100%,#473313,transparent 70%),
linear-gradient(135deg,#141414,#292315);
color: var(--gold);
font-size: 42px;
}
.pn-property-body { padding: 24px; }
.pn-tag {
display: inline-block;
background: #fbf1d3;
color: #78530c;
border-radius: 3px;
padding: 6px 9px;
font-size: 10px;
font-weight: 800;
letter-spacing: 1px;
}
.pn-property-body h3 {
margin: 16px 0 8px;
font-size: 20px;
}
.pn-property-body p {
color: #777;
font-size: 13px;
line-height: 1.7;
}
.pn-property-link {
display: inline-block;
margin-top: 10px;
color: #8b6514;
font-size: 13px;
font-weight: 800;
text-decoration: none;
}
/* WHY PROPERTY NETWORK */
.pn-why { background: #f8f7f3; }
.pn-feature-grid {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 25px;
}
.pn-feature {
padding: 30px 25px;
background: #fff;
border: 1px solid #e8e2d3;
border-radius: 8px;
}
.pn-feature-icon {
display: grid;
place-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: #fff4cf;
color: #87600d;
font-size: 24px;
}
.pn-feature h3 { margin: 20px 0 10px; }
.pn-feature p {
margin: 0;
color: #6d6d6d;
font-size: 14px;
line-height: 1.8;
}
.pn-stats {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 20px;
margin-top: 42px;
text-align: center;
}
.pn-stat {
padding: 20px 10px;
border-right: 1px solid #ded8ca;
}
.pn-stat:last-child { border-right: 0; }
.pn-stat strong {
display: block;
color: #94701c;
font-size: 30px;
}
.pn-stat span {
display: block;
margin-top: 8px;
color: #666;
font-size: 12px;
}
/* CONTACT CTA */
.pn-cta {
padding: 65px 20px;
text-align: center;
color: #fff;
background:
radial-gradient(ellipse at 50% 100%,#3d2c0e,transparent 65%),
#090909;
}
.pn-cta h2 {
margin: 0 0 14px;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(30px,4vw,44px);
}
.pn-cta h2 span { color: var(--gold); }
.pn-cta p {
color: #ccc3b0;
line-height: 1.8;
margin-bottom: 25px;
}
/* FOOTER */
.pn-footer-main {
padding: 50px 0 20px;
background: #070707;
color: #eee;
}
.pn-footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1.3fr;
gap: 40px;
}
.pn-footer-main h3 {
color: var(--gold);
font-size: 14px;
margin-top: 0;
}
.pn-footer-main p {
color: #aaa;
font-size: 13px;
line-height: 1.9;
}
.pn-footer-main ul {
list-style: none;
padding: 0;
margin: 0;
}
.pn-footer-main li { margin: 12px 0; }
.pn-footer-main li a {
color: #bbb;
font-size: 13px;
text-decoration: none;
}
.pn-footer-main li a:hover { color: var(--gold); }
.pn-copyright {
border-top: 1px solid #292929;
margin-top: 35px;
padding-top: 20px;
color: #888;
text-align: center;
font-size: 12px;
}
/* MOBILE */
@media (max-width: 850px) {
.pn-menu { gap: 14px; }
.pn-menu a { font-size: 12px; }
.pn-logo { min-width: 175px; }
.pn-logo-name { font-size: 16px; }
.pn-search {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.pn-property-grid,
.pn-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pn-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
.pn-container { width: 90%; }
.pn-nav {
min-height: 75px;
flex-wrap: wrap;
gap: 12px;
padding: 12px 0;
}
.pn-logo { min-width: 0; }
.pn-logo-image { width: 76px; height: 64px; }
.pn-logo-mark { width: 43px; height: 43px; font-size: 19px; }
.pn-logo-name { font-size: 15px; }
.pn-logo small { font-size: 7px; }
.pn-menu {
order: 3;
width: 100%;
justify-content: space-between;
gap: 8px;
overflow-x: auto;
padding: 10px 0 5px;
}
.pn-menu a {
font-size: 11px;
white-space: nowrap;
}
.pn-call { display: none; }
.pn-mobile-call { display: inline-block; padding: 10px 13px; font-size: 12px; }
.pn-diwali {
padding: 115px 16px 25px;
border-radius: 8px;
}
.pn-diwali .pn-toran { height: 100px; }
.pn-diwali .pn-hanging:nth-child(odd) { height: 85px; }
.pn-diwali .pn-hanging:nth-child(even) { height: 62px; }
.pn-diwali .pn-hanging span {
font-size: 13px;
letter-spacing: -6px;
}
.pn-diwali .pn-eyebrow {
font-size: 10px;
letter-spacing: 2px;
}
.pn-diwali .pn-title {
font-size: clamp(33px,9vw,45px);
}
.pn-diwali .pn-message { line-height: 1.7; }
.pn-diwali .pn-diyas { gap: 19px; }
.pn-diwali .pn-footer { font-size: 9px; letter-spacing: 1px; }
.pn-diwali .pn-s1 { left: 4%; }
.pn-diwali .pn-s2 { right: 4%; }
.pn-hero { padding: 60px 0; }
.pn-hero h1 { letter-spacing: -.8px; }
.pn-hero p { font-size: 15px; }
.pn-search { grid-template-columns: 1fr; padding: 18px; }
.pn-search button { width: 100%; }
.pn-section { padding: 55px 0; }
.pn-property-grid,
.pn-feature-grid,
.pn-stats,
.pn-footer-grid { grid-template-columns: 1fr; }
.pn-stat {
border-right: 0;
border-bottom: 1px solid #ded8ca;
}
.pn-stat:last-child { border-bottom: 0; }
.pn-footer-grid { gap: 24px; }
}
@media (prefers-reduced-motion: reduce) {
.pn-diwali *,
.pn-diwali *::before,
.pn-diwali *::after {
animation: none !important;
transition: none !important;
}
html { scroll-behavior: auto; }
}
.pn-property-visual img.pn-project-cover { width:100%; height:185px; object-fit:cover; display:block; }
.pn-property-link:hover { text-decoration: underline; }
✦
✧
✦
✧
✨ Property Network Wishes You ✨
Happy Diwali!
May this Festival of Lights bring happiness, prosperity,
new beginnings and the joy of finding your dream home.
Naye Sapne, Naya Ghar, Nayi Shuruaat!
🪔
🪔
🪔
PROPERTY NETWORK
Navi Mumbai Real Estate
Find a place to call home.
Discover residential flats, commercial properties and new projects
across Navi Mumbai. Get guidance to explore options that suit your
budget, location and property goals.
Explore Opportunities
\<h2
Featured Properties
Explore property opportunities for living, business and investment. Contact our team for current availability, prices and site visits.
Your Real Estate Journey, Made Simple.
We deliver transparent transactions and a seamless buying experience.
Verified Properties
Background and structural checks so you can buy with confidence.
Seamless Buying
We handle the paperwork and negotiations for a stress-free experience.
Expert Support
Dedicated guidance tailored to your needs and budget.
.pn-features {
text-align: center;
padding: 40px 20px;
background-color: #111111;
}
.pn-features h2 {
color: var(--gold);
font-size: 36px;
margin-bottom: 15px;
}
.pn-features p {
color: #ffffff;
font-size: 16px;
margin-bottom: 40px;
}
.features-grid {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.feature-box {
background: #1e1e1e;
padding: 30px;
border: 1px solid var(--gold);
border-radius: 8px;
flex: 1;
min-width: 250px;
max-width: 350px;
}
.feature-box .icon {
margin-bottom: 20px;
}
.feature-box h3 {
color: var(--gold);
font-size: 22px;
margin-bottom: 15px;
}
.feature-box p {
color: #cccccc;
font-size: 14px;
line-height: 1.6;
margin-bottom: 0;
}
(function () {
const form = document.getElementById('pn-search-form');
if (form) {
form.addEventListener('submit', function (event) {
event.preventDefault();
const purpose = document.getElementById('pn-purpose').value;
const type = document.getElementById('pn-type').value;
const location = document.getElementById('pn-location').value;
const message =
'Hi Property Network, I am looking for a property.' +
'\nPurpose: ' + purpose +
'\nProperty type: ' + type +
'\nPreferred location: ' + location +
'\nPlease share available options.';
const url = 'https://wa.me/918355842339?text=' +
encodeURIComponent(message);
window.open(url, '_blank', 'noopener,noreferrer');
});
}
document.querySelectorAll('[data-enquiry]').forEach(function (link) {
link.addEventListener('click', function () {
const property = link.getAttribute('data-enquiry');
const contact = document.getElementById('contact');
if (contact) {
const whatsapp = contact.querySelector('a[href*="wa.me"]');
if (whatsapp) {
whatsapp.href =
'https://wa.me/918355842339?text=' +
encodeURIComponent(
'Hi Property Network, I am interested in ' +
property + '. Please share details.'
);
}
}
});
});
})();
