01
Concept 01
Residential & investment plots · Murree
Own your place
in the mountains.
Premium residential plots for your dream home, vacation retreat, chalet or hospitality investment.
Union Council Musyari, Murree
Near Murree Expressway · Opposite Ramada Hotel · Lash Valley
20–30 ft roads
Water system
Sewerage
Street lights
Easy installments
Previous plot deliveries
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-loc-wrapper {
width: 100%;
background-color: #f5f2ea;
padding: 45px 24px 50px;
box-sizing: border-box;
font-family: 'DM Sans', inherit, sans-serif;
}
.naltar-loc-inner {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 60px;
align-items: stretch;
}
/* ---------- Left column ---------- */
.naltar-loc-text {
max-width: 520px;
}
.naltar-loc-eyebrow {
display: flex;
align-items: center;
gap: 14px;
color: #c5a059;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
margin-bottom: 14px;
}
.naltar-loc-eyebrow::before {
content: "";
width: 36px;
height: 1px;
background-color: #c5a059;
}
.naltar-loc-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(30px, 3.4vw, 48px);
line-height: 1.05;
letter-spacing: -0.01em;
color: #0d2818;
margin: 0 0 16px;
}
.naltar-loc-desc {
color: #5f6e65;
font-size: 16px;
line-height: 1.6;
margin: 0 0 26px;
}
.naltar-loc-features {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 22px;
border-top: 1px solid rgba(13, 40, 24, 0.15);
}
.naltar-loc-feat {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 11px 0;
border-bottom: 1px solid rgba(13, 40, 24, 0.15);
color: #0d2818;
font-size: 14px;
line-height: 1.4;
cursor: default;
}
.naltar-loc-feat span.num {
flex: 0 0 auto;
color: #9a8f78;
font-size: 11px;
line-height: 2;
}
.naltar-loc-note {
color: #8a8f87;
font-size: 12px;
line-height: 1.6;
margin: 12px 0 0;
}
/* ---------- Right column ---------- */
.naltar-loc-media {
position: relative;
padding-bottom: 42px;
display: flex;
flex-direction: column;
}
.naltar-loc-photo {
width: 100%;
flex: 1 1 auto;
min-height: 320px;
background-color: #0d2818;
background-image: linear-gradient(160deg, #1d4a30 0%, #0d2818 100%);
background-size: cover;
background-position: center;
}
.naltar-loc-card {
position: absolute;
left: -50px;
bottom: 0;
width: 81%;
box-sizing: border-box;
background-color: #0d2818;
padding: 22px 28px 18px;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
.naltar-loc-card-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: 24px;
letter-spacing: 0.02em;
color: #c5a059;
margin: 0 0 16px;
}
.naltar-loc-track,
.naltar-loc-labels {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.naltar-loc-track {
position: relative;
}
.naltar-loc-track::before {
content: "";
position: absolute;
left: 4px;
right: 4px;
top: 50%;
height: 1px;
background-color: rgba(197, 160, 89, 0.55);
}
.naltar-loc-dot {
position: relative;
width: 9px;
height: 9px;
border-radius: 50%;
border: 1px solid #ffffff;
background-color: #0d2818;
box-sizing: border-box;
}
.naltar-loc-dot.start { justify-self: start; }
.naltar-loc-dot.end { justify-self: end; }
.naltar-loc-dot.mid {
width: 18px;
height: 18px;
border: 3px solid #c5a059;
}
.naltar-loc-labels {
margin-top: 8px;
font-size: 11px;
color: #c5a059;
}
.naltar-loc-labels .l { justify-self: start; }
.naltar-loc-labels .c { justify-self: center; color: #ffffff; font-weight: 700; font-size: 12px; padding: 0 18px; }
.naltar-loc-labels .r { justify-self: end; }
.naltar-loc-card-note {
margin: 16px 0 0;
font-size: 10.5px;
color: rgba(197, 160, 89, 0.85);
}
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-loc-wrapper { padding: 30px 20px 35px; }
.naltar-loc-inner { grid-template-columns: 1fr; gap: 30px; }
.naltar-loc-text { max-width: 100%; }
.naltar-loc-card { left: 16px; width: calc(100% - 32px); }
.naltar-loc-media { padding-bottom: 35px; }
.naltar-loc-photo { flex: none; height: 380px; }
}
@media (max-width: 520px) {
.naltar-loc-features { grid-template-columns: 1fr; }
.naltar-loc-desc { font-size: 15px; }
.naltar-loc-card { padding: 18px 20px 16px; }
.naltar-loc-card-title { font-size: 22px; }
}
The Location
A beautiful place to build something of your own
Set in the mountain environment of Union Council Musyari, around Murree Expressway and opposite Ramada Hotel in the Lash Valley area.
01
Scenic mountain setting
02
Cool, pleasant summers
03
Snowfall during the season
04
Access through Murree Expressway
05
Peaceful surroundings
06
Made for mountain living
Exact access details and site boundaries are subject to confirmation during a guided visit.
Lash Valley area
Murree Expressway
Musyari
Ramada Hotel
Refined location visualization · Not to scale
More than just land
Imagine your life here
A place shaped around weekends away, family milestones, quiet mornings and ideas with room to grow.
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-life-wrapper {
width: 100%;
background-color: #0d2818; /* Alpine Green */
padding: 50px 24px 60px;
box-sizing: border-box;
font-family: 'DM Sans', inherit, sans-serif;
}
.naltar-life-inner {
max-width: 1300px;
margin: 0 auto;
}
/* ---------- Cards ---------- */
.naltar-life-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.naltar-life-card {
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(197, 160, 89, 0.3);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
cursor: default;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* Hover only (cards are not clickable) */
.naltar-life-card:hover {
transform: translateY(-6px);
border-color: #c5a059;
box-shadow: 0 10px 28px rgba(197, 160, 89, 0.3);
}
.naltar-life-img {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background-color: #08190f;
}
.naltar-life-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.naltar-life-card:hover .naltar-life-img img {
transform: scale(1.07);
}
.naltar-life-img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(13, 40, 24, 0.55) 0%, rgba(13, 40, 24, 0) 55%);
pointer-events: none;
}
.naltar-life-num {
position: absolute;
top: 14px;
left: 14px;
z-index: 2;
min-width: 38px;
padding: 6px 12px;
text-align: center;
box-sizing: border-box;
background-color: #0d2818;
color: #c5a059;
border: 1px solid #c5a059;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
transition: all 0.3s ease;
}
.naltar-life-card:hover .naltar-life-num {
background-color: #c5a059;
color: #0d2818;
}
.naltar-life-body {
padding: 20px 24px 24px;
}
.naltar-life-card-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 400;
font-size: 26px;
line-height: 1.15;
color: #ffffff;
margin: 0 0 8px;
transition: color 0.3s ease;
}
.naltar-life-card:hover .naltar-life-card-title {
color: #c5a059;
}
.naltar-life-card-text {
color: rgba(255, 255, 255, 0.72);
font-size: 14px;
line-height: 1.65;
margin: 0;
}
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-life-wrapper { padding: 40px 20px 50px; }
.naltar-life-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 600px) {
.naltar-life-grid { grid-template-columns: 1fr; }
.naltar-life-body { padding: 18px 20px 22px; }
}
01
02
03
04
05
06
01
Family retreat
Create a private mountain escape for weekends, holidays and unforgettable evenings together.
02
Vacation home
Build a home away from the city—surrounded by nature, cool weather and mountain views.
03
Mountain chalet
Turn your plot into a beautiful chalet designed around your lifestyle.
04
Hospitality / Airbnb
Explore short-term accommodation, subject to applicable permissions and regulations.
05
Private residence
Build your own peaceful mountain residence for long-term personal use.
06
Future investment
Own the land today and decide later how you want to develop it.
-Plot Opportunity-
Choose the space that fits your vision
A clear, installment-based path to land ownership. Select a plot size to explore the supplied rate card.
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-plan-wrapper {
width: 100%;
background-color: #ffffff;
padding: 60px 24px 70px;
box-sizing: border-box;
font-family: 'DM Sans', inherit, sans-serif;
}
.naltar-plan-wrapper *,
.naltar-plan-wrapper *::before,
.naltar-plan-wrapper *::after {
box-sizing: border-box;
}
.naltar-plan-inner {
max-width: 1300px;
margin: 0 auto;
}
.naltar-plan-serif {
font-family: 'Cormorant Garamond', Georgia, serif;
font-feature-settings: "lnum" 1;
}
/* ---------- Tabs ---------- */
.naltar-plan-tabs {
display: flex;
flex-direction: row;
border-bottom: 1px solid rgba(13, 40, 24, 0.15);
margin-bottom: 0;
}
.naltar-plan-tab {
flex: 1;
position: relative;
background: transparent;
border: 0;
padding: 20px 14px 18px;
font-family: inherit;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(13, 40, 24, 0.55);
cursor: pointer;
white-space: nowrap;
transition: color 0.3s ease;
}
.naltar-plan-tab::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background-color: #c5a059;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-plan-tab:hover { color: #0d2818; }
.naltar-plan-tab.is-active { color: #0d2818; }
.naltar-plan-tab.is-active::after,
.naltar-plan-tab:hover::after { transform: scaleX(1); }
/* ---------- Main panel ---------- */
.naltar-plan-panel {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
background-color: #0d2818; /* Alpine Green */
background-image:
radial-gradient(circle at 12% 0%, rgba(197, 160, 89, 0.13), transparent 55%),
radial-gradient(circle at 100% 100%, rgba(197, 160, 89, 0.07), transparent 50%);
border: 1px solid rgba(197, 160, 89, 0.4);
box-shadow: 0 25px 60px rgba(13, 40, 24, 0.35);
margin-top: 24px;
position: relative;
}
/* gold corner accents */
.naltar-plan-panel::before,
.naltar-plan-panel::after {
content: "";
position: absolute;
width: 26px;
height: 26px;
border: 2px solid #c5a059;
pointer-events: none;
}
.naltar-plan-panel::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.naltar-plan-panel::after { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }
.naltar-plan-swap {
transition: opacity 0.28s ease, transform 0.28s ease;
}
.naltar-plan-panel.is-swapping .naltar-plan-swap {
opacity: 0;
transform: translateY(10px);
}
/* Left */
.naltar-plan-left {
padding: 44px 48px;
display: flex;
flex-direction: column;
justify-content: center;
}
.naltar-plan-eyebrow {
display: flex;
align-items: center;
gap: 14px;
color: #c5a059;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
margin-bottom: 18px;
}
.naltar-plan-eyebrow::before {
content: "";
width: 32px;
height: 1px;
background-color: #c5a059;
}
.naltar-plan-name {
font-weight: 300;
font-size: clamp(40px, 4.6vw, 66px);
line-height: 1.04;
letter-spacing: -0.01em;
color: #ffffff;
margin: 0 0 18px;
}
.naltar-plan-rate {
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin: 0 0 28px;
}
.naltar-plan-rate span {
color: rgba(255, 255, 255, 0.55);
font-weight: 400;
font-size: 15px;
}
.naltar-plan-btn {
align-self: flex-start;
display: inline-flex;
align-items: center;
gap: 16px;
background-color: #ffffff;
color: #0d2818 !important;
border: 1px solid #ffffff;
padding: 16px 28px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-plan-btn svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 0.3s ease;
}
.naltar-plan-btn:hover {
background-color: #c5a059;
border-color: #c5a059;
transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(197, 160, 89, 0.35);
}
.naltar-plan-btn:hover svg { transform: translateX(5px); }
/* Right: stats */
.naltar-plan-stats {
display: grid;
grid-template-columns: 1fr 1fr;
border-left: 1px solid rgba(197, 160, 89, 0.22);
}
.naltar-plan-stat {
padding: 34px 40px;
min-height: 150px;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid rgba(197, 160, 89, 0.22);
transition: background-color 0.3s ease;
}
.naltar-plan-stat:nth-child(odd) { border-right: 1px solid rgba(197, 160, 89, 0.22); }
.naltar-plan-stat:nth-child(n+3) { border-bottom: 0; }
.naltar-plan-stat:hover { background-color: rgba(197, 160, 89, 0.06); }
.naltar-plan-stat-label {
color: rgba(255, 255, 255, 0.58);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
margin-bottom: 12px;
}
.naltar-plan-stat-value {
font-weight: 400;
font-size: clamp(26px, 2.6vw, 36px);
line-height: 1.1;
color: #ffffff;
margin: 0;
}
.naltar-plan-stat.is-total .naltar-plan-stat-value { color: #c5a059; }
/* Payment structure bar (spans full width of panel) */
.naltar-plan-structure {
grid-column: 1 / -1;
border-top: 1px solid rgba(197, 160, 89, 0.22);
padding: 22px 48px 26px;
}
.naltar-plan-bar {
display: flex;
height: 6px;
gap: 4px;
margin-bottom: 14px;
}
.naltar-plan-bar span {
display: block;
height: 100%;
transition: width 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-plan-bar .s1 { background-color: #c5a059; }
.naltar-plan-bar .s2 { background-color: rgba(197, 160, 89, 0.55); }
.naltar-plan-bar .s3 { background-color: rgba(197, 160, 89, 0.25); }
.naltar-plan-legend {
display: flex;
flex-wrap: wrap;
gap: 8px 36px;
color: rgba(255, 255, 255, 0.68);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.naltar-plan-legend b { color: #c5a059; font-weight: 700; margin-right: 6px; }
/* ---------- Plot cards ---------- */
.naltar-plan-cards {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
margin-top: 28px;
}
.naltar-plan-card {
position: relative;
text-align: left;
font-family: inherit;
background-color: transparent;
border: 1px solid rgba(13, 40, 24, 0.2);
padding: 24px 24px 22px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-plan-card:hover {
border-color: #c5a059;
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(197, 160, 89, 0.22);
}
.naltar-plan-card.is-active {
background-color: #f5f2ea;
border-color: #c5a059;
border-top: 3px solid #c5a059;
padding-top: 22px;
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(13, 40, 24, 0.16);
}
.naltar-plan-card-name {
color: #0d2818;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 18px;
}
.naltar-plan-card-price {
color: #0d2818;
font-size: 24px;
font-weight: 400;
line-height: 1.1;
margin: 0 0 8px;
}
.naltar-plan-card-sub {
color: rgba(13, 40, 24, 0.5);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0;
}
.naltar-plan-badge {
position: absolute;
top: -12px;
right: 16px;
background-color: #c5a059;
color: #0d2818;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 6px 12px;
}
.naltar-plan-tab:focus-visible,
.naltar-plan-card:focus-visible,
.naltar-plan-btn:focus-visible {
outline: 2px solid #c5a059;
outline-offset: 3px;
}
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-plan-wrapper { padding: 40px 16px 50px; }
.naltar-plan-tabs {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.naltar-plan-tabs::-webkit-scrollbar { display: none; }
.naltar-plan-tab { flex: 0 0 auto; padding: 16px 20px 14px; }
.naltar-plan-panel { grid-template-columns: 1fr; margin-top: 18px; }
.naltar-plan-left { padding: 34px 28px; }
.naltar-plan-stats { border-left: 0; border-top: 1px solid rgba(197, 160, 89, 0.22); }
.naltar-plan-stat { padding: 26px 28px; min-height: 120px; }
.naltar-plan-structure { padding: 20px 28px 24px; }
.naltar-plan-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 12px; margin-top: 30px; }
}
@media (max-width: 560px) {
.naltar-plan-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.naltar-plan-card { padding: 20px 16px 18px; }
.naltar-plan-card.is-active { padding-top: 18px; }
.naltar-plan-card-price { font-size: 20px; }
.naltar-plan-stat { padding: 22px 18px; }
.naltar-plan-stat-label { font-size: 10px; letter-spacing: 0.12em; }
.naltar-plan-left { padding: 30px 22px; }
.naltar-plan-structure { padding: 18px 22px 22px; }
.naltar-plan-btn { padding: 14px 22px; }
}
(function () {
var root = document.getElementById('naltar-plans');
if (!root) return;
var plans = [
{ name: '3 Marla', rate: 600000, total: 1800000, down: 450000, monthly: 27000, biannual: 90000 },
{ name: '5 Marla', rate: 500000, total: 2500000, down: 625000, monthly: 37500, biannual: 125000, popular: true },
{ name: '7 Marla', rate: 500000, total: 3500000, down: 875000, monthly: 52500, biannual: 175000 },
{ name: '10 Marla', rate: 500000, total: 5000000, down: 1250000, monthly: 75000, biannual: 250000 },
{ name: '20 Marla / 1 Kanal', rate: 500000, total: 10000000, down: 2500000, monthly: 150000, biannual: 500000 }
];
var DEFAULT_INDEX = 1; // 5 Marla (popular choice). Change to 0 to start on 3 Marla.
function money(n) { return 'PKR ' + n.toLocaleString('en-US'); }
var tabsEl = root.querySelector('.naltar-plan-tabs');
var cardsEl = root.querySelector('.naltar-plan-cards');
var panel = root.querySelector('.naltar-plan-panel');
var bars = panel.querySelectorAll('.naltar-plan-bar span');
var field = function (k) { return panel.querySelector('[data-f="' + k + '"]'); };
var tabBtns = [], cardBtns = [], current = -1, timer = null;
plans.forEach(function (p, i) {
var t = document.createElement('button');
t.type = 'button';
t.className = 'naltar-plan-tab';
t.setAttribute('role', 'tab');
t.textContent = p.name;
t.addEventListener('click', function () { select(i, true); });
tabsEl.appendChild(t);
tabBtns.push(t);
var c = document.createElement('button');
c.type = 'button';
c.className = 'naltar-plan-card';
c.innerHTML =
(p.popular ? 'Popular choice' : '') +
'
Total price
25% Down payment
30 Monthly installments
6 Bi-annual payments
Down payment
Monthly installments
Bi-annual payments
' + p.name + '
' + '' + money(p.total) + '
' + 'Total price
'; c.addEventListener('click', function () { select(i, true); }); cardsEl.appendChild(c); cardBtns.push(c); }); function render(i) { var p = plans[i]; field('name').textContent = p.name; field('rate').textContent = money(p.rate); field('total').textContent = money(p.total); field('down').textContent = money(p.down); field('monthly').textContent = money(p.monthly); field('biannual').textContent = money(p.biannual); var d = Math.round(p.down / p.total * 100); var m = Math.round(p.monthly * 30 / p.total * 100); var b = 100 - d - m; field('p1').textContent = d + '%'; field('p2').textContent = m + '%'; field('p3').textContent = b + '%'; bars[0].style.width = d + '%'; bars[1].style.width = m + '%'; bars[2].style.width = b + '%'; tabBtns.forEach(function (el, k) { var on = k === i; el.classList.toggle('is-active', on); el.setAttribute('aria-selected', on ? 'true' : 'false'); }); cardBtns.forEach(function (el, k) { el.classList.toggle('is-active', k === i); el.setAttribute('aria-pressed', k === i ? 'true' : 'false'); }); } function select(i, animate) { if (i === current) return; current = i; if (!animate) { render(i); return; } clearTimeout(timer); panel.classList.add('is-swapping'); timer = setTimeout(function () { render(i); panel.classList.remove('is-swapping'); }, 220); // update highlight instantly so the click feels responsive tabBtns.forEach(function (el, k) { el.classList.toggle('is-active', k === i); }); cardBtns.forEach(function (el, k) { el.classList.toggle('is-active', k === i); }); } select(DEFAULT_INDEX, false); })();
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-own-wrapper {
width: 100%;
background-color: #0d2818; /* Alpine Green */
background-image:
radial-gradient(circle at 8% 0%, rgba(197, 160, 89, 0.12), transparent 50%),
radial-gradient(circle at 100% 100%, rgba(197, 160, 89, 0.07), transparent 45%);
padding: 60px 24px 64px;
box-sizing: border-box;
font-family: 'DM Sans', inherit, sans-serif;
}
.naltar-own-wrapper *,
.naltar-own-wrapper *::before,
.naltar-own-wrapper *::after {
box-sizing: border-box;
}
.naltar-own-inner {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 70px;
align-items: center;
}
/* ---------- Left ---------- */
.naltar-own-text { max-width: 580px; }
.naltar-own-eyebrow {
display: flex;
align-items: center;
gap: 14px;
color: #c5a059;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
margin-bottom: 14px;
}
.naltar-own-eyebrow::before {
content: "";
width: 36px;
height: 1px;
background-color: #c5a059;
}
.naltar-own-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(34px, 4vw, 58px);
line-height: 1.05;
letter-spacing: -0.01em;
color: #ffffff;
margin: 0 0 20px;
}
.naltar-own-desc {
color: rgba(255, 255, 255, 0.74);
font-size: 16px;
line-height: 1.7;
margin: 0 0 26px;
}
.naltar-own-note {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 10px;
padding-top: 20px;
border-top: 1px solid rgba(197, 160, 89, 0.25);
margin: 0;
color: #ffffff;
font-size: 15px;
font-weight: 500;
}
.naltar-own-note span {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
font-weight: 400;
}
/* ---------- Stats ---------- */
.naltar-own-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border: 1px solid rgba(197, 160, 89, 0.4);
background-color: rgba(255, 255, 255, 0.02);
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3);
}
.naltar-own-stat {
text-align: center;
padding: 46px 12px 40px;
cursor: default;
transition: background-color 0.3s ease;
}
.naltar-own-stat + .naltar-own-stat {
border-left: 1px solid rgba(197, 160, 89, 0.25);
}
/* Hover only (not clickable) */
.naltar-own-stat:hover { background-color: rgba(197, 160, 89, 0.08); }
.naltar-own-num {
font-family: 'Cormorant Garamond', Georgia, serif;
font-feature-settings: "lnum" 1;
font-weight: 300;
font-size: clamp(44px, 4.6vw, 68px);
line-height: 1;
color: #ffffff;
margin: 0 0 18px;
transition: color 0.3s ease, transform 0.3s ease;
}
.naltar-own-num sup {
font-size: 0.34em;
color: #c5a059;
vertical-align: top;
position: relative;
top: 0.35em;
margin-left: 3px;
}
.naltar-own-stat:hover .naltar-own-num {
color: #c5a059;
transform: translateY(-3px);
}
.naltar-own-label {
color: rgba(255, 255, 255, 0.62);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
line-height: 1.5;
}
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-own-wrapper { padding: 40px 20px 44px; }
.naltar-own-inner { grid-template-columns: 1fr; gap: 34px; }
.naltar-own-text { max-width: 100%; }
}
@media (max-width: 520px) {
.naltar-own-desc { font-size: 15px; }
.naltar-own-stat { padding: 30px 6px 26px; }
.naltar-own-label { font-size: 9px; letter-spacing: 0.1em; }
}
(function () {
var section = document.getElementById('easy-ownership');
if (!section || !('IntersectionObserver' in window)) return;
var nums = section.querySelectorAll('[data-count]');
var done = false;
function pad(n, len) { n = String(n); while (n.length < len) n = '0' + n; return n; }
function run() {
if (done) return;
done = true;
nums.forEach(function (el) {
var target = parseInt(el.getAttribute('data-count'), 10);
var len = parseInt(el.getAttribute('data-pad') || '0', 10);
var start = null, dur = 1400;
function step(ts) {
if (!start) start = ts;
var t = Math.min((ts - start) / dur, 1);
var eased = 1 - Math.pow(1 - t, 3);
el.textContent = pad(Math.round(target * eased), len);
if (t < 1) requestAnimationFrame(step);
}
el.textContent = pad(0, len);
requestAnimationFrame(step);
});
}
new IntersectionObserver(function (entries, obs) {
entries.forEach(function (e) {
if (e.isIntersecting) { run(); obs.disconnect(); }
});
}, { threshold: 0.35 }).observe(section);
})();
Easy ownership
Make mountain ownership easier
The supplied rate card provides an installment-based purchase structure designed to spread payments over time.
Lump-sum payment discount may be available. Subject to confirmation.
25%
Down payment
30
Monthly installments
06
Bi-annual payments
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-jr-wrapper {
width: 100%;
background-color: #ffffff;
padding: 60px 24px 56px;
box-sizing: border-box;
font-family: 'DM Sans', inherit, sans-serif;
}
.naltar-jr-wrapper *,
.naltar-jr-wrapper *::before,
.naltar-jr-wrapper *::after {
box-sizing: border-box;
}
.naltar-jr-inner {
max-width: 1300px;
margin: 0 auto;
}
/* ---------- Header ---------- */
.naltar-jr-eyebrow {
display: flex;
align-items: center;
gap: 14px;
color: #c5a059;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
margin-bottom: 14px;
}
.naltar-jr-eyebrow::before {
content: "";
width: 36px;
height: 1px;
background-color: #c5a059;
}
.naltar-jr-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(34px, 4vw, 56px);
line-height: 1.05;
letter-spacing: -0.01em;
color: #0d2818; /* Alpine Green */
margin: 0 0 16px;
max-width: 720px;
}
.naltar-jr-sub {
color: #5f6e65;
font-size: 17px;
line-height: 1.6;
margin: 0 0 48px;
}
/* ---------- Steps ---------- */
.naltar-jr-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0 36px;
}
.naltar-jr-step {
cursor: default;
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-jr-num {
color: #c5a059;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.14em;
margin-bottom: 18px;
}
.naltar-jr-track {
position: relative;
display: flex;
align-items: center;
height: 14px;
margin-bottom: 30px;
}
.naltar-jr-dot {
position: relative;
z-index: 2;
flex: 0 0 auto;
width: 13px;
height: 13px;
border-radius: 50%;
border: 2px solid #c5a059;
background-color: #ffffff;
transition: all 0.3s ease;
}
.naltar-jr-line {
position: relative;
flex: 1 1 auto;
height: 1px;
background-color: rgba(13, 40, 24, 0.16);
margin-left: 4px;
overflow: hidden;
}
.naltar-jr-line i {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #c5a059;
transform-origin: left center;
transition: transform 1.1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* Draw-in animation only when JS is available */
.naltar-jr-wrapper.is-js .naltar-jr-line i { transform: scaleX(0); }
.naltar-jr-wrapper.is-js.is-in .naltar-jr-line i { transform: scaleX(1); }
.naltar-jr-wrapper.is-js.is-in .naltar-jr-step:nth-child(2) .naltar-jr-line i { transition-delay: 0.25s; }
.naltar-jr-wrapper.is-js.is-in .naltar-jr-step:nth-child(3) .naltar-jr-line i { transition-delay: 0.5s; }
.naltar-jr-wrapper.is-js.is-in .naltar-jr-step:nth-child(4) .naltar-jr-line i { transition-delay: 0.75s; }
.naltar-jr-step-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 400;
font-size: 27px;
line-height: 1.15;
color: #0d2818;
margin: 0 0 10px;
transition: color 0.3s ease;
}
.naltar-jr-step-text {
color: #5f6e65;
font-size: 14.5px;
line-height: 1.7;
margin: 0;
max-width: 300px;
}
/* Hover only (not clickable) */
.naltar-jr-step:hover { transform: translateY(-4px); }
.naltar-jr-step:hover .naltar-jr-dot {
background-color: #c5a059;
box-shadow: 0 0 0 5px rgba(197, 160, 89, 0.2);
}
.naltar-jr-step:hover .naltar-jr-step-title { color: #c5a059; }
/* ---------- Footnote ---------- */
.naltar-jr-note {
margin: 40px 0 0;
padding-top: 18px;
border-top: 1px solid rgba(13, 40, 24, 0.12);
color: #8a8f87;
font-size: 12px;
line-height: 1.6;
}
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-jr-wrapper { padding: 40px 20px 44px; }
.naltar-jr-sub { margin-bottom: 34px; }
.naltar-jr-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px; }
.naltar-jr-step-text { max-width: 100%; }
.naltar-jr-note { margin-top: 34px; }
}
@media (max-width: 600px) {
.naltar-jr-sub { font-size: 15px; }
.naltar-jr-steps { grid-template-columns: 1fr; gap: 0; }
/* vertical timeline on phones */
.naltar-jr-step {
position: relative;
padding: 0 0 30px 32px;
margin-left: 6px;
border-left: 1px solid rgba(13, 40, 24, 0.16);
}
.naltar-jr-step:last-child { padding-bottom: 6px; border-left-color: transparent; }
.naltar-jr-step::before {
content: "";
position: absolute;
left: -7px;
top: 0;
width: 13px;
height: 13px;
border-radius: 50%;
border: 2px solid #c5a059;
background-color: #ffffff;
transition: background-color 0.3s ease;
}
.naltar-jr-step:hover { transform: none; }
.naltar-jr-step:hover::before { background-color: #c5a059; }
.naltar-jr-track { display: none; }
.naltar-jr-num { margin: 0 0 8px; line-height: 13px; }
.naltar-jr-step-title { font-size: 25px; }
}
(function () {
var section = document.getElementById('the-journey');
if (!section) return;
var wrap = section;
wrap.classList.add('is-js');
if (!('IntersectionObserver' in window)) { wrap.classList.add('is-in'); return; }
new IntersectionObserver(function (entries, obs) {
entries.forEach(function (e) {
if (e.isIntersecting) { wrap.classList.add('is-in'); obs.disconnect(); }
});
}, { threshold: 0.3 }).observe(section);
})();
The Journey
A flexible path to ownership
A considered route from selecting your land to shaping what comes next.
01
Book your plot
Select the size that fits your budget and vision.
02
Reach 50% payment
Transfer / intiqal may be processed according to applicable documentation and project procedure.
03
Choose your next step
Transfer and complete payment, or take possession at the applicable milestone and continue under agreed terms.
04
Build your vision
Explore a mountain home, vacation retreat, chalet, hut, hospitality concept or private residence.
This timeline presents the supplied sales arrangement and is not an unconditional legal guarantee. All milestones are subject to applicable documentation, agreed terms and project procedure.
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-inf-wrapper {
width: 100%;
background-color: #0d2818; /* Alpine Green */
background-image:
radial-gradient(circle at 8% 0%, rgba(197, 160, 89, 0.12), transparent 50%),
radial-gradient(circle at 100% 100%, rgba(197, 160, 89, 0.07), transparent 45%);
padding: 60px 24px 66px;
box-sizing: border-box;
font-family: 'DM Sans', inherit, sans-serif;
}
.naltar-inf-wrapper *,
.naltar-inf-wrapper *::before,
.naltar-inf-wrapper *::after {
box-sizing: border-box;
}
.naltar-inf-inner {
max-width: 1300px;
margin: 0 auto;
}
/* ---------- Header ---------- */
.naltar-inf-eyebrow {
display: flex;
align-items: center;
gap: 14px;
color: #c5a059;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
margin-bottom: 14px;
}
.naltar-inf-eyebrow::before {
content: "";
width: 36px;
height: 1px;
background-color: #c5a059;
}
.naltar-inf-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(34px, 4vw, 56px);
line-height: 1.05;
letter-spacing: -0.01em;
color: #ffffff;
margin: 0 0 40px;
max-width: 760px;
}
/* ---------- Cards ---------- */
.naltar-inf-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 16px;
}
.naltar-inf-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 230px;
padding: 26px 24px 28px;
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(197, 160, 89, 0.3);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
overflow: hidden;
cursor: default;
transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* gold accent line along the bottom */
.naltar-inf-card::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-color: #0d2818;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* soft gold glow in the corner */
.naltar-inf-card::before {
content: "";
position: absolute;
top: -60px;
right: -60px;
width: 150px;
height: 150px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
}
/* Hover only (not clickable) */
.naltar-inf-card:hover {
transform: translateY(-8px);
background-color: #c5a059;
border-color: #c5a059;
box-shadow: 0 18px 40px rgba(197, 160, 89, 0.35);
}
.naltar-inf-card:hover::after { transform: scaleX(1); }
.naltar-inf-card:hover::before { opacity: 1; }
.naltar-inf-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
z-index: 1;
}
.naltar-inf-icon {
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 50%;
border: 1px solid #c5a059;
background-color: transparent;
transition: all 0.35s ease;
}
.naltar-inf-icon svg {
width: 24px;
height: 24px;
fill: none;
stroke: #c5a059;
stroke-width: 1.4;
stroke-linecap: round;
stroke-linejoin: round;
transition: stroke 0.35s ease;
}
.naltar-inf-card:hover .naltar-inf-icon {
background-color: #0d2818;
border-color: #0d2818;
box-shadow: 0 0 0 5px rgba(13, 40, 24, 0.18);
}
.naltar-inf-card:hover .naltar-inf-icon svg { stroke: #c5a059; }
.naltar-inf-idx {
color: rgba(255, 255, 255, 0.35);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
transition: color 0.3s ease;
}
.naltar-inf-card:hover .naltar-inf-idx { color: #0d2818; }
.naltar-inf-name {
position: relative;
z-index: 1;
font-family: 'Cormorant Garamond', Georgia, serif;
font-feature-settings: "lnum" 1;
font-weight: 400;
font-size: 24px;
line-height: 1.15;
color: #ffffff;
margin: 36px 0 0;
transition: color 0.3s ease;
}
.naltar-inf-card:hover .naltar-inf-name { color: #0d2818; }
/* Reveal animation only when JS is available */
.naltar-inf-wrapper.is-js .naltar-inf-card {
opacity: 0;
transform: translateY(24px);
}
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card {
opacity: 1;
transform: translateY(0);
}
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:hover { transform: translateY(-8px); }
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:nth-child(1) { transition-delay: 0s; }
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:nth-child(2) { transition-delay: 0.08s; }
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:nth-child(3) { transition-delay: 0.16s; }
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:nth-child(4) { transition-delay: 0.24s; }
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:nth-child(5) { transition-delay: 0.32s; }
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:nth-child(6) { transition-delay: 0.4s; }
.naltar-inf-wrapper.is-js.is-in .naltar-inf-card:hover { transition-delay: 0s; }
/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
.naltar-inf-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.naltar-inf-card { min-height: 210px; }
}
@media (max-width: 992px) {
.naltar-inf-wrapper { padding: 40px 20px 46px; }
.naltar-inf-title { margin-bottom: 30px; }
}
@media (max-width: 560px) {
.naltar-inf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.naltar-inf-card { min-height: 190px; padding: 20px 16px 22px; }
.naltar-inf-icon { width: 46px; height: 46px; }
.naltar-inf-icon svg { width: 21px; height: 21px; }
.naltar-inf-name { font-size: 21px; margin-top: 26px; }
}
(function () {
var section = document.getElementById('infrastructure');
if (!section) return;
section.classList.add('is-js');
if (!('IntersectionObserver' in window)) { section.classList.add('is-in'); return; }
new IntersectionObserver(function (entries, obs) {
entries.forEach(function (e) {
if (e.isIntersecting) { section.classList.add('is-in'); obs.disconnect(); }
});
}, { threshold: 0.2 }).observe(section);
})();
Infrastructure
Built for a better mountain living experience
01
20 Ft Paved Roads
02
25 Ft Paved Roads
03
30 Ft Paved Roads
04
Water System
05
Sewerage System
06
Street Lights
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-grow-wrapper {
width: 100%;
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
min-height: 520px;
background-color: #0d2818; /* Alpine Green */
font-family: 'DM Sans', inherit, sans-serif;
box-sizing: border-box;
overflow: hidden;
}
.naltar-grow-wrapper *,
.naltar-grow-wrapper *::before,
.naltar-grow-wrapper *::after {
box-sizing: border-box;
}
/* ---------- Image ---------- */
.naltar-grow-media {
position: relative;
overflow: hidden;
min-height: 320px;
}
.naltar-grow-photo {
position: absolute;
inset: 0;
background-image: url('https://rebc.com.pk/wp-content/uploads/2026/10/Firefly_Gemini-Flash_create-beautiful-vallye-view-of-lash-valley-murree-beautiful-valley-like-heaven-on-e-417121.webp');
background-size: cover;
background-position: center;
background-color: #1d4a30;
transition: transform 1.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-grow-wrapper:hover .naltar-grow-photo { transform: scale(1.05); }
/* soft fade into the green panel + gold edge line */
.naltar-grow-media::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(to left, rgba(13, 40, 24, 0.35) 0%, rgba(13, 40, 24, 0) 30%),
linear-gradient(to top, rgba(13, 40, 24, 0.25) 0%, rgba(13, 40, 24, 0) 40%);
pointer-events: none;
}
.naltar-grow-media::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 2px;
background-color: #c5a059;
z-index: 2;
}
/* ---------- Text panel ---------- */
.naltar-grow-panel {
position: relative;
display: flex;
align-items: center;
padding: 56px 64px;
background-image:
radial-gradient(circle at 100% 0%, rgba(197, 160, 89, 0.13), transparent 55%),
radial-gradient(circle at 0% 100%, rgba(197, 160, 89, 0.06), transparent 45%);
}
.naltar-grow-text { max-width: 600px; }
.naltar-grow-eyebrow {
display: flex;
align-items: center;
gap: 14px;
color: #c5a059;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
margin-bottom: 14px;
}
.naltar-grow-eyebrow::before {
content: "";
width: 36px;
height: 1px;
background-color: #c5a059;
}
.naltar-grow-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(34px, 3.8vw, 56px);
line-height: 1.05;
letter-spacing: -0.01em;
color: #ffffff;
margin: 0 0 22px;
}
.naltar-grow-desc {
color: rgba(255, 255, 255, 0.78);
font-size: 16px;
line-height: 1.7;
margin: 0 0 16px;
}
.naltar-grow-small {
color: rgba(255, 255, 255, 0.6);
font-size: 13.5px;
line-height: 1.7;
margin: 0 0 30px;
padding-top: 16px;
border-top: 1px solid rgba(197, 160, 89, 0.25);
}
.naltar-grow-btn {
display: inline-flex;
align-items: center;
gap: 16px;
color: #ffffff !important;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.85);
padding: 17px 30px;
font-family: inherit;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-grow-btn svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 0.3s ease;
}
.naltar-grow-btn:hover {
color: #0d2818 !important;
background-color: #c5a059;
border-color: #c5a059;
transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(197, 160, 89, 0.35);
}
.naltar-grow-btn:hover svg { transform: translateX(5px); }
.naltar-grow-btn:active { transform: translateY(-1px); }
.naltar-grow-btn:focus-visible {
outline: 2px solid #c5a059;
outline-offset: 3px;
}
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-grow-wrapper { grid-template-columns: 1fr; min-height: 0; }
.naltar-grow-media { min-height: 340px; }
.naltar-grow-media::before { top: auto; left: 0; width: auto; height: 2px; }
.naltar-grow-panel { padding: 40px 24px 46px; }
.naltar-grow-text { max-width: 100%; }
}
@media (max-width: 520px) {
.naltar-grow-media { min-height: 260px; }
.naltar-grow-desc { font-size: 15px; }
.naltar-grow-btn { padding: 15px 24px; }
}
A growing place
A place where people have already started building
According to the supplied project information, some plots previously sold through installment arrangements have been delivered, and some owners have started construction.
Visit the site to understand the land, surroundings and current on-ground context for yourself.
Arrange a site visitThe Murree Lifestyle
A place for every season
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-sea-wrapper {
width: 100%;
display: flex;
flex-direction: row;
height: 540px;
background-color: #0d2818; /* Alpine Green */
font-family: 'DM Sans', inherit, sans-serif;
box-sizing: border-box;
overflow: hidden;
}
.naltar-sea-wrapper *,
.naltar-sea-wrapper *::before,
.naltar-sea-wrapper *::after {
box-sizing: border-box;
}
/* ---------- Panels ---------- */
.naltar-sea-panel {
position: relative;
flex: 1 1 0;
min-width: 0;
overflow: hidden;
display: flex;
align-items: flex-end;
cursor: default;
transition: flex-grow 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-sea-panel + .naltar-sea-panel {
border-left: 2px solid #c5a059;
}
/* Hover only: hovered panel opens up a little */
.naltar-sea-wrapper:hover .naltar-sea-panel { flex-grow: 0.86; }
.naltar-sea-wrapper:hover .naltar-sea-panel:hover { flex-grow: 1.24; }
.naltar-sea-photo {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-color: #14301f;
transition: transform 1.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-sea-panel:hover .naltar-sea-photo { transform: scale(1.06); }
.naltar-sea-summer .naltar-sea-photo {
background-image: url('https://rebc.com.pk/wp-content/uploads/2026/10/Firefly_Gemini-Flash_create-a-panoramic-scene-of-murre-lush-green-land-with-tree-and-show-a-developed-wel-525458-1-scaled.webp');
}
.naltar-sea-winter .naltar-sea-photo {
background-image: url('https://rebc.com.pk/wp-content/uploads/2026/10/Firefly_Gemini-Flash_create-a-panoramic-scene-of-murre-snow-white-land-with-tree-and-show-a-developed-wel-525458-1-scaled.webp');
}
/* readable text overlay in the Alpine green tone */
.naltar-sea-panel::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top,
rgba(13, 40, 24, 0.88) 0%,
rgba(13, 40, 24, 0.55) 30%,
rgba(13, 40, 24, 0) 65%);
pointer-events: none;
transition: opacity 0.5s ease;
}
/* ---------- Text ---------- */
.naltar-sea-content {
position: relative;
z-index: 2;
width: 100%;
padding: 0 52px 46px;
}
.naltar-sea-tag {
display: flex;
align-items: center;
gap: 12px;
color: #c5a059;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 16px;
}
.naltar-sea-tag::after {
content: "";
width: 26px;
height: 1px;
background-color: #c5a059;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-sea-panel:hover .naltar-sea-tag::after { width: 70px; }
.naltar-sea-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(32px, 3.4vw, 50px);
line-height: 1.1;
color: #ffffff;
margin: 0 0 14px;
max-width: 520px;
transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-sea-text {
color: rgba(255, 255, 255, 0.82);
font-size: 16px;
line-height: 1.65;
margin: 0;
max-width: 480px;
}
.naltar-sea-panel:hover .naltar-sea-title { transform: translateY(-4px); }
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-sea-wrapper { flex-direction: column; height: auto; }
.naltar-sea-panel { flex: none; height: 400px; }
.naltar-sea-panel + .naltar-sea-panel { border-left: 0; border-top: 2px solid #c5a059; }
.naltar-sea-wrapper:hover .naltar-sea-panel,
.naltar-sea-wrapper:hover .naltar-sea-panel:hover { flex-grow: 0; }
.naltar-sea-content { padding: 0 28px 34px; }
}
@media (max-width: 520px) {
.naltar-sea-panel { height: 340px; }
.naltar-sea-content { padding: 0 22px 28px; }
.naltar-sea-text { font-size: 15px; }
}
01 / Summer
Green hills. Open-air evenings.
Cool climate, mountain walks, family time and fresh-air living.
02 / Winter
Snow outside. Warmth within.
Snowfall during the season and the comfort of a warm mountain home.
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-leg-wrapper {
--leg-text: #ffffff;
--leg-muted: rgba(255, 255, 255, 0.85);
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 24px;
background: transparent;
font-family: 'DM Sans', inherit, sans-serif;
box-sizing: border-box;
}
.naltar-leg-wrapper *,
.naltar-leg-wrapper *::before,
.naltar-leg-wrapper *::after {
box-sizing: border-box;
}
/* ---------- Glass card ---------- */
.naltar-leg-card {
position: relative;
z-index: 2;
width: 100%;
max-width: 900px;
padding: 32px 40px 30px;
text-align: center;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.05) 100%);
-webkit-backdrop-filter: blur(16px) saturate(140%);
backdrop-filter: blur(16px) saturate(140%);
border: 1px solid rgba(197, 160, 89, 0.45);
box-shadow:
0 12px 40px rgba(0, 0, 0, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
/* gold corner accents */
.naltar-leg-card::before,
.naltar-leg-card::after {
content: "";
position: absolute;
width: 22px;
height: 22px;
border: 2px solid #c5a059;
pointer-events: none;
}
.naltar-leg-card::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; }
.naltar-leg-card::after { bottom: -1px; right: -1px; border-left: 0; border-top: 0; }
.naltar-leg-eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
color: #c5a059;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 10px;
}
.naltar-leg-eyebrow::before {
content: "";
width: 30px;
height: 1px;
background-color: #c5a059;
}
.naltar-leg-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(24px, 3vw, 38px);
line-height: 1.1;
letter-spacing: -0.01em;
color: var(--leg-text);
margin: 0 auto 12px;
max-width: 680px;
}
.naltar-leg-desc {
color: var(--leg-muted);
font-size: 14px;
line-height: 1.6;
margin: 0 auto 24px;
max-width: 680px;
}
/* ---------- Steps ---------- */
.naltar-leg-steps {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.naltar-leg-step {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
cursor: default;
}
.naltar-leg-circle {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(197, 160, 89, 0.7);
background-color: rgba(255, 255, 255, 0.06);
color: #c5a059;
font-size: 12px;
font-weight: 500;
transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-leg-step:not(:last-child)::after {
content: "";
position: absolute;
top: 22px;
left: calc(50% + 30px);
width: calc(100% - 60px);
height: 1px;
background-color: rgba(197, 160, 89, 0.5);
transform-origin: left center;
transition: transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-leg-label {
margin-top: 10px;
color: var(--leg-text);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: color 0.3s ease;
}
.naltar-leg-step:hover .naltar-leg-circle {
background-color: #c5a059;
border-color: #c5a059;
color: #0d2818;
transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(197, 160, 89, 0.4);
}
.naltar-leg-step:hover .naltar-leg-label { color: #c5a059; }
.naltar-leg-wrapper.is-js .naltar-leg-circle { opacity: 0; transform: scale(0.8); }
.naltar-leg-wrapper.is-js .naltar-leg-label { opacity: 0; }
.naltar-leg-wrapper.is-js .naltar-leg-step::after { transform: scaleX(0); }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-circle { opacity: 1; transform: scale(1); }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-label { opacity: 1; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step::after { transform: scaleX(1); }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:hover .naltar-leg-circle { transform: translateY(-3px); }
.naltar-leg-wrapper.is-js .naltar-leg-circle,
.naltar-leg-wrapper.is-js .naltar-leg-label { transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(1) .naltar-leg-circle,
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(1) .naltar-leg-label { transition-delay: 0.1s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(2) .naltar-leg-circle,
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(2) .naltar-leg-label { transition-delay: 0.3s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(3) .naltar-leg-circle,
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(3) .naltar-leg-label { transition-delay: 0.5s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(4) .naltar-leg-circle,
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(4) .naltar-leg-label { transition-delay: 0.7s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(5) .naltar-leg-circle,
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(5) .naltar-leg-label { transition-delay: 0.9s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(6) .naltar-leg-circle,
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(6) .naltar-leg-label { transition-delay: 1.1s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:hover .naltar-leg-circle { transition-delay: 0s; transition-duration: 0.35s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(1)::after { transition-delay: 0.3s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(2)::after { transition-delay: 0.5s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(3)::after { transition-delay: 0.7s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(4)::after { transition-delay: 0.9s; }
.naltar-leg-wrapper.is-js.is-in .naltar-leg-step:nth-child(5)::after { transition-delay: 1.1s; }
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-leg-wrapper { padding: 24px 20px; }
.naltar-leg-card { padding: 28px 24px 26px; }
.naltar-leg-desc { margin-bottom: 22px; }
}
@media (max-width: 640px) {
.naltar-leg-wrapper { padding: 20px 14px; }
.naltar-leg-card { padding: 26px 16px 22px; }
.naltar-leg-desc { font-size: 13.5px; }
.naltar-leg-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 8px; }
.naltar-leg-step::after { display: none !important; }
.naltar-leg-circle { width: 40px; height: 40px; }
}
(function () {
var section = document.getElementById('legacy');
if (!section) return;
section.classList.add('is-js');
if (!('IntersectionObserver' in window)) { section.classList.add('is-in'); return; }
new IntersectionObserver(function (entries, obs) {
entries.forEach(function (e) {
if (e.isIntersecting) { section.classList.add('is-in'); obs.disconnect(); }
});
}, { threshold: 0.3 }).observe(section);
})();
Land · Home · Legacy
From a piece of land to a family legacy.
Today it can be a plot. Tomorrow it can be your mountain home. Later it can become a source of memories, hospitality income potential or a long-term family asset.
1Land
2Concept
3Construction
4Chalet
5Family
6Future
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-con-wrapper {
--con-text: #ffffff;
--con-muted: rgba(255, 255, 255, 0.85);
--con-gold: #c5a059;
--con-green: #0d2818;
position: relative;
width: 100%;
padding: 60px 24px;
background-color: #0d2818 !important;
background-image: none !important;
/* extends the green to full screen width if Elementor's container is narrower */
box-shadow: 0 0 0 100vmax #0d2818;
clip-path: inset(0 -100vmax);
font-family: 'DM Sans', inherit, sans-serif;
box-sizing: border-box;
}
.naltar-con-wrapper *,
.naltar-con-wrapper *::before,
.naltar-con-wrapper *::after { box-sizing: border-box; }
.naltar-con-inner { max-width: 1200px; margin: 0 auto; }
/* ---------- Heading ---------- */
.naltar-con-head { text-align: center; margin-bottom: 40px; }
.naltar-con-wrapper .naltar-con-eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
color: #c5a059 !important;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 10px;
}
.naltar-con-eyebrow::before,
.naltar-con-eyebrow::after {
content: "";
width: 30px;
height: 1px;
background-color: var(--con-gold);
}
.naltar-con-wrapper .naltar-con-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(26px, 3.4vw, 44px);
line-height: 1.1;
color: #ffffff !important;
margin: 0 auto 12px;
max-width: 700px;
}
.naltar-con-wrapper .naltar-con-sub {
color: rgba(255, 255, 255, 0.85) !important;
font-size: 14.5px;
line-height: 1.6;
margin: 0 auto;
max-width: 620px;
}
/* ---------- Grid ---------- */
.naltar-con-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.naltar-con-card {
position: relative;
aspect-ratio: 4 / 5;
overflow: hidden;
border: 1px solid rgba(197, 160, 89, 0.4);
cursor: default;
background-color: var(--con-green);
}
.naltar-con-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* soft gradient so the text stays readable */
.naltar-con-card::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to top, rgba(13, 40, 24, 0.75) 0%, rgba(13, 40, 24, 0) 55%);
pointer-events: none;
}
/* gold corner accents */
.naltar-con-card::after {
content: "";
position: absolute;
top: 10px;
left: 10px;
z-index: 3;
width: 22px;
height: 22px;
border-top: 2px solid var(--con-gold);
border-left: 2px solid var(--con-gold);
pointer-events: none;
opacity: 0.9;
}
/* number badge */
.naltar-con-num {
position: absolute;
top: 14px;
right: 14px;
z-index: 3;
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--con-gold);
font-size: 12px;
font-weight: 500;
border: 1px solid rgba(197, 160, 89, 0.7);
background: rgba(13, 40, 24, 0.45);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* glass caption */
.naltar-con-caption {
position: absolute;
left: 14px;
right: 14px;
bottom: 14px;
z-index: 3;
padding: 16px 18px;
text-align: left;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.06) 100%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
backdrop-filter: blur(14px) saturate(140%);
border: 1px solid rgba(197, 160, 89, 0.45);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-con-tag {
display: block;
color: var(--con-gold);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 6px;
}
.naltar-con-name {
display: block;
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 400;
font-size: clamp(22px, 2vw, 28px);
line-height: 1.1;
color: #ffffff;
margin: 0;
}
/* hover */
.naltar-con-card:hover .naltar-con-img { transform: scale(1.07); }
.naltar-con-card:hover .naltar-con-caption { transform: translateY(-4px); }
.naltar-con-card:hover .naltar-con-num {
background-color: var(--con-gold);
border-color: var(--con-gold);
color: var(--con-green);
}
/* ---------- Reveal on scroll (only when JS is available) ---------- */
.naltar-con-wrapper.is-js .naltar-con-card {
opacity: 0;
transform: translateY(26px);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-con-wrapper.is-js.is-in .naltar-con-card { opacity: 1; transform: translateY(0); }
.naltar-con-wrapper.is-js.is-in .naltar-con-card:nth-child(1) { transition-delay: 0.05s; }
.naltar-con-wrapper.is-js.is-in .naltar-con-card:nth-child(2) { transition-delay: 0.2s; }
.naltar-con-wrapper.is-js.is-in .naltar-con-card:nth-child(3) { transition-delay: 0.35s; }
.naltar-con-wrapper.is-js.is-in .naltar-con-card:nth-child(4) { transition-delay: 0.5s; }
.naltar-con-wrapper.is-js.is-in .naltar-con-card:nth-child(5) { transition-delay: 0.65s; }
.naltar-con-wrapper.is-js.is-in .naltar-con-card:nth-child(6) { transition-delay: 0.8s; }
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-con-wrapper { padding: 44px 20px; }
.naltar-con-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 640px) {
.naltar-con-wrapper { padding: 34px 14px; }
.naltar-con-head { margin-bottom: 28px; }
.naltar-con-grid { grid-template-columns: 1fr; gap: 16px; }
.naltar-con-card { aspect-ratio: 4 / 4.2; }
}
01
02
03
04
05
06
(function () {
var section = document.getElementById('concepts');
if (!section) return;
section.classList.add('is-js');
if (!('IntersectionObserver' in window)) { section.classList.add('is-in'); return; }
new IntersectionObserver(function (entries, obs) {
entries.forEach(function (e) {
if (e.isIntersecting) { section.classList.add('is-in'); obs.disconnect(); }
});
}, { threshold: 0.15 }).observe(section);
})();
Design Concepts
Six ways to shape your mountain home.
Explore concept directions for your plot, from a cosy wooden retreat to a boutique hospitality hut.
01
02
Concept 02
Luxury chalet
03
Concept 03
Family vacation home
04
Concept 04
Modern mountain residence
05
Concept 05
Boutique hospitality hut
06
Concept 06
Stone & timber house
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500;700&display=swap');
.naltar-who-wrapper {
--who-bg: #0d2818;
--who-text: #ffffff;
--who-muted: rgba(255, 255, 255, 0.72);
--who-gold: #c5a059;
--who-line: rgba(197, 160, 89, 0.28);
position: relative;
width: 100%;
padding: 70px 24px;
background-color: var(--who-bg);
font-family: 'DM Sans', inherit, sans-serif;
box-sizing: border-box;
}
.naltar-who-wrapper *,
.naltar-who-wrapper *::before,
.naltar-who-wrapper *::after { box-sizing: border-box; }
.naltar-who-inner { max-width: 1200px; margin: 0 auto; }
/* ---------- Heading ---------- */
.naltar-who-head { margin-bottom: 44px; }
.naltar-who-eyebrow {
display: inline-flex;
align-items: center;
gap: 14px;
color: var(--who-gold);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
margin-bottom: 14px;
}
.naltar-who-eyebrow::before {
content: "";
width: 36px;
height: 1px;
background-color: var(--who-gold);
}
.naltar-who-title {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 300;
font-size: clamp(34px, 4.4vw, 60px);
line-height: 1.05;
letter-spacing: -0.01em;
color: var(--who-text);
margin: 0;
}
/* ---------- Grid ---------- */
.naltar-who-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 1px solid var(--who-line);
border-left: 1px solid var(--who-line);
}
.naltar-who-card {
position: relative;
min-height: 230px;
padding: 40px 40px 36px;
border-right: 1px solid var(--who-line);
border-bottom: 1px solid var(--who-line);
transition: background-color 0.4s ease;
cursor: default;
}
.naltar-who-icon {
display: block;
width: 30px;
height: 30px;
margin-bottom: 44px;
color: var(--who-gold);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-who-icon svg {
width: 100%;
height: 100%;
display: block;
fill: none;
stroke: currentColor;
stroke-width: 1.3;
stroke-linecap: round;
stroke-linejoin: round;
}
.naltar-who-name {
font-family: 'Cormorant Garamond', Georgia, serif;
font-weight: 400;
font-size: clamp(22px, 2vw, 28px);
line-height: 1.15;
color: var(--who-text);
margin: 0 0 14px;
}
.naltar-who-desc {
color: var(--who-muted);
font-size: 14px;
line-height: 1.6;
margin: 0;
}
/* gold line that grows on hover */
.naltar-who-card::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 2px;
background-color: var(--who-gold);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.naltar-who-card:hover { background-color: rgba(255, 255, 255, 0.04); }
.naltar-who-card:hover::after { transform: scaleX(1); }
.naltar-who-card:hover .naltar-who-icon { transform: translateY(-4px); }
/* ---------- Reveal on scroll (only when JS is available) ---------- */
.naltar-who-wrapper.is-js .naltar-who-card {
opacity: 0;
transform: translateY(22px);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
background-color 0.4s ease;
}
.naltar-who-wrapper.is-js.is-in .naltar-who-card { opacity: 1; transform: translateY(0); }
.naltar-who-wrapper.is-js.is-in .naltar-who-card:nth-child(1) { transition-delay: 0.05s; }
.naltar-who-wrapper.is-js.is-in .naltar-who-card:nth-child(2) { transition-delay: 0.15s; }
.naltar-who-wrapper.is-js.is-in .naltar-who-card:nth-child(3) { transition-delay: 0.25s; }
.naltar-who-wrapper.is-js.is-in .naltar-who-card:nth-child(4) { transition-delay: 0.35s; }
.naltar-who-wrapper.is-js.is-in .naltar-who-card:nth-child(5) { transition-delay: 0.45s; }
.naltar-who-wrapper.is-js.is-in .naltar-who-card:nth-child(6) { transition-delay: 0.55s; }
/* ---------- Responsive ---------- */
@media (max-width: 992px) {
.naltar-who-wrapper { padding: 50px 20px; }
.naltar-who-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.naltar-who-card { padding: 32px 28px 30px; min-height: 210px; }
}
@media (max-width: 640px) {
.naltar-who-wrapper { padding: 40px 14px; }
.naltar-who-head { margin-bottom: 30px; }
.naltar-who-grid { grid-template-columns: 1fr; }
.naltar-who-card { min-height: 0; padding: 28px 22px 26px; }
.naltar-who-icon { margin-bottom: 28px; }
}
(function () {
var section = document.getElementById('who-for');
if (!section) return;
section.classList.add('is-js');
if (!('IntersectionObserver' in window)) { section.classList.add('is-in'); return; }
new IntersectionObserver(function (entries, obs) {
entries.forEach(function (e) {
if (e.isIntersecting) { section.classList.add('is-in'); obs.disconnect(); }
});
}, { threshold: 0.15 }).observe(section);
})();
Made for possibility
Who is this for?
For Families
A mountain retreat for time together.
For Investors
A long-term property opportunity.
For Overseas Pakistanis
A place of your own in the mountains.
For Entrepreneurs
Room to explore a hospitality concept.
For Retirees
A peaceful mountain residence.
For Nature lovers
Mountain scenery you can return to.
Call For More:
0333-7757759
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
.lead-form-wrapper-clean {
--lf-bg: #ffffff;
--lf-text: #1b1b1b;
--lf-label: #1b1b1b;
--lf-placeholder: #a9a9a9;
--lf-line: #cfcfcf;
--lf-gold: #b99b63;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
box-sizing: border-box !important;
font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
}
.lead-form-wrapper-clean *,
.lead-form-wrapper-clean *::before,
.lead-form-wrapper-clean *::after {
box-sizing: border-box !important;
}
/* ---------- Flip card ---------- */
.flip-card-wrapper {
perspective: 1000px;
width: 100%;
position: relative;
display: block;
}
.flip-card-inner {
position: relative;
width: 100%;
transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1);
transform-style: preserve-3d;
}
.flip-card-wrapper.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.lead-card-box,
.lead-success-container {
background: var(--lf-bg);
width: 100%;
padding: 28px 20px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.lead-card-box { position: relative; z-index: 2; }
.lead-success-container {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
transform: rotateY(180deg);
border: 1px solid var(--lf-gold);
z-index: 1;
}
/* ---------- Form grid ---------- */
.clean-lead-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 20px;
row-gap: 12px;
width: 100%;
}
.lf-field { display: flex; flex-direction: column; min-width: 0; }
.lf-field.lf-full { grid-column: 1 / -1; }
.lf-label {
font-size: 9.5px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--lf-label);
margin-bottom: 0;
line-height: 1.3;
}
.clean-lead-form input,
.clean-lead-form select {
width: 100%;
height: 38px;
padding: 0 10px;
border: 0;
border-bottom: 1px solid var(--lf-line);
border-radius: 0;
background-color: transparent;
font-family: inherit;
font-size: 13.5px;
color: var(--lf-text);
outline: none;
transition: border-color 0.3s ease;
-webkit-appearance: none;
appearance: none;
}
.clean-lead-form input::placeholder { color: var(--lf-placeholder); }
.clean-lead-form select {
cursor: pointer;
padding-right: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px center;
}
.clean-lead-form select:invalid { color: var(--lf-placeholder); }
.clean-lead-form select option { color: #1b1b1b; background: #ffffff; }
.clean-lead-form input:focus,
.clean-lead-form select:focus {
border-bottom-color: var(--lf-gold);
}
/* ---------- Button ---------- */
.clean-submit-btn {
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
height: 44px;
margin-top: 6px;
background-color: var(--lf-gold);
color: #1b1b1b;
font-family: inherit;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
border: 0;
border-radius: 0;
cursor: pointer;
transition: background-color 0.3s ease;
}
.clean-submit-btn .lf-arrow {
font-size: 16px;
letter-spacing: 0;
transition: transform 0.3s ease;
}
.clean-submit-btn:hover { background-color: #a98a52; }
.clean-submit-btn:hover .lf-arrow { transform: translateX(5px); }
.lf-note {
grid-column: 1 / -1;
margin: 0;
text-align: center;
font-size: 10.5px;
line-height: 1.4;
color: #8a8a8a;
}
/* ---------- Thank-you side ---------- */
.success-icon {
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid var(--lf-gold);
color: var(--lf-gold);
font-size: 22px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.lead-success-container h2 {
font-family: 'DM Sans', sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lf-text);
margin: 0 0 8px;
}
.lead-success-container .success-subtitle {
font-size: 13px;
line-height: 1.5;
color: #5f5f5f;
max-width: 380px;
margin: 0;
}
/* ---------- Responsive ---------- */
@media (max-width: 640px) {
.clean-lead-form { grid-template-columns: 1fr; }
}
(function() {
const leadForm = document.getElementById('contact-form');
const flipCardWrapper = document.getElementById('leadFlipCard');
if (leadForm && flipCardWrapper) {
leadForm.addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(this);
fetch(this.action, {
method: 'POST',
body: formData,
headers: { 'Accept': 'application/json' }
}).catch(err => console.log('Form submission log:', err));
flipCardWrapper.classList.add('flipped');
});
}
})();
Select plot size
10 Marla
12 Marla
1 Kanal
Not sure yet
Select budget range
Below PKR 10 Million
PKR 10 – 25 Million
PKR 25 – 50 Million
PKR 50 Million+
Installments
Full payment
Not sure yet
Personal residence
Family vacation home
Hospitality / rental income
Investment
Within 1 month
1 – 3 months
3 – 6 months
Just exploring
Morning
Afternoon
Evening
By submitting, you request contact from a property consultant about this project.
Thank You!
Your request has been received successfully.
Our representative will reach out to you shortly with your plot options.