RAK Felicity Phase 1 — Villa Plots, Devanahalli
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--navy: #1A2E45;
--navy-deep: #111f30;
--navy-mid: #223654;
--bronze: #ba9778;
--bronze-light:#d4b99a;
--bronze-pale: #f5ede4;
--white: #ffffff;
--black: #000000;
--text-dark: #0e1a26;
--text-mid: #3a4a5c;
--text-light: #6b7a8d;
--border: #dde3ea;
--bg-section: #f4f7fa;
}
body {
font-family: 'Inter', sans-serif;
background: var(--white);
color: var(--text-dark);
}
/* ══════════════════════════════════════════════
SECTION WRAPPER
══════════════════════════════════════════════ */
.growth-section {
background: var(--bg-section);
padding: 88px 0 100px;
position: relative;
overflow: hidden;
}
.growth-section::before {
content: '';
position: absolute;
inset: 0;
background-image:
radial-gradient(ellipse at 5% 10%, rgba(186,151,120,.08) 0%, transparent 55%),
radial-gradient(ellipse at 95% 90%, rgba(26,46,69,.06) 0%, transparent 55%);
pointer-events: none;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px;
position: relative;
}
/* ══════════════════════════════════════════════
SECTION HEADER
══════════════════════════════════════════════ */
.section-header {
text-align: center;
margin-bottom: 48px;
}
.section-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
border: 1px solid var(--bronze);
color: var(--bronze);
font-size: 10.5px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 2px;
margin-bottom: 24px;
}
.section-eyebrow::before,
.section-eyebrow::after {
content: '';
display: block;
width: 18px;
height: 1px;
background: var(--bronze);
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: clamp(30px, 4.2vw, 48px);
font-weight: 700;
color: var(--navy);
line-height: 1.18;
margin-bottom: 18px;
letter-spacing: -0.5px;
}
.section-title em {
font-style: italic;
color: var(--bronze);
}
.section-subtitle {
font-size: 16px;
color: var(--text-light);
max-width: 640px;
margin: 0 auto 28px;
line-height: 1.75;
font-weight: 400;
}
.header-ornament {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
}
.header-ornament .line {
width: 56px;
height: 1px;
background: linear-gradient(to right, transparent, var(--bronze));
}
.header-ornament .line:last-child {
background: linear-gradient(to left, transparent, var(--bronze));
}
.header-ornament .diamond {
width: 8px; height: 8px;
background: var(--bronze);
transform: rotate(45deg);
}
/* ══════════════════════════════════════════════
ABOUT BLOCK
══════════════════════════════════════════════ */
.about-block {
background: var(--white);
border: 1px solid var(--border);
border-left: 4px solid var(--bronze);
border-radius: 4px;
padding: 48px 52px;
margin-bottom: 40px;
position: relative;
overflow: hidden;
}
.about-block::before {
content: '';
position: absolute;
right: -60px; top: -60px;
width: 240px; height: 240px;
border-radius: 50%;
border: 32px solid rgba(186,151,120,.05);
pointer-events: none;
}
.about-block p {
font-size: 15.5px;
color: var(--text-mid);
line-height: 1.85;
margin-bottom: 16px;
}
.about-block p:last-child { margin-bottom: 0; }
.about-block p strong {
color: var(--navy);
font-weight: 600;
}
/* ══════════════════════════════════════════════
AIRPORT HERO BANNER
══════════════════════════════════════════════ */
.airport-banner {
background: var(--navy);
border-radius: 4px;
padding: 52px 56px;
display: grid;
grid-template-columns: 1fr 280px;
align-items: center;
gap: 40px;
margin-bottom: 40px;
position: relative;
overflow: hidden;
box-shadow: 0 24px 64px rgba(26,46,69,.3);
}
.airport-banner::before {
content: '';
position: absolute;
right: -80px; bottom: -80px;
width: 320px; height: 320px;
border-radius: 50%;
border: 40px solid rgba(186,151,120,.07);
}
.airport-banner::after {
content: '';
position: absolute;
right: 40px; bottom: 40px;
width: 160px; height: 160px;
border-radius: 50%;
border: 1px solid rgba(186,151,120,.15);
}
.ab-eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.ab-eyebrow span {
font-size: 10px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--bronze-light);
}
.ab-eyebrow::before {
content: '✈';
font-size: 14px;
color: var(--bronze);
}
.airport-content h3 {
font-family: 'Playfair Display', serif;
font-size: clamp(22px, 2.8vw, 32px);
color: var(--white);
font-weight: 700;
line-height: 1.25;
margin-bottom: 16px;
}
.airport-content p {
font-size: 15px;
color: rgba(255,255,255,.7);
line-height: 1.75;
max-width: 520px;
}
.airport-stat-box {
background: rgba(255,255,255,.04);
border: 1px solid rgba(186,151,120,.25);
border-radius: 4px;
padding: 36px 28px;
text-align: center;
position: relative;
z-index: 1;
}
.airport-stat-box .big-num {
font-family: 'Playfair Display', serif;
font-size: 56px;
font-weight: 700;
color: var(--bronze-light);
line-height: 1;
display: block;
}
.airport-stat-box .sub {
font-size: 12px;
color: rgba(255,255,255,.55);
margin-top: 10px;
letter-spacing: 0.5px;
line-height: 1.5;
text-transform: uppercase;
}
.airport-stat-box .divider-line {
width: 32px;
height: 1px;
background: var(--bronze);
margin: 14px auto;
opacity: .5;
}
/* ══════════════════════════════════════════════
SUB-SECTION HEAD
══════════════════════════════════════════════ */
.sub-section-head {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 28px;
}
.sub-section-head h4 {
font-family: 'Playfair Display', serif;
font-size: 22px;
font-weight: 700;
color: var(--navy);
white-space: nowrap;
}
.sub-section-head .head-line {
flex: 1;
height: 1px;
background: linear-gradient(to right, var(--border), transparent);
}
/* ══════════════════════════════════════════════
3-COLUMN FACTOR CARDS
══════════════════════════════════════════════ */
.factors-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.factor-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 4px;
padding: 36px 28px 30px;
position: relative;
overflow: hidden;
transition: transform .3s ease, box-shadow .3s ease;
}
.factor-card::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--navy), var(--bronze));
transform: scaleX(0);
transform-origin: left;
transition: transform .35s ease;
}
.factor-card:hover { transform: translateY(-8px); box-shadow: 0 28px 56px rgba(26,46,69,.13); }
.factor-card:hover::after { transform: scaleX(1); }
.fc-number {
font-family: 'Playfair Display', serif;
font-size: 52px;
font-weight: 700;
color: rgba(26,46,69,.06);
position: absolute;
top: 10px; right: 20px;
line-height: 1;
pointer-events: none;
}
.fc-icon {
width: 54px; height: 54px;
background: var(--navy);
border-radius: 4px;
display: flex; align-items: center; justify-content: center;
font-size: 24px;
margin-bottom: 22px;
}
.fc-title {
font-family: 'Playfair Display', serif;
font-size: 18px;
font-weight: 700;
color: var(--navy);
margin-bottom: 12px;
line-height: 1.3;
}
.fc-desc {
font-size: 14px;
color: var(--text-light);
line-height: 1.72;
margin-bottom: 20px;
}
.fc-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.fc-tag {
font-size: 11px;
font-weight: 600;
color: var(--navy);
background: rgba(26,46,69,.06);
border: 1px solid rgba(26,46,69,.1);
padding: 4px 11px;
border-radius: 2px;
letter-spacing: 0.3px;
}
/* ══════════════════════════════════════════════
INFRA 2-COL CARDS
══════════════════════════════════════════════ */
.infra-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 40px;
}
.infra-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 4px;
padding: 36px 28px;
transition: transform .3s ease, box-shadow .3s ease;
}
.infra-card:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(26,46,69,.1); }
.ic-icon {
width: 54px; height: 54px;
background: var(--bronze-pale);
border: 1px solid rgba(186,151,120,.3);
border-radius: 4px;
display: flex; align-items: center; justify-content: center;
font-size: 24px;
margin-bottom: 22px;
}
.infra-card .fc-title { color: var(--black); }
.infra-list { list-style: none; margin-top: 6px; }
.infra-list li {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 14px;
color: var(--text-mid);
padding: 10px 0;
border-bottom: 1px solid var(--border);
line-height: 1.55;
}
.infra-list li:last-child { border-bottom: none; }
.infra-list li::before {
content: '';
flex-shrink: 0;
width: 6px; height: 6px;
border-radius: 50%;
background: var(--bronze);
margin-top: 6px;
}
/* ══════════════════════════════════════════════
INVESTMENT DARK BLOCK
══════════════════════════════════════════════ */
.investment-block {
background: var(--navy-deep);
border-radius: 4px;
padding: 60px 56px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
margin-bottom: 40px;
position: relative;
overflow: hidden;
box-shadow: 0 28px 72px rgba(0,0,0,.25);
}
.investment-block::before {
content: '';
position: absolute;
left: -100px; top: -100px;
width: 400px; height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(186,151,120,.06) 0%, transparent 70%);
pointer-events: none;
}
.ib-eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
}
.ib-eyebrow .dot {
width: 8px; height: 8px;
background: var(--bronze);
border-radius: 50%;
}
.ib-eyebrow span {
font-size: 10px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--bronze-light);
}
.invest-left h3 {
font-family: 'Playfair Display', serif;
font-size: clamp(22px, 2.6vw, 32px);
color: var(--white);
font-weight: 700;
line-height: 1.28;
margin-bottom: 20px;
}
.invest-left p {
font-size: 15px;
color: rgba(255,255,255,.65);
line-height: 1.8;
}
.invest-left p strong { color: var(--bronze-light); font-weight: 600; }
.invest-left .ib-line {
width: 48px;
height: 2px;
background: var(--bronze);
margin-top: 28px;
opacity: .6;
}
.invest-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.invest-stat {
background: rgba(255,255,255,.04);
border: 1px solid rgba(186,151,120,.18);
border-radius: 4px;
padding: 28px 20px;
text-align: center;
transition: background .3s, border-color .3s;
}
.invest-stat:hover { background: rgba(186,151,120,.07); border-color: rgba(186,151,120,.35); }
.invest-stat .val {
font-family: 'Playfair Display', serif;
font-size: 34px;
font-weight: 700;
color: var(--bronze-light);
display: block;
line-height: 1;
}
.invest-stat .lbl {
font-size: 11px;
color: rgba(255,255,255,.5);
margin-top: 10px;
line-height: 1.5;
letter-spacing: 0.3px;
}
/* ══════════════════════════════════════════════
KEY PROJECTS
══════════════════════════════════════════════ */
.projects-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.project-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 4px;
overflow: hidden;
transition: transform .3s ease, box-shadow .3s ease;
}
.project-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(26,46,69,.13); }
.pc-top {
background: var(--navy);
padding: 28px 24px 24px;
position: relative;
}
.pc-num {
font-family: 'Playfair Display', serif;
font-size: 44px;
font-weight: 700;
color: rgba(186,151,120,.15);
position: absolute;
top: 8px; right: 18px;
line-height: 1;
}
.pc-icon { font-size: 26px; margin-bottom: 12px; display: block; }
.pc-name {
font-family: 'Playfair Display', serif;
font-size: 16px;
font-weight: 600;
color: var(--white);
line-height: 1.35;
max-width: 180px;
}
.pc-body { padding: 22px 24px 26px; }
.pc-desc {
font-size: 13.5px;
color: var(--text-light);
line-height: 1.68;
margin-bottom: 16px;
}
.pc-badge {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11px;
font-weight: 700;
color: var(--bronze);
background: var(--bronze-pale);
border: 1px solid rgba(186,151,120,.25);
padding: 5px 12px;
border-radius: 2px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.pc-badge::before {
content: '';
width: 5px; height: 5px;
border-radius: 50%;
background: var(--bronze);
}
/* ══════════════════════════════════════════════
LOCATION ADVANTAGES
══════════════════════════════════════════════ */
.location-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.location-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 4px;
padding: 32px 28px;
transition: transform .3s ease, box-shadow .3s ease;
}
.location-card:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(26,46,69,.1); }
.lc-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
}
.lc-icon {
width: 48px; height: 48px;
background: var(--navy);
border-radius: 4px;
display: flex; align-items: center; justify-content: center;
font-size: 22px;
flex-shrink: 0;
}
.lc-title {
font-family: 'Playfair Display', serif;
font-size: 17px;
font-weight: 700;
color: var(--navy);
line-height: 1.3;
}
.it-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 24px;
}
/* ══════════════════════════════════════════════
AMENITIES DARK BLOCK
══════════════════════════════════════════════ */
.amenities-block {
background: var(--navy-deep);
border-radius: 4px;
padding: 56px 52px;
position: relative;
overflow: hidden;
}
.amenities-block::before {
content: '';
position: absolute;
right: -80px; top: -80px;
width: 360px; height: 360px;
border-radius: 50%;
background: radial-gradient(circle, rgba(186,151,120,.06) 0%, transparent 70%);
pointer-events: none;
}
.amenities-block::after {
content: '';
position: absolute;
left: -60px; bottom: -60px;
width: 240px; height: 240px;
border-radius: 50%;
border: 1px solid rgba(186,151,120,.08);
pointer-events: none;
}
.amenities-header {
margin-bottom: 36px;
position: relative;
z-index: 1;
}
.amenities-header h3 {
font-family: 'Playfair Display', serif;
font-size: clamp(22px, 2.8vw, 30px);
font-weight: 700;
color: var(--white);
margin-top: 14px;
margin-bottom: 8px;
}
.amenities-header h3 em {
font-style: italic;
color: var(--bronze-light);
}
.amenities-header p {
font-size: 14px;
color: rgba(255,255,255,.5);
line-height: 1.6;
}
.amenities-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 12px;
position: relative;
z-index: 1;
}
.amenity-item {
background: rgba(255,255,255,.04);
border: 1px solid rgba(186,151,120,.15);
border-radius: 4px;
padding: 18px 12px;
text-align: center;
transition: background .3s, border-color .3s, transform .25s;
}
.amenity-item:hover {
background: rgba(186,151,120,.09);
border-color: rgba(186,151,120,.32);
transform: translateY(-4px);
}
.amenity-emoji {
font-size: 22px;
margin-bottom: 9px;
display: block;
line-height: 1;
}
.amenity-label {
font-size: 11.5px;
color: rgba(255,255,255,.72);
font-weight: 500;
line-height: 1.4;
}
/* ══════════════════════════════════════════════
RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width: 1024px) {
.factors-grid { grid-template-columns: 1fr 1fr; }
.location-grid { grid-template-columns: 1fr 1fr; }
.amenities-grid { grid-template-columns: repeat(4, 1fr); }
.airport-banner { grid-template-columns: 1fr; padding: 40px 36px; }
.airport-stat-box {
display: flex; align-items: center; justify-content: center;
gap: 28px; padding: 24px 28px;
}
.airport-stat-box .divider-line { width: 1px; height: 40px; margin: 0 8px; }
}
@media (max-width: 768px) {
.growth-section { padding: 60px 0 72px; }
.factors-grid { grid-template-columns: 1fr; }
.infra-row { grid-template-columns: 1fr; }
.location-grid { grid-template-columns: 1fr; }
.amenities-grid { grid-template-columns: repeat(3, 1fr); }
.investment-block { grid-template-columns: 1fr; padding: 40px 28px; gap: 36px; }
.projects-row { grid-template-columns: 1fr; }
.invest-stats { grid-template-columns: 1fr 1fr; }
.about-block { padding: 32px 24px; }
.amenities-block { padding: 40px 24px; }
.location-card { grid-column: span 1 !important; }
.it-grid { grid-template-columns: 1fr; }
.sub-section-head h4 { font-size: 18px; }
}
@media (max-width: 480px) {
.invest-stats { grid-template-columns: 1fr; }
.amenities-grid { grid-template-columns: repeat(2, 1fr); }
.airport-banner { padding: 32px 20px; }
.container { padding: 0 16px; }
}
Kempegowda International Airport
Gateway to the World —
Just 10 Minutes Away
Positioned right at the heart of the airport proximity zone, RAK Felicity gives you seamless access to global connectivity while you remain immersed in a calm, green, nature-rich environment — the best of both worlds.
Key Factors Driving Devanahalli's Growth
01
✈️
Airport Connectivity & Development
As home to Kempegowda International Airport, Devanahalli sits at the core of a booming airport ecosystem — driving logistics, aviation services, and 13+ luxury hotels that are transforming the entire corridor into a self-sustaining economic powerhouse.
KIA Ecosystem
13+ Luxury Hotels
Aviation Hub
02
🏭
Aerospace SEZ & Hardware Tech Park
Home to HAL and top-tier aerospace manufacturers, the SEZ is generating thousands of high-paying jobs and anchoring Devanahalli as India's premier aerospace manufacturing hub, with the 413-acre Devanahalli Business Park as its commercial backbone.
HAL
Aerospace SEZ
413-Acre Park
03
💻
IT Investment Region (ITIR)
A future-defining project projected to become India's largest IT region — attracting global corporations, creating massive demand for premium residential spaces, and cementing Devanahalli as the new tech elite's address of choice.
India's Largest IT Zone
Global Corps
🛣️
Infrastructure Improvements
Multiple infrastructure upgrades significantly slashing travel times and opening the entire corridor to Bengaluru's core like never before.
- Expanded NH-44 — seamless highway access
- Metro Phase 2 extension — rapid urban transit
- Satellite Town Ring Road (STRR)
- Proximity to central Bengaluru cut by up to 40%
🌿
Residential & Social Infrastructure Boom
Rising demand from professionals has triggered a boom in luxury villas, plotted developments, and gated communities with a quality of life far superior to the inner city.
- Surge in luxury villas & gated communities
- Plotted developments with premium amenities
- Less pollution & abundant open green spaces
- Top schools, hospitals & retail hubs nearby
Investment Potential
The "Under-Priced" High-Growth Corridor Investors Are Racing To
Often dubbed Bengaluru's best-kept investment secret, Devanahalli offers
exceptional rental yields combined with long-term capital appreciation — before prices
fully catch up with its explosive and well-documented growth story.
₹10B
Financial City
Project Value
413ac
Business Park
Development
High
Rental Yield
Potential
3×
Long-term Capital
Appreciation
Key Projects Transforming the Landscape
01
📱
Foxconn Manufacturing Facility
The Foxconn plant is a landmark investment boosting the region's manufacturing employment base, attracting a skilled workforce and a wave of ancillary industries to the belt.
Manufacturing Hub
A ₹10 billion dedicated financial services hub, poised to establish Devanahalli as a key node in India's BFSI landscape alongside its already thriving tech ecosystem.
₹10 Billion Project
03
🏗️
KIADB Business Park
KIADB's flagship park is pioneering commercial infrastructure growth, attracting significant FDI and establishing large-scale enterprises along the corridor.
Commercial Pioneer
- Gnanasagara Public School
- Akash Medical College
- Chanakya University
- MVM Central School
- Nandini Vidyanikethana Residential School
- New Manasa Hospital
- Raja's Clinic
- Sri Shirdi Sai Hospital
- Ramaiah Leena Hospital
- Akash Hospital
- Devanahalli Health Services
- The Arab Restaurant
- Nandi Upachar Restaurant
- Hotel Andra Deluxe
- The Green House Restaurant
- JW Marriott Resort Hotel Spa
- Aaleeshan Restaurant
- Clarks Exotica Convention Resort & Spa
- Taj Bangalore
- Signature Club Resort
- Olde Bangalore Resort
- Angsana Oasis Spa and Resort
- Chairman's Resort
- Fantasy Golf Resort
- Shreyas Yoga Retreat
- The Windflower Prakruthi Bangalore
- KIADB Aerospace SEZ
- KIADB Hardware Park
- ISRO Gaganyan
- FOXCONN
- Prestige Tech Cloud Park
- SLK Software
- Phil Technologies
- Findapp
- L&T TIIC Office
- Infosys Limited
- Tech Mahindra
♻️
Sewage Treatment Plant
⚡
Underground EV Recharging